Prettified code and added review scrolling
This commit is contained in:
parent
99af3eb2b8
commit
abc9d59810
4 changed files with 79 additions and 29 deletions
|
@ -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)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -85,4 +85,5 @@ export component Timeline inherits Rectangle {
|
|||
visible: timeline-event.visible;
|
||||
}
|
||||
}
|
||||
@children
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue