mirror of
https://gitlab.com/asus-linux/asusctl.git
synced 2026-01-22 17:33:19 +01:00
310 lines
14 KiB
Plaintext
310 lines
14 KiB
Plaintext
import { SystemDropdown, RogItem, SystemToggle, SystemToggleVert } from "../widgets/common.slint";
|
|
import { Palette, Button, ComboBox, VerticalBox, GroupBox } from "std-widgets.slint";
|
|
import { StyleMetrics, Slider, HorizontalBox, TextEdit, SpinBox, LineEdit, ScrollView } from "std-widgets.slint";
|
|
import { ColourSlider } from "../widgets/colour_picker.slint";
|
|
import { AuraPageData, AuraDevType, PowerZones, LaptopAuraPower, AuraEffect } from "../types/aura_types.slint";
|
|
import { AuraPowerGroup, AuraPowerGroupOld } from "../widgets/aura_power.slint";
|
|
|
|
export component PageAura inherits Rectangle {
|
|
property <bool> show_fade_cover: false;
|
|
property <bool> show_aura_power: false;
|
|
callback external_colour_change();
|
|
external_colour_change() => {
|
|
c1.colourbox = AuraPageData.led_mode_data.colour1;
|
|
c1.final_colour = AuraPageData.led_mode_data.colour1;
|
|
c1.external_colour_change();
|
|
c2.colourbox = AuraPageData.led_mode_data.colour2;
|
|
c2.final_colour = AuraPageData.led_mode_data.colour2;
|
|
c2.external_colour_change();
|
|
}
|
|
ScrollView {
|
|
VerticalLayout {
|
|
padding: 10px;
|
|
spacing: 10px;
|
|
alignment: LayoutAlignment.start;
|
|
HorizontalLayout {
|
|
spacing: 10px;
|
|
SystemDropdown {
|
|
text: @tr("Brightness");
|
|
current_index <=> AuraPageData.brightness;
|
|
current_value: AuraPageData.brightness_names[self.current-index];
|
|
model <=> AuraPageData.brightness_names;
|
|
selected => {
|
|
AuraPageData.cb_brightness(AuraPageData.brightness)
|
|
}
|
|
}
|
|
|
|
SystemDropdown {
|
|
width: root.width * 1px / 2px;
|
|
text: @tr("Aura mode");
|
|
current_index <=> AuraPageData.current_available_mode;
|
|
current_value: AuraPageData.available_mode_names[self.current-index];
|
|
model <=> AuraPageData.available_mode_names;
|
|
selected => {
|
|
AuraPageData.led_mode_data.mode = AuraPageData.led_mode;
|
|
AuraPageData.led_mode_data.mode = AuraPageData.current_available_mode;
|
|
self.current_value = AuraPageData.available_mode_names[self.current-index];
|
|
AuraPageData.cb_led_mode(AuraPageData.current_available_mode);
|
|
}
|
|
}
|
|
}
|
|
|
|
RogItem {
|
|
min-height: 220px;
|
|
max-height: 400px;
|
|
HorizontalLayout {
|
|
spacing: 10px;
|
|
VerticalBox {
|
|
Text {
|
|
text: @tr("Colour 1");
|
|
vertical-alignment: TextVerticalAlignment.center;
|
|
horizontal-alignment: TextHorizontalAlignment.center;
|
|
}
|
|
|
|
HorizontalBox {
|
|
c1 := ColourSlider {
|
|
enabled: AuraPageData.led_mode == 0 || AuraPageData.led_mode == 1 || AuraPageData.led_mode == 4 || AuraPageData.led_mode == 6 || AuraPageData.led_mode == 7 || AuraPageData.led_mode == 8 || AuraPageData.led_mode == 10 || AuraPageData.led_mode == 11 || AuraPageData.led_mode == 12;
|
|
final_colour <=> AuraPageData.color1;
|
|
colourbox <=> AuraPageData.colorbox1;
|
|
set_hex_from_colour(c1) => {
|
|
return AuraPageData.cb_hex_from_colour(c1);
|
|
}
|
|
hex_to_colour(s) => {
|
|
return AuraPageData.cb_hex_to_colour(s);
|
|
}
|
|
released => {
|
|
AuraPageData.led_mode_data.colour1 = AuraPageData.color1;
|
|
AuraPageData.cb_led_mode_data(AuraPageData.led_mode_data);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
VerticalBox {
|
|
Text {
|
|
text: @tr("Colour 2");
|
|
vertical-alignment: TextVerticalAlignment.center;
|
|
horizontal-alignment: TextHorizontalAlignment.center;
|
|
}
|
|
|
|
HorizontalBox {
|
|
c2 := ColourSlider {
|
|
enabled: AuraPageData.led_mode == 1 || AuraPageData.led_mode == 4;
|
|
final_colour <=> AuraPageData.color2;
|
|
colourbox <=> AuraPageData.colorbox2;
|
|
set_hex_from_colour(c1) => {
|
|
return AuraPageData.cb_hex_from_colour(c1);
|
|
}
|
|
hex_to_colour(s) => {
|
|
return AuraPageData.cb_hex_to_colour(s);
|
|
}
|
|
released => {
|
|
AuraPageData.led_mode_data.colour2 = AuraPageData.color2;
|
|
AuraPageData.cb_led_mode_data(AuraPageData.led_mode_data);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
HorizontalLayout {
|
|
spacing: 10px;
|
|
min-height: 80px;
|
|
max-height: 90px;
|
|
RogItem {
|
|
//padding only has effect on layout elements
|
|
//padding: 0px;
|
|
VerticalBox {
|
|
Text {
|
|
text: @tr("Zone");
|
|
vertical-alignment: TextVerticalAlignment.center;
|
|
horizontal-alignment: TextHorizontalAlignment.center;
|
|
}
|
|
|
|
ComboBox {
|
|
// enabled: AuraPageData.led_mode == ;
|
|
enabled: false;
|
|
current_index <=> AuraPageData.zone;
|
|
current_value: AuraPageData.zone_names[self.current-index];
|
|
model <=> AuraPageData.zone_names;
|
|
selected => {
|
|
AuraPageData.led_mode_data.zone = self.current-index;
|
|
AuraPageData.cb_led_mode_data(AuraPageData.led_mode_data);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
RogItem {
|
|
//padding only has effect on layout elements
|
|
//padding: 0px;
|
|
VerticalBox {
|
|
Text {
|
|
text: @tr("Direction");
|
|
vertical-alignment: TextVerticalAlignment.center;
|
|
horizontal-alignment: TextHorizontalAlignment.center;
|
|
}
|
|
|
|
ComboBox {
|
|
enabled: AuraPageData.led_mode == 3;
|
|
current_index <=> AuraPageData.direction;
|
|
current_value: AuraPageData.direction_names[self.current-index];
|
|
model <=> AuraPageData.direction_names;
|
|
selected => {
|
|
AuraPageData.led_mode_data.direction = self.current-index;
|
|
AuraPageData.cb_led_mode_data(AuraPageData.led_mode_data);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
RogItem {
|
|
//padding only has effect on layout elements
|
|
//padding: 0px;
|
|
VerticalBox {
|
|
Text {
|
|
text: @tr("Speed");
|
|
vertical-alignment: TextVerticalAlignment.center;
|
|
horizontal-alignment: TextHorizontalAlignment.center;
|
|
}
|
|
|
|
ComboBox {
|
|
enabled: AuraPageData.led_mode == 1 || AuraPageData.led_mode == 2 || AuraPageData.led_mode == 3 || AuraPageData.led_mode == 4 || AuraPageData.led_mode == 5 || AuraPageData.led_mode == 6 || AuraPageData.led_mode == 7 || AuraPageData.led_mode == 8;
|
|
current_index <=> AuraPageData.speed;
|
|
current_value: AuraPageData.speed_names[self.current-index];
|
|
model <=> AuraPageData.speed_names;
|
|
selected => {
|
|
AuraPageData.led_mode_data.speed = self.current-index;
|
|
AuraPageData.cb_led_mode_data(AuraPageData.led_mode_data);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
HorizontalLayout {
|
|
Button {
|
|
text: @tr("Power Settings");
|
|
clicked => {
|
|
root.show_fade_cover = true;
|
|
root.show_aura_power = true;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
if root.show_fade_cover: Rectangle {
|
|
background: Palette.background;
|
|
opacity: 0.8;
|
|
TouchArea {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
}
|
|
}
|
|
|
|
if root.show_aura_power && AuraPageData.device_type == AuraDevType.New: Rectangle {
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: 1;
|
|
ScrollView {
|
|
VerticalLayout {
|
|
padding: 30px;
|
|
padding-top: 10px;
|
|
spacing: 10px;
|
|
alignment: LayoutAlignment.start;
|
|
|
|
for state[idx] in AuraPageData.led_power.states: zone := AuraPowerGroup {
|
|
group-title: AuraPageData.power_zone_names[state.zone_name_idx];
|
|
// TODO: use the zone name
|
|
boot_checked: state.boot;
|
|
boot_toggled => {
|
|
AuraPageData.led_power.states[idx].boot = zone.boot_checked;
|
|
AuraPageData.cb_led_power(AuraPageData.led_power);
|
|
}
|
|
awake_checked: state.awake;
|
|
awake_toggled => {
|
|
AuraPageData.led_power.states[idx].awake = zone.awake_checked;
|
|
AuraPageData.cb_led_power(AuraPageData.led_power);
|
|
}
|
|
sleep_checked: state.sleep;
|
|
sleep_toggled => {
|
|
AuraPageData.led_power.states[idx].sleep = zone.sleep_checked;
|
|
AuraPageData.cb_led_power(AuraPageData.led_power);
|
|
}
|
|
shutdown_checked: state.shutdown;
|
|
shutdown_toggled => {
|
|
AuraPageData.led_power.states[idx].shutdown = zone.shutdown_checked;
|
|
AuraPageData.cb_led_power(AuraPageData.led_power);
|
|
}
|
|
}
|
|
}
|
|
|
|
Button {
|
|
x: root.width - self.width - 6px;
|
|
y: 6px;
|
|
text: "X";
|
|
height: 40px;
|
|
clicked => {
|
|
root.show_aura_power = false;
|
|
root.show_fade_cover = false;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
if root.show_aura_power && AuraPageData.device_type == AuraDevType.Old: Rectangle {
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: 1;
|
|
ScrollView {
|
|
VerticalLayout {
|
|
padding: 30px;
|
|
padding-top: 10px;
|
|
spacing: 10px;
|
|
alignment: LayoutAlignment.start;
|
|
|
|
Text {
|
|
text: "TODO: In progress";
|
|
}
|
|
|
|
for state[idx] in AuraPageData.led_power.states: old_zone := AuraPowerGroupOld {
|
|
group-title: @tr("Power Zones");
|
|
zone_strings <=> AuraPageData.power_zone_names_old;
|
|
selected_zone => {
|
|
AuraPageData.led_power.states[idx].zone = AuraPageData.supported_power_zones[old_zone.current_zone];
|
|
AuraPageData.cb_led_power(AuraPageData.led_power);
|
|
}
|
|
boot_checked: state.boot;
|
|
boot_toggled => {
|
|
AuraPageData.led_power.states[idx].boot = old_zone.boot_checked;
|
|
AuraPageData.cb_led_power(AuraPageData.led_power);
|
|
}
|
|
awake_checked: state.awake;
|
|
awake_toggled => {
|
|
AuraPageData.led_power.states[idx].awake = old_zone.awake_checked;
|
|
AuraPageData.cb_led_power(AuraPageData.led_power);
|
|
}
|
|
sleep_checked: state.sleep;
|
|
sleep_toggled => {
|
|
AuraPageData.led_power.states[idx].sleep = old_zone.sleep_checked;
|
|
AuraPageData.cb_led_power(AuraPageData.led_power);
|
|
}
|
|
}
|
|
}
|
|
|
|
Button {
|
|
x: root.width - self.width - 6px;
|
|
y: 6px;
|
|
text: "X";
|
|
height: 40px;
|
|
clicked => {
|
|
root.show_aura_power = false;
|
|
root.show_fade_cover = false;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|