Jayden/wayvr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

new workspace

Browse Source
This commit is contained in:
galister
2025-06-18 01:14:04 +09:00
parent 95f2ae4296
commit f05d3a8251
252 changed files with 24618 additions and 184 deletions
Download Patch File Download Diff File Expand all files Collapse all files

123
wgui/uidev-vk/assets/gui/anchor.xml Normal file
View File

@@ -0,0 +1,123 @@
<layout>
<include src="theme.xml" />
<theme>
<var key="side_sprite_size" value="26" />
</theme>
<elements>
<!-- background for testing -->
<rectangle position="absolute" color="#333333" width="100%" height="100%" />
<!-- left/right separator (menu and rest) -->
<div flex_direction="row" width="100%" height="100%" gap="8">
<!-- LEFT MENU -->
<div id="menu" width="48" min_width="48" max_width="48" height="100%" align_items="center" justify_content="center">
<rectangle
width="100%"
round="100%"
color="~menu_dark"
flex_direction="column"
justify_content="center"
align_items="center"
gap="24"
padding_top="16"
padding_bottom="16"
>
<sprite src="dashboard/wayvr_dashboard_mono.svg" width="~side_sprite_size" height="~side_sprite_size" />
<sprite src="dashboard/apps.svg" width="~side_sprite_size" height="~side_sprite_size" />
<sprite src="dashboard/games.svg" width="~side_sprite_size" height="~side_sprite_size" />
<sprite src="dashboard/monado.svg" width="~side_sprite_size" height="~side_sprite_size" />
<sprite src="dashboard/window.svg" width="~side_sprite_size" height="~side_sprite_size" />
<rectangle height="2" color="#FFFFFF33" width="~side_sprite_size" />
<sprite src="dashboard/settings.svg" width="~side_sprite_size" height="~side_sprite_size" />
</rectangle>
</div>
<!-- REST -->
<!-- content/bottom panel separator -->
<div flex_direction="column" gap="8" flex_grow="1">
<!-- CONTENT -->
<rectangle
color2="#0d131acc" color="#244179aa" gradient="vertical" round="8" overflow_y="hidden"
justify_content="center"
flex_grow="1"
>
<div
id="content"
overflow_x="scroll"
overflow_y="scroll"
align_items="center"
justify_content="center"
flex_direction="column"
gap="24"
>
<sprite src="dashboard/wayvr_dashboard.svg" min_width="96" min_height="96" />
<label text="Hello, user!" size="32" weight="bold" color="#FFFFFF" />
<label text="Connected to wlx-overlay-s" size="16" weight="bold" color="#bbffbb" />
<!-- main button list -->
<div flex_direction="row" gap="8" margin_top="32">
<rectangle width="120" height="82" round="8" border="2" border_color="#FFFFFF77" color="#00000033" align_items="center" justify_content="center" flex_direction="column" gap="8">
<sprite src="dashboard/apps.svg" width="32" height="32" />
<label weight="bold" color="#FFFFFF" size="18" text="Apps" />
</rectangle>
<rectangle width="120" height="82" round="8" border="2" border_color="#FFFFFF77" color="#00000033" align_items="center" justify_content="center" flex_direction="column" gap="8">
<sprite src="dashboard/games.svg" width="32" height="32" />
<label weight="bold" color="#FFFFFF" size="18" text="Games" />
</rectangle>
<rectangle width="120" height="82" round="8" border="2" border_color="#FFFFFF77" color="#00000033" align_items="center" justify_content="center" flex_direction="column" gap="8">
<sprite src="dashboard/monado.svg" width="32" height="32" />
<label weight="bold" color="#FFFFFF" size="18" text="Monado" />
</rectangle>
<rectangle width="120" height="82" round="8" border="2" border_color="#FFFFFF77" color="#00000033" align_items="center" justify_content="center" flex_direction="column" gap="8">
<sprite src="dashboard/window.svg" width="32" height="32" />
<label weight="bold" color="#FFFFFF" size="18" text="Processes" />
</rectangle>
<rectangle width="120" height="82" round="8" border="2" border_color="#FFFFFF77" color="#00000033" align_items="center" justify_content="center" flex_direction="column" gap="8">
<sprite src="dashboard/settings.svg" width="32" height="32" />
<label weight="bold" color="#FFFFFF" size="18" text="Settings" />
</rectangle>
</div>
</div>
</rectangle>
<!-- BOTTOM PANEL -->
<rectangle
width="100%"
height="48"
box_sizing="border_box"
round="8"
flex_direction="row"
align_items="center"
justify_content="space_between"
color="~bottom_panel"
>
<!-- left gradient -->
<div position="absolute" width="100%" height="100%" justify_content="start">
<rectangle position="absolute" width="40%" height="100%" color="#0a0a0a" color2="#0a0a0a00" round="8" gradient="horizontal" />
</div>
<!-- right gradient -->
<div position="absolute" width="100%" height="100%" justify_content="end">
<rectangle position="absolute" width="40%" height="100%" color2="#0a0a0a" color="#0a0a0a00" round="8" gradient="horizontal" />
</div>
<!-- top shine -->
<div position="absolute" width="100%" height="100%" justify_content="center">
<rectangle position="absolute" width="99%" height="2" color="#FFFFFF66" round="4" />
</div>
<!-- Left bottom side -->
<div margin_left="8">
<sprite src="dashboard/volume.svg" width="24" height="24" margin="8" />
<sprite src="dashboard/recenter.svg" width="24" height="24" margin="8" />
</div>
<!-- Right bottom side -->
<div margin_right="16">
<label text="12:34" color="#FFFFFF" size="16" />
</div>
</rectangle>
</div>
</div>
</elements>
</layout>

