mirror of
https://gitlab.com/asus-linux/asusctl.git
synced 2026-02-06 00:15:04 +01:00
rogcc UI updated:
+ anime tag, + app settings tab, + fans tab
This commit is contained in:
@@ -132,8 +132,9 @@ export component PageAnime inherits Rectangle {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
|
background: Palette.background;
|
||||||
VerticalLayout {
|
VerticalLayout {
|
||||||
padding: 50px;
|
padding: 4px;
|
||||||
spacing: 10px;
|
spacing: 10px;
|
||||||
GroupBox {
|
GroupBox {
|
||||||
height: 10px;
|
height: 10px;
|
||||||
@@ -141,7 +142,7 @@ export component PageAnime inherits Rectangle {
|
|||||||
spacing: 10px;
|
spacing: 10px;
|
||||||
alignment: LayoutAlignment.start;
|
alignment: LayoutAlignment.start;
|
||||||
Text {
|
Text {
|
||||||
font-size: 18px;
|
font-size: 16px;
|
||||||
color: Palette.control-foreground;
|
color: Palette.control-foreground;
|
||||||
horizontal-alignment: TextHorizontalAlignment.center;
|
horizontal-alignment: TextHorizontalAlignment.center;
|
||||||
text: @tr("Set which builtin animations are played");
|
text: @tr("Set which builtin animations are played");
|
||||||
@@ -194,7 +195,7 @@ export component PageAnime inherits Rectangle {
|
|||||||
x: root.width - self.width - 6px;
|
x: root.width - self.width - 6px;
|
||||||
y: 6px;
|
y: 6px;
|
||||||
text: "X";
|
text: "X";
|
||||||
height: 40px;
|
height: 36px;
|
||||||
clicked => {
|
clicked => {
|
||||||
root.show_builtin_advanced = false;
|
root.show_builtin_advanced = false;
|
||||||
root.show_fade_cover = false;
|
root.show_fade_cover = false;
|
||||||
@@ -206,8 +207,9 @@ export component PageAnime inherits Rectangle {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
|
background: Palette.background;
|
||||||
VerticalLayout {
|
VerticalLayout {
|
||||||
padding: 50px;
|
padding: 4px;
|
||||||
spacing: 10px;
|
spacing: 10px;
|
||||||
GroupBox {
|
GroupBox {
|
||||||
height: 100px;
|
height: 100px;
|
||||||
@@ -215,7 +217,7 @@ export component PageAnime inherits Rectangle {
|
|||||||
spacing: 10px;
|
spacing: 10px;
|
||||||
alignment: LayoutAlignment.start;
|
alignment: LayoutAlignment.start;
|
||||||
Text {
|
Text {
|
||||||
font-size: 18px;
|
font-size: 16px;
|
||||||
color: Palette.control-foreground;
|
color: Palette.control-foreground;
|
||||||
horizontal-alignment: TextHorizontalAlignment.center;
|
horizontal-alignment: TextHorizontalAlignment.center;
|
||||||
text: @tr("Advanced Display Settings");
|
text: @tr("Advanced Display Settings");
|
||||||
@@ -255,7 +257,7 @@ export component PageAnime inherits Rectangle {
|
|||||||
x: root.width - self.width - 6px;
|
x: root.width - self.width - 6px;
|
||||||
y: 6px;
|
y: 6px;
|
||||||
text: "X";
|
text: "X";
|
||||||
height: 40px;
|
height: 36px;
|
||||||
clicked => {
|
clicked => {
|
||||||
root.show_display_advanced = false;
|
root.show_display_advanced = false;
|
||||||
root.show_fade_cover = false;
|
root.show_fade_cover = false;
|
||||||
|
|||||||
@@ -57,6 +57,7 @@ export component PageAppSettings inherits VerticalLayout {
|
|||||||
}
|
}
|
||||||
|
|
||||||
Text {
|
Text {
|
||||||
|
color: Palette.accent-background;
|
||||||
text: " WIP: some features like notifications are not complete";
|
text: " WIP: some features like notifications are not complete";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -16,20 +16,28 @@ component FanTab inherits Rectangle {
|
|||||||
in-out property <[Node]> nodes;
|
in-out property <[Node]> nodes;
|
||||||
|
|
||||||
VerticalLayout {
|
VerticalLayout {
|
||||||
|
padding: 5px;
|
||||||
HorizontalLayout {
|
HorizontalLayout {
|
||||||
if root.tab_enabled: Graph {
|
if root.tab_enabled: Graph {
|
||||||
nodes <=> root.nodes;
|
nodes <=> root.nodes;
|
||||||
}
|
}
|
||||||
if !root.tab_enabled: Rectangle {
|
if !root.tab_enabled: Rectangle {
|
||||||
Text {
|
Text {
|
||||||
font-size: 24px;
|
font-size: 16px;
|
||||||
text: @tr("This fan is not avilable on this machine");
|
text: @tr("This fan is not avilable on this machine");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Rectangle {
|
||||||
|
background: Palette.border;
|
||||||
|
height: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
HorizontalLayout {
|
HorizontalLayout {
|
||||||
alignment: LayoutAlignment.end;
|
alignment: LayoutAlignment.end;
|
||||||
|
spacing: 10px;
|
||||||
|
padding: 10px;
|
||||||
CheckBox {
|
CheckBox {
|
||||||
text: @tr("Enabled");
|
text: @tr("Enabled");
|
||||||
checked <=> root.enabled;
|
checked <=> root.enabled;
|
||||||
|
|||||||
@@ -191,10 +191,11 @@ export component Graph inherits Rectangle {
|
|||||||
tip := Rectangle {
|
tip := Rectangle {
|
||||||
background: Palette.control-foreground;
|
background: Palette.control-foreground;
|
||||||
opacity: 0.3;
|
opacity: 0.3;
|
||||||
|
border-radius: 12px;
|
||||||
x: final_x_pos();
|
x: final_x_pos();
|
||||||
y: final_y_pos();
|
y: final_y_pos();
|
||||||
width: label.preferred-width;
|
width: label.preferred-width + 14px;
|
||||||
height: label.preferred-height;
|
height: label.preferred-height + 4px;
|
||||||
function x_pos() -> length {
|
function x_pos() -> length {
|
||||||
scale_x_to_graph(n.x) - label.preferred-width - 8px
|
scale_x_to_graph(n.x) - label.preferred-width - 8px
|
||||||
}
|
}
|
||||||
@@ -225,7 +226,7 @@ export component Graph inherits Rectangle {
|
|||||||
//
|
//
|
||||||
label := Text {
|
label := Text {
|
||||||
color: Palette.accent-foreground;
|
color: Palette.accent-foreground;
|
||||||
font-size: 16px;
|
font-size: 14px;
|
||||||
text: "\{Math.floor(n.x / 1px)}c, \{fan_pct()}%";
|
text: "\{Math.floor(n.x / 1px)}c, \{fan_pct()}%";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user