aliveline/ui/record.slint

78 lines
2.3 KiB
Text

import { VerticalBox, LineEdit, Button, ComboBox } from "std-widgets.slint";
import { Timeline } from "timeline.slint";
export component RecordWidget inherits VerticalBox {
callback new-day-started <=> tl.new-day-started;
callback update-visible-time(string);
callback start-new-event(string);
callback chain-event(string);
callback stop-event;
in-out property visible-time <=> tl.visible-time;
in-out property updating <=> tl.updating;
in-out property offset <=> tl.offset;
in-out property events <=> tl.events;
in property<[string]> combo-spans: [];
in-out property<bool> in-progress: false;
property<string> event-name: "";
property<bool> minimized: false;
property<int> combo-index: 0;
tl := Timeline {
preferred-height: 100%;
updating: true;
clicked => {
minimized = !minimized;
}
}
if !minimized: GridLayout {
spacing-vertical: 8px;
spacing-horizontal: 16px;
le := LineEdit {
placeholder-text: "Event name";
text: event-name;
font-size: 24px;
horizontal-alignment: center;
colspan: 2;
row: 0;
edited(text) => {
event-name = text;
}
}
Button {
text: in-progress ? "Stop" : "Start";
row: 1;
clicked => {
if in-progress {
root.stop-event();
} else {
root.start-new-event(event-name);
}
in-progress = !in-progress;
}
}
Button {
text: "Chain";
enabled: in-progress;
col: 1;
row: 1;
clicked => {
root.chain-event(event-name);
}
}
Text {
text: "Span:";
font-size: 24px;
row: 2;
horizontal-alignment: right;
}
ComboBox {
model: combo-spans;
current-index: combo-index;
row: 2;
col: 1;
selected(current-value) => {
root.update-visible-time(current-value);
combo-index = self.current-index;
}
}
}
}