123
wgui/uidev-vk/assets/gui/dashboard.xml Normal file
View File

@@ -0,0 +1,123 @@
<layout>
<include src="theme.xml" />
<theme>
<var key="side_sprite_size" value="26" />
</theme>
<elements>
<!-- background for testing -->
<rectangle position="absolute" color="#333333" width="100%" height="100%" />
<!-- left/right separator (menu and rest) -->
<div flex_direction="row" width="100%" height="100%" gap="8">
<!-- LEFT MENU -->
<div id="menu" width="48" min_width="48" max_width="48" height="100%" align_items="center" justify_content="center">
<rectangle
width="100%"
round="100%"
color="~menu_dark"
flex_direction="column"
justify_content="center"
align_items="center"
gap="24"
padding_top="16"
padding_bottom="16"
>
<sprite src="dashboard/wayvr_dashboard_mono.svg" width="~side_sprite_size" height="~side_sprite_size" />
<sprite src="dashboard/apps.svg" width="~side_sprite_size" height="~side_sprite_size" />
<sprite src="dashboard/games.svg" width="~side_sprite_size" height="~side_sprite_size" />
<sprite src="dashboard/monado.svg" width="~side_sprite_size" height="~side_sprite_size" />
<sprite src="dashboard/window.svg" width="~side_sprite_size" height="~side_sprite_size" />
<rectangle height="2" color="#FFFFFF33" width="~side_sprite_size" />
<sprite src="dashboard/settings.svg" width="~side_sprite_size" height="~side_sprite_size" />
</rectangle>
</div>
<!-- REST -->
<!-- content/bottom panel separator -->
<div flex_direction="column" gap="8" flex_grow="1">
<!-- CONTENT -->
<rectangle
color2="#0d131acc" color="#244179aa" gradient="vertical" round="8" overflow_y="hidden"
justify_content="center"
flex_grow="1"
>
<div
id="content"
overflow_x="scroll"
overflow_y="scroll"
align_items="center"
justify_content="center"
flex_direction="column"
gap="24"
>
<sprite src="dashboard/wayvr_dashboard.svg" min_width="96" min_height="96" />
<label text="Hello, user!" size="32" weight="bold" color="#FFFFFF" />
<label text="Connected to wlx-overlay-s" size="16" weight="bold" color="#bbffbb" />
<!-- main button list -->
<div flex_direction="row" gap="8" margin_top="32">
<rectangle width="120" height="82" round="8" border="2" border_color="#FFFFFF77" color="#00000033" align_items="center" justify_content="center" flex_direction="column" gap="8">
<sprite src="dashboard/apps.svg" width="32" height="32" />
<label weight="bold" color="#FFFFFF" size="18" text="Apps" />
</rectangle>
<rectangle width="120" height="82" round="8" border="2" border_color="#FFFFFF77" color="#00000033" align_items="center" justify_content="center" flex_direction="column" gap="8">
<sprite src="dashboard/games.svg" width="32" height="32" />
<label weight="bold" color="#FFFFFF" size="18" text="Games" />
</rectangle>
<rectangle width="120" height="82" round="8" border="2" border_color="#FFFFFF77" color="#00000033" align_items="center" justify_content="center" flex_direction="column" gap="8">
<sprite src="dashboard/monado.svg" width="32" height="32" />
<label weight="bold" color="#FFFFFF" size="18" text="Monado" />
</rectangle>
<rectangle width="120" height="82" round="8" border="2" border_color="#FFFFFF77" color="#00000033" align_items="center" justify_content="center" flex_direction="column" gap="8">
<sprite src="dashboard/window.svg" width="32" height="32" />
<label weight="bold" color="#FFFFFF" size="18" text="Processes" />
</rectangle>
<rectangle width="120" height="82" round="8" border="2" border_color="#FFFFFF77" color="#00000033" align_items="center" justify_content="center" flex_direction="column" gap="8">
<sprite src="dashboard/settings.svg" width="32" height="32" />
<label weight="bold" color="#FFFFFF" size="18" text="Settings" />
</rectangle>
</div>
</div>
</rectangle>
<!-- BOTTOM PANEL -->
<rectangle
width="100%"
height="48"
box_sizing="border_box"
round="8"
flex_direction="row"
align_items="center"
justify_content="space_between"
color="~bottom_panel"
>
<!-- left gradient -->
<div position="absolute" width="100%" height="100%" justify_content="start">
<rectangle position="absolute" width="40%" height="100%" color="#0a0a0a" color2="#0a0a0a00" round="8" gradient="horizontal" />
</div>
<!-- right gradient -->
<div position="absolute" width="100%" height="100%" justify_content="end">
<rectangle position="absolute" width="40%" height="100%" color2="#0a0a0a" color="#0a0a0a00" round="8" gradient="horizontal" />
</div>
<!-- top shine -->
<div position="absolute" width="100%" height="100%" justify_content="center">
<rectangle position="absolute" width="99%" height="2" color="#FFFFFF66" round="4" />
</div>
<!-- Left bottom side -->
<div margin_left="8">
<sprite src="dashboard/volume.svg" width="24" height="24" margin="8" />
<sprite src="dashboard/recenter.svg" width="24" height="24" margin="8" />
</div>
<!-- Right bottom side -->
<div margin_right="16">
<label text="12:34" color="#FFFFFF" size="16" />
</div>
</rectangle>
</div>
</div>
</elements>
</layout>

