Prettified code and added review scrolling

This commit is contained in:
Alexey 2025-09-10 14:50:05 +03:00
commit abc9d59810
4 changed files with 79 additions and 29 deletions

View file

@ -4,14 +4,15 @@ import { ReviewWidget } from "review.slint";
import { TimelineEvent } from "timeline.slint";
export component AppWindow inherits Window {
callback update-record-visible-time <=> record.update-visible-time;
callback start-new-event <=> record.start-new-event;
callback stop-event <=> record.stop-event;
callback chain-event <=> record.chain-event;
callback update-record-offset(int);
callback save-log;
callback another-call;
callback load-log;
callback fetch-log <=> review.fetch-log;
callback update-visible-time(bool, string);
update-record-offset(new-offset) => {
record.offset = new-offset;
@ -19,8 +20,13 @@ export component AppWindow inherits Window {
in-out property record-events <=> record.events;
in-out property record-offset <=> record.offset;
in-out property<int> record-visible-time <=> record.visible-time;
in-out property<bool> in-progress <=> record.in-progress;
in-out property record-visible-time <=> record.visible-time;
in-out property in-progress <=> record.in-progress;
in-out property review-events <=> review.events;
in-out property review-offset <=> review.offset;
in-out property review-visible-time <=> review.visible-time;
property<[string]> combo-spans: ["1 Hour", "4 Hours", "8 Hours", "24 Hours"];
title: "Aliveline";
@ -30,11 +36,19 @@ export component AppWindow inherits Window {
title: "Record";
record := RecordWidget {
combo-spans: combo-spans;
update-visible-time(time) => {
root.update-visible-time(true, time);
}
}
}
Tab {
title: "Review";
review := ReviewWidget {}
review := ReviewWidget {
combo-spans: combo-spans;
update-visible-time(time) => {
root.update-visible-time(false, time)
}
}
}
}
}

View file

@ -1,13 +1,31 @@
import { VerticalBox, LineEdit, Button, DatePickerPopup } from "std-widgets.slint";
import { VerticalBox, LineEdit, Button, DatePickerPopup, ComboBox } from "std-widgets.slint";
import { Timeline } from "timeline.slint";
export component ReviewWidget inherits VerticalBox {
callback update-visible-time(string);
callback fetch-log(int, int, int);
property<int> max-offset: 24 * 3600;
property<int> current-year;
property<int> current-month;
property<int> current-day;
Timeline {
in property<[string]> combo-spans: [];
in-out property visible-time <=> tl.visible-time;
in-out property offset <=> tl.offset;
in-out property events <=> tl.events;
tl := Timeline {
updating: false;
TouchArea {
preferred-width: 100%;
preferred-height: 100%;
moved => {
if self.pressed {
root.offset -= (self.mouse-x - self.pressed-x) / 1px;
root.offset = clamp(root.offset, visible-time, max-offset);
}
}
}
}
GridLayout {
spacing-vertical: 8px;
@ -16,12 +34,30 @@ export component ReviewWidget inherits VerticalBox {
text: "Day: \{current-day}/\{current-month}/\{current-year}";
font-size: 32px;
horizontal-alignment: right;
row: 0;
}
Button {
text: "Select";
clicked => {
date-picker.show()
}
row: 0;
col: 1;
}
Text {
text: "Span: ";
font-size: 24px;
row: 1;
horizontal-alignment: right;
}
ComboBox {
model: combo-spans;
current-index: 0;
row: 1;
col: 1;
selected(current-value) => {
root.update-visible-time(current-value);
}
}
}
date-picker := DatePickerPopup {
@ -32,6 +68,7 @@ export component ReviewWidget inherits VerticalBox {
current-year = date.year;
current-month = date.month;
current-day = date.day;
root.fetch-log(current-year, current-month, current-day);
}
}
}

View file

@ -85,4 +85,5 @@ export component Timeline inherits Rectangle {
visible: timeline-event.visible;
}
}
@children
}