c1c60d5434
Some checks failed
Security / Security check (push) Failing after 1s
Settings dialog's Theme Plugin section is now a grid of swatched tiles: - Built-in (none) — falls back to FaiTheme.light/.dark - One tile per installed studio.theme.* plugin, each showing the plugin's primary/secondary/tertiary as live colour dots. Tile loads its preview lazily so a dozen installed themes don't block the picker. - Custom — opens a colour-picker dialog with 12 curated Material presets + a hex input + live preview. Selecting applies ColorScheme.fromSeed for both brightnesses. main.dart's _pluginThemes parses a 'custom:#RRGGBB' sigil in the same notifier slot as plugin capability ids, so the existing persistence + restoration paths cover the custom case with no new state. Bumps editor to 0.11.0 (type-checked port connections + dynamic card width fix + card-height border allowance) and Studio to 0.58.0. Signed-off-by: flemming-it <stefan.a.flemming@googlemail.com>
95 lines
2.4 KiB
Dart
95 lines
2.4 KiB
Dart
// FaiStatusDot — small pulsing dot used as a "live" indicator.
|
|
// Goes still when [pulsing] is false, breathes gently when true.
|
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
import '../theme/tokens.dart';
|
|
|
|
class FaiStatusDot extends StatefulWidget {
|
|
final Color color;
|
|
|
|
/// When true, the dot fades between full and 30% opacity.
|
|
/// When false, it stays at full opacity (steady-state).
|
|
final bool pulsing;
|
|
|
|
final double size;
|
|
|
|
const FaiStatusDot({
|
|
super.key,
|
|
required this.color,
|
|
this.pulsing = false,
|
|
this.size = 8,
|
|
});
|
|
|
|
@override
|
|
State<FaiStatusDot> createState() => _FaiStatusDotState();
|
|
}
|
|
|
|
class _FaiStatusDotState extends State<FaiStatusDot>
|
|
with SingleTickerProviderStateMixin {
|
|
late final AnimationController _ctrl;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_ctrl = AnimationController(
|
|
vsync: this,
|
|
duration: const Duration(milliseconds: 1400),
|
|
);
|
|
if (widget.pulsing) _ctrl.repeat(reverse: true);
|
|
}
|
|
|
|
@override
|
|
void didUpdateWidget(covariant FaiStatusDot old) {
|
|
super.didUpdateWidget(old);
|
|
if (widget.pulsing && !_ctrl.isAnimating) {
|
|
_ctrl.repeat(reverse: true);
|
|
} else if (!widget.pulsing && _ctrl.isAnimating) {
|
|
_ctrl.stop();
|
|
_ctrl.value = 0;
|
|
}
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_ctrl.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return AnimatedBuilder(
|
|
animation: _ctrl,
|
|
builder: (_, _) {
|
|
final t = widget.pulsing ? _ctrl.value : 0.0;
|
|
final alpha = 1.0 - (t * 0.6);
|
|
return Container(
|
|
width: widget.size,
|
|
height: widget.size,
|
|
decoration: BoxDecoration(
|
|
color: widget.color.withValues(alpha: alpha),
|
|
shape: BoxShape.circle,
|
|
boxShadow: widget.pulsing
|
|
? [
|
|
BoxShadow(
|
|
color: widget.color.withValues(alpha: 0.4 * alpha),
|
|
blurRadius: 6 * (1 + t),
|
|
spreadRadius: 1 * t,
|
|
),
|
|
]
|
|
: const [],
|
|
),
|
|
);
|
|
},
|
|
);
|
|
}
|
|
}
|
|
|
|
/// Convenience presets.
|
|
class FaiStatusDots {
|
|
FaiStatusDots._();
|
|
static Widget live() =>
|
|
const FaiStatusDot(color: FaiColors.success, pulsing: true);
|
|
static Widget idle() => const FaiStatusDot(color: FaiColors.muted);
|
|
static Widget down() => const FaiStatusDot(color: FaiColors.danger);
|
|
}
|