87
wgui/uidev-vk/assets/gui/testbed.xml Normal file
View File

@@ -0,0 +1,87 @@
<layout>
<theme>
<var key="aqua1" value="#00AAFF" />
<var key="aqua2" value="#00CCFF" />
<var key="aqua3" value="#00FFFF" />
</theme>
<elements>
<div overflow_y="scroll" overflow_x="scroll">
<!-- 1/3 red rect -->
<rectangle width="100%" padding="16" box_sizing="content_box" flex_wrap="wrap" gap="16" align_content="flex_start" color="#223344">
<rectangle color="#99AAFF" round="100%" width="128" height="64" align_items="center" justify_content="center" border="8" border_color="#FFFFFF">
<label text="I'm centered" color="#FF0000" weight="bold" />
</rectangle>
<div flex_direction="column">
<label text="I'm a text!" color="~aqua1" />
<label text="I'm a bold text!" color="~aqua2" weight="bold" />
<label text="I'm a BIG text!" color="~aqua3" weight="bold" size="20" />
</div>
<rectangle round="4" id="my_div_parent" color="#FFCC99" align_items="center" align_content="flex_start" justify_content="center" flex_wrap="wrap" gap="8" padding="16" border="2" border_color="#ffffff">
<!-- filled-in at runtime -->
</rectangle>
<rectangle width="400" round="8" padding="2" align_items="center" border_color="#ffffff">
<include src="testbed/icons.xml" />
</rectangle>
<!-- Embed sprites -->
<sprite width="64" height="64" src="raster.png" />
<sprite width="64" height="64" src="dashboard/wayvr_dashboard.svg" />
</rectangle>
<!-- 2/3 green rects -->
<div width="100%" height="100%" flex_direction="column">
<rectangle color="#44aa33" color2="#3344aa" round="4" gradient="radial" height="100%" border="2" border_color="#ffffff">
<div margin="16" width="100%" height="100%" align_items="center" justify_content="center" flex_wrap="wrap" align_content="center">
<rectangle width="64" height="64" color="#000000" />
<rectangle width="64" height="64" color="#002222" />
<rectangle width="64" height="64" color="#004444" />
<rectangle width="64" height="64" color="#006666" />
</div>
</rectangle>
<rectangle color="#aaff88" color2="#88aaff" round="4" gradient="vertical" height="100%">
<div margin="16" width="100%" height="100%" flex_wrap="wrap" gap="16" align_content="flex_start">
<rectangle width="64" height="32" color="#ff0000" />
<rectangle width="64" height="32" color="#ff0000" border="2" border_color="#000000" />
<rectangle width="64" height="32" color="#ff0000" border="4" border_color="#000000" />
<rectangle width="64" height="32" color="#ff0000" border="6" border_color="#000000" />
<rectangle width="64" height="32" color="#ff0000" border="8" border_color="#000000" />
<rectangle width="64" height="64" color="#000000" border="2" round="100%" border_color="#FFFF00" />
<rectangle width="64" height="64" color="#000000" border="8" round="100%" border_color="#FFFF00" />
<rectangle width="64" height="64" color="#000000" border="16" round="100%" border_color="#FFFF00" />
<rectangle width="64" height="64" color="#000000" border="30" round="100%" border_color="#FFFF00" />
<rectangle width="64" height="64" color="#000000" border="2" round="50%" border_color="#FFFF00" />
<rectangle width="64" height="64" color="#000000" border="8" round="50%" border_color="#FFFF00" />
<rectangle width="64" height="64" color="#000000" border="12" round="50%" border_color="#FFFF00" />
<rectangle width="64" height="64" color="#000000" border="13" round="50%" border_color="#FFFF00" />
<rectangle width="64" height="64" color="#000000" border="14" round="50%" border_color="#FFFF00" />
<rectangle width="64" height="64" color="#000000" border="15" round="50%" border_color="#FFFF00" />
<rectangle width="64" height="64" color="#000000" border="16.5" round="50%" border_color="#FFFF00" />
<rectangle width="64" height="64" color="#000000" border="30" round="50%" border_color="#FFFF00" />
<rectangle color="#000000">
<rectangle width="200" height="100" color="#ffffff" margin="2" />
</rectangle>
</div>
</rectangle>
</div>
<!-- 3/3 yellow rect -->
<rectangle color="#ffff99" width="100%" height="100%" flex_direction="column" padding="16">
<div height="100%" flex_direction="column">
<label text="Multi line test #1&#xA;This is aligned to the left." align="left" size="20" color="#330000" />
<rectangle width="100%" height="1" />
</div>
<div height="100%" flex_direction="column">
<label text="Multi line test #2&#xA;This is aligned to the right." align="right" size="20" color="#330000" />
<rectangle width="100%" height="1" />
</div>
<div height="100%" flex_direction="column">
<label text="Multi line test #3&#xA;This is aligned to the center.&#xA;The longer lines are still alinged to the center." align="center" size="20" color="#330000" />
<rectangle width="100%" height="1" />
</div>
<div height="100%" flex_direction="column">
<label text="Multi line test #4&#xA;This is justified alignment.&#xA;The longer lines are the same length as the shorter lines." align="justified" size="20" color="#330000" />
<rectangle width="100%" height="1" />
</div>
</rectangle>
</div>
</elements>
</layout>

12
wgui/uidev-vk/assets/gui/testbed/icons.xml Normal file
View File

@@ -0,0 +1,12 @@
<layout>
<elements>
<sprite width="32" height="32" src_ext="/usr/share/icons/nvtop.svg" />
<sprite width="64" height="64" src_ext="/usr/share/icons/nvtop.svg" />
<sprite width="128" height="128" src_ext="/usr/share/icons/nvtop.svg" />
<!-- File not found, will show "Error" in purple -->
<sprite width="32" height="32" src_ext="/this/file/does/not/exist.png" />
<sprite width="32" height="32" src_ext="/usr/share/icons/hicolor/128x128/apps/blueman.png" />
<sprite width="32" height="32" src_ext="/usr/share/icons/hicolor/32x32/apps/blueman.png" />
<sprite width="64" height="64" src_ext="/usr/share/icons/hicolor/64x64/apps/blueman.png" />
</elements>
</layout>

8
wgui/uidev-vk/assets/gui/theme.xml Normal file
View File

@@ -0,0 +1,8 @@
<layout>
<theme>
<var key="menu_dark" value="#0A0A0ACC" />
<var key="background_dark" value="#0d131acc" />
<var key="background_light" value="#244179aa" />
<var key="bottom_panel" value="#141e28" />
</theme>
</layout>