163 lines
4.5 KiB
Plaintext
163 lines
4.5 KiB
Plaintext
import { Button, CheckBox, ListView } from "std-widgets.slint";
|
|
import { BrowserItem } from "./browser_item.slint";
|
|
import { Header } from "./header.slint";
|
|
import { Footer } from "./footer.slint";
|
|
import { BrowserConfig } from "./types.slint";
|
|
import { Theme } from "theme.slint";
|
|
|
|
export { Theme }
|
|
|
|
component CheckRow inherits Rectangle {
|
|
in property <string> label;
|
|
in-out property <bool> checked;
|
|
callback toggled();
|
|
|
|
height: 28px;
|
|
background: transparent;
|
|
|
|
touch := TouchArea {
|
|
mouse-cursor: pointer;
|
|
clicked => {
|
|
root.checked = !root.checked;
|
|
root.toggled();
|
|
}
|
|
}
|
|
|
|
HorizontalLayout {
|
|
spacing: 12px;
|
|
padding-left: 4px;
|
|
|
|
Rectangle {
|
|
width: 20px;
|
|
border-radius: 6px;
|
|
background: root.checked ? #3b82f6 : transparent;
|
|
border-width: 2px;
|
|
border-color: root.checked ? #3b82f6 : Theme.border-main;
|
|
|
|
Image {
|
|
x: (parent.width - self.width) / 2;
|
|
y: (parent.height - self.height) / 2;
|
|
width: 12px;
|
|
height: 12px;
|
|
source: @image-url("../icons/check.svg");
|
|
colorize: #ffffff;
|
|
visible: root.checked;
|
|
}
|
|
}
|
|
|
|
Text {
|
|
text: root.label;
|
|
color: Theme.text-muted;
|
|
font-size: 14px;
|
|
vertical-alignment: center;
|
|
}
|
|
}
|
|
}
|
|
|
|
export component MainWindow inherits Window {
|
|
title: "bropicker";
|
|
in property <[BrowserConfig]> browser-model: [];
|
|
in property <string> current-url: "";
|
|
in-out property <bool> remember-choice: false;
|
|
in-out property <bool> always-ask: true;
|
|
in property <int> selected-index: 0;
|
|
|
|
callback browser-selected(BrowserConfig);
|
|
callback toggle-remember(bool);
|
|
callback toggle-always-ask(bool);
|
|
callback settings-clicked();
|
|
callback open-clicked();
|
|
callback request-drag();
|
|
callback esc-pressed();
|
|
|
|
no-frame: true;
|
|
background: transparent;
|
|
width: 488px;
|
|
height: 800px;
|
|
default-font-family: "Segoe UI";
|
|
|
|
FocusScope {
|
|
init => { self.focus(); }
|
|
key-pressed(event) => {
|
|
if (event.text == Key.Escape) {
|
|
root.esc-pressed();
|
|
accept
|
|
} else {
|
|
reject
|
|
}
|
|
}
|
|
}
|
|
|
|
VerticalLayout {
|
|
alignment: start;
|
|
width: 488px;
|
|
height: 800px;
|
|
|
|
padding: Theme.spacing-xl;
|
|
|
|
Rectangle {
|
|
max-width: 448px;
|
|
width: 100%;
|
|
height: 760px;
|
|
border-radius: Theme.radius-lg;
|
|
clip: true;
|
|
background: Theme.surface-main;
|
|
border-width: 1px;
|
|
border-color: Theme.border-main;
|
|
|
|
VerticalLayout {
|
|
|
|
Header {
|
|
url: current-url;
|
|
request-drag => root.request-drag();
|
|
}
|
|
|
|
ListView {
|
|
vertical-stretch: 1;
|
|
|
|
for browser[i] in root.browser-model: BrowserItem {
|
|
browser-icon: browser.icon;
|
|
browser-name: browser.name;
|
|
is-default: browser.is-default;
|
|
selected: i == root.selected-index;
|
|
clicked => {
|
|
root.browser-selected(browser);
|
|
}
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
height: 12px;
|
|
}
|
|
|
|
VerticalLayout {
|
|
spacing: 8px;
|
|
padding-left: 4px;
|
|
padding-bottom: 8px;
|
|
|
|
CheckRow {
|
|
label: "Запомнить выбор для " + root.current-url;
|
|
checked <=> root.remember-choice;
|
|
toggled => {
|
|
root.toggle-remember(root.remember-choice);
|
|
}
|
|
}
|
|
|
|
CheckRow {
|
|
label: "Всегда спрашивать";
|
|
checked <=> root.always-ask;
|
|
toggled => {
|
|
root.toggle-always-ask(root.always-ask);
|
|
}
|
|
}
|
|
}
|
|
|
|
Footer {
|
|
settings-clicked => root.settings-clicked();
|
|
open-clicked => root.open-clicked();
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|