watch controls for edit mode
This commit is contained in:
galister
1
wlx-overlay-s/src/assets/edit/desktop.svg
Normal file
1
wlx-overlay-s/src/assets/edit/desktop.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path fill="white" d="M6 16h9v-5H6zm10.5-3H18V8H9v1.5h7.5zM4 20q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h16q.825 0 1.413.588T22 6v12q0 .825-.587 1.413T20 20z"/></svg>
|
||||
|
After Width: | Height: | Size: 371 B |
1
wlx-overlay-s/src/assets/edit/mirror.svg
Normal file
1
wlx-overlay-s/src/assets/edit/mirror.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path fill="white" d="M2 11.6L9.6 4H4q-.825 0-1.413.588T2 6v5.6Zm0 7L16.575 4H12.4L2 14.425V18.6ZM3.4 20H20q.825 0 1.413-.588T22 18V6q0-.825-.588-1.413T20 4h-.6l-16 16Z"/></svg>
|
||||
|
After Width: | Height: | Size: 376 B |
1
wlx-overlay-s/src/assets/edit/monitor.svg
Normal file
1
wlx-overlay-s/src/assets/edit/monitor.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path fill="white" d="M8 21v-2h2v-2H4q-.825 0-1.412-.587T2 15V5q0-.825.588-1.412T4 3h16q.825 0 1.413.588T22 5v10q0 .825-.587 1.413T20 17h-6v2h2v2z"/></svg>
|
||||
|
After Width: | Height: | Size: 354 B |
1
wlx-overlay-s/src/assets/edit/window.svg
Normal file
1
wlx-overlay-s/src/assets/edit/window.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Remix Icon by Remix Design - https://github.com/Remix-Design/RemixIcon/blob/master/License --><path fill="white" d="M3 3h18a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1m17 7H4v9h16zM5 6v2h2V6zm4 0v2h2V6z"/></svg>
|
||||
|
After Width: | Height: | Size: 329 B |
@@ -6,26 +6,26 @@
|
||||
border="2" round="50%" padding="8" gradient="vertical" tooltip_side="bottom" />
|
||||
|
||||
<template name="TopButton">
|
||||
<Button id="${id}" macro="button_style" tooltip="${tooltip}" _press="${press}" sticky="${sticky}" border_color="#0044CC" color="#000A1C" color2="#000002">
|
||||
<sprite id="${id}_sprite" width="48" height="48" src="${src}" _release="${release}" />
|
||||
<Button id="${id}" macro="button_style" tooltip="${tooltip}" _press="${press}" _release="${release}" sticky="${sticky}" border_color="#0044CC" color="#000A1C" color2="#000002">
|
||||
<sprite id="${id}_sprite" width="48" height="48" src="${src}" />
|
||||
</Button>
|
||||
</template>
|
||||
|
||||
<template name="TopButtonDanger">
|
||||
<Button macro="button_style" tooltip="${tooltip}" _press="${press}" border_color="#CC0000" color="#110000" color2="#020000">
|
||||
<sprite width="48" height="48" src="${src}" _release="${release}" />
|
||||
<Button macro="button_style" tooltip="${tooltip}" _press="${press}" _release="${release}" border_color="#CC0000" color="#110000" color2="#020000">
|
||||
<sprite width="48" height="48" src="${src}" />
|
||||
</Button>
|
||||
</template>
|
||||
|
||||
<template name="TopButtonFaded">
|
||||
<Button macro="button_style" tooltip="${tooltip}" _press="${press}" border_color="#707070" color="#202020" color2="#010101">
|
||||
<sprite width="48" height="48" src="${src}" _release="${release}" />
|
||||
<Button macro="button_style" tooltip="${tooltip}" _press="${press}" _release="${release}" border_color="#707070" color="#202020" color2="#010101">
|
||||
<sprite width="48" height="48" src="${src}" />
|
||||
</Button>
|
||||
</template>
|
||||
|
||||
<template name="PosButton">
|
||||
<Button id="${id}" macro="button_style" tooltip="${tooltip}" _press="${press}" border_color="#0044CC" color="#000A1C" color2="#000002">
|
||||
<sprite id="${id}_sprite" width="40" height="40" src="${src}" _release="${release}" />
|
||||
<Button id="${id}" macro="button_style" tooltip="${tooltip}" _press="${press}" _release="${release}" border_color="#0044CC" color="#000A1C" color2="#000002">
|
||||
<sprite id="${id}_sprite" width="40" height="40" src="${src}" />
|
||||
</Button>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -19,12 +19,24 @@
|
||||
border_color="#0044CC" border="2" round="8" color="#000A1C" color2="#000002" gradient="vertical" />
|
||||
|
||||
<template name="Device">
|
||||
<sprite width="${size}" height="${size}" src="${src}" />
|
||||
<div position="absolute" margin_top="10" margin_left="9">
|
||||
<label _source="battery" _device="${device}" size="18" shadow="#000000" weight="bold" />
|
||||
<div margin="4">
|
||||
<sprite width="${size}" height="${size}" src="${src}" />
|
||||
<div margin_top="10" margin_left="-31">
|
||||
<label _source="battery" _device="${device}" size="18" shadow="#000000" weight="bold" />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<template name="SpriteButton">
|
||||
<Button id="${id}" macro="button_style" tooltip="${tooltip}" _press="${press}">
|
||||
<sprite width="40" height="40" src="${src}" />
|
||||
</Button>
|
||||
</template>
|
||||
|
||||
<template name="Screen">
|
||||
<Button macro="button_style" padding="4" id="screen_${idx}" text="DISP-${idx}" tooltip="Toggle for current set" _press="::EditModeScreenToggle ${idx}" />
|
||||
</template>
|
||||
|
||||
<template name="Set">
|
||||
<Button macro="button_style" id="set_${handle}" _press="::SetToggle ${handle}" tooltip="Switch to set" tooltip_side="top">
|
||||
<sprite width="40" height="40" color="~set_color" src="watch/set2.svg" />
|
||||
@@ -36,8 +48,8 @@
|
||||
|
||||
<elements>
|
||||
<div width="460" height="260" padding="30" interactable="0">
|
||||
<rectangle width="100%" height="100%" padding="4" box_sizing="content_box" flex_wrap="wrap" flex_direction="column" gap="4" color="~color_bg">
|
||||
<div width="100%" flex_direction="row">
|
||||
<rectangle width="100%" height="100%" padding="4" box_sizing="content_box" flex_wrap="wrap" flex_direction="column" gap="4" color="~color_bg" justify_content="space_between">
|
||||
<div width="100%" flex_direction="row" id="norm_top">
|
||||
<Device src="watch/hmd.svg" size="40" device="0" />
|
||||
<Device src="watch/controller_l.svg" size="36" device="1" />
|
||||
<Device src="watch/controller_r.svg" size="36" device="2" />
|
||||
@@ -45,7 +57,7 @@
|
||||
<Device src="watch/track3.svg" size="40" device="4" />
|
||||
<Device src="watch/track3.svg" size="40" device="5" />
|
||||
</div>
|
||||
<div flex_direction="row">
|
||||
<div width="100%" flex_direction="row" id="norm_pane">
|
||||
<div flex_direction="column" padding="4">
|
||||
<label text="23:59" _source="clock" _display="time" color="~clock0_color" size="~clock0_size" weight="bold" />
|
||||
<label text="22/2/2022" _source="clock" _display="date" color="~clock0_color" size="~clock0_date_size" weight="bold" />
|
||||
@@ -63,13 +75,34 @@
|
||||
<label text="23:59" _source="clock" _display="time" _timezone="1" color="~clock_alt2_color" size="~clock_alt_size" weight="bold" />
|
||||
</div>
|
||||
</div>
|
||||
<div width="100%" flex_direction="column" id="edit_pane" display="none" >
|
||||
<div flex_direction="column" padding="4" align_items="center" justify_content="center">
|
||||
<label text="Overlays can now be moved and tuned individually." />
|
||||
<label text="Control which overlays are visible on this set:" />
|
||||
</div>
|
||||
<div flex_direction="row" flex_wrap="wrap" padding="4" align_items="center" justify_content="center" id="toolbox">
|
||||
<Button macro="button_style" padding="4" translation="Keyboard" tooltip="Toggle for current set" _press="::OverlayToggle kbd" />
|
||||
</div>
|
||||
</div>
|
||||
<div width="100%" flex_direction="row">
|
||||
<Button macro="button_style" _press="::DashToggle" tooltip="Dashboard" tooltip_side="top">
|
||||
<sprite color="~set_color" width="40" height="40" src="watch/home.svg" />
|
||||
</Button>
|
||||
<div id="norm_dash">
|
||||
<Button macro="button_style" _press="::DashToggle" tooltip="Dashboard" tooltip_side="top" id="norm_dash">
|
||||
<sprite color="~set_color" width="40" height="40" src="watch/home.svg" />
|
||||
</Button>
|
||||
</div>
|
||||
<div id="edit_delete">
|
||||
<Button macro="button_style" _press="::EditModeDeleteDown" _release="::EditModeDeleteUp" tooltip="Long Press: Delete Set" tooltip_side="top" border_color="#CC0000" color="#110000" color2="#020000" >
|
||||
<sprite color="~set_color" width="40" height="40" src="edit/delete.svg" />
|
||||
</Button>
|
||||
</div>
|
||||
<div id="sets">
|
||||
<!-- Will populate <Set> tags at runtime -->
|
||||
</div>
|
||||
<div id="edit_add">
|
||||
<Button macro="button_style" _press="::EditModeAddSet" tooltip="Add a new set" tooltip_side="top">
|
||||
<sprite color="~set_color" width="40" height="40" src="edit/add.svg" />
|
||||
</Button>
|
||||
</div>
|
||||
<Button macro="button_style" _press="::EditToggle" tooltip="Edit mode" tooltip_side="top">
|
||||
<sprite color="~set_color" width="40" height="40" src="watch/edit.svg" />
|
||||
</Button>
|
||||
|
||||
Reference in New Issue
Block a user