process_list::View done

2025-12-21 16:00:54 +01:00
parent 5462e84995
commit 848674c143
29 changed files with 519 additions and 50 deletions
--- a/dash-frontend/assets/gui/dashboard.xml
+++ b/dash-frontend/assets/gui/dashboard.xml
@@ -19,7 +19,7 @@
      tooltip="${tooltip}"
      tooltip_side="${tooltip_side}"
    >
-      <sprite src="${src}" width="~side_sprite_size" height="~side_sprite_size" />
+      <sprite src_builtin="${src_builtin}" width="~side_sprite_size" height="~side_sprite_size" />
    </Button>
  </template>

@@ -46,13 +46,13 @@
          align_items="center"
          gap="4"
        >
-          <SideButton id="btn_side_home" src="dashboard/wayvr_dashboard_mono.svg" tooltip="HOME_SCREEN" tooltip_side="right" />
-          <SideButton id="btn_side_apps" src="dashboard/apps.svg" tooltip="APPLICATIONS" tooltip_side="right" />
-          <SideButton id="btn_side_games" src="dashboard/games.svg" tooltip="GAMES" tooltip_side="right" />
-          <SideButton id="btn_side_monado" src="dashboard/monado.svg" tooltip="MONADO_RUNTIME" tooltip_side="right" />
-          <SideButton id="btn_side_processes" src="dashboard/window.svg" tooltip="PROCESSES" tooltip_side="right" />
+          <SideButton id="btn_side_home" src_builtin="dashboard/wayvr_dashboard_mono.svg" tooltip="HOME_SCREEN" tooltip_side="right" />
+          <SideButton id="btn_side_apps" src_builtin="dashboard/apps.svg" tooltip="APPLICATIONS" tooltip_side="right" />
+          <SideButton id="btn_side_games" src_builtin="dashboard/games.svg" tooltip="GAMES" tooltip_side="right" />
+          <SideButton id="btn_side_monado" src_builtin="dashboard/monado.svg" tooltip="MONADO_RUNTIME" tooltip_side="right" />
+          <SideButton id="btn_side_processes" src_builtin="dashboard/window.svg" tooltip="PROCESSES" tooltip_side="right" />
          <rectangle height="2" color="#FFFFFF33" width="~side_sprite_size" />
-          <SideButton id="btn_side_settings" src="dashboard/settings.svg" tooltip="SETTINGS" tooltip_side="right" />
+          <SideButton id="btn_side_settings" src_builtin="dashboard/settings.svg" tooltip="SETTINGS" tooltip_side="right" />
        </rectangle>
      </div>
      <!-- REST -->
@@ -130,10 +130,10 @@
          <!-- Left bottom side -->
          <div margin_left="8">
            <Button id="btn_audio" color="#FFFFFF00" border_color="#FFFFFF00" tooltip="AUDIO.VOLUME" tooltip_side="top">
-              <sprite src="dashboard/volume.svg" width="24" height="24" margin="8" />
+              <sprite src_builtin="dashboard/volume.svg" width="24" height="24" margin="8" />
            </Button>
            <Button id="btn_recenter" color="#FFFFFF00" border_color="#FFFFFF00" tooltip="ACTIONS.RECENTER_PLAYSPACE" tooltip_side="top">
-              <sprite src="dashboard/recenter.svg" width="24" height="24" margin="8" />
+              <sprite src_builtin="dashboard/recenter.svg" width="24" height="24" margin="8" />
            </Button>
          </div>

--- a/dash-frontend/assets/gui/t_group_box.xml
+++ b/dash-frontend/assets/gui/t_group_box.xml
@@ -14,7 +14,7 @@
  <!-- src, text, translation -->
  <template name="GroupBoxTitle">
    <div flex_direction="row" align_items="center" gap="8">
-      <sprite src="${src}" width="24" height="24" />
+      <sprite src="${src}" src_builtin="${src_builtin}" width="24" height="24" />
      <label text="${text}" translation="${translation}" weight="bold" size="18" />
    </div>
    <rectangle color="#FFFFFF44" width="100%" height="2" />
--- a/dash-frontend/assets/gui/t_menu_button.xml
+++ b/dash-frontend/assets/gui/t_menu_button.xml
@@ -15,7 +15,7 @@
        align_items="center"
        justify_content="center"
        flex_direction="column">
-        <sprite src="${icon}" width="32" height="32" />
+        <sprite src_builtin="${icon}" width="32" height="32" />
        <label weight="bold" size="18" text="${text}" translation="${translation}" />
      </div>
    </Button>
--- a/dash-frontend/assets/gui/tab/apps.xml
+++ b/dash-frontend/assets/gui/tab/apps.xml
@@ -19,12 +19,12 @@
    <!-- placeholders for now -->
    <div gap="4" align_items="center">
      <Button width="48" height="38">
-        <sprite src="dashboard/alphabetical.svg" width="24" height="24" />
+        <sprite src_builtin="dashboard/alphabetical.svg" width="24" height="24" />
      </Button>
      <Button width="48" height="38">
-        <sprite src="dashboard/category_search.svg" width="24" height="24" />
+        <sprite src_builtin="dashboard/category_search.svg" width="24" height="24" />
      </Button>
-      <sprite src="dashboard/search.svg" width="24" height="24" />
+      <sprite src_builtin="dashboard/search.svg" width="24" height="24" />
      <!-- placeholder editbox -->
      <rectangle flex_grow="1" height="100%" color="#1d2e51" border_color="#294774" border="2" round="4" align_items="center" padding_left="12">
        <label text="Search" color="#FFFFFF88" weight="bold" />
--- a/dash-frontend/assets/gui/tab/home.xml
+++ b/dash-frontend/assets/gui/tab/home.xml
@@ -8,7 +8,7 @@
      align_items="center"
      flex_grow="1"
      gap="24">
-      <sprite src="dashboard/wayvr_dashboard.svg" width="96" height="96" />
+      <sprite src_builtin="dashboard/wayvr_dashboard.svg" width="96" height="96" />
      <label id="label_hello" size="32" weight="bold" />

      <!-- main button list -->
--- a/dash-frontend/assets/gui/tab/processes.xml
+++ b/dash-frontend/assets/gui/tab/processes.xml
@@ -5,5 +5,6 @@
    <TabTitle translation="LIST_OF_DISPLAYS" icon="dashboard/window.svg" />
    <div id="display_list_parent" />
    <TabTitle translation="LIST_OF_PROCESSES" icon="dashboard/cpu.svg" />
+    <div id="process_list_parent" />
  </elements>
 </layout>
--- a/dash-frontend/assets/gui/tab/settings.xml
+++ b/dash-frontend/assets/gui/tab/settings.xml
@@ -5,37 +5,36 @@
  <elements>
    <TabTitle translation="SETTINGS" icon="dashboard/settings.svg" />

-
    <div flex_wrap="wrap" justify_content="stretch" gap="4">
      <!-- Home screen -->
      <rectangle macro="group_box">
-        <GroupBoxTitle translation="HOME_SCREEN" src="dashboard/wayvr_dashboard.svg" />
+        <GroupBoxTitle translation="HOME_SCREEN" src_builtin="dashboard/wayvr_dashboard.svg" />
        <CheckBox id="cb_hide_username" translation="APP_SETTINGS.HIDE_USERNAME" />
      </rectangle>

      <!-- General settings -->
      <rectangle macro="group_box">
-        <GroupBoxTitle translation="GENERAL_SETTINGS" src="dashboard/settings.svg" />
+        <GroupBoxTitle translation="GENERAL_SETTINGS" src_builtin="dashboard/settings.svg" />
        <CheckBox id="cb_am_pm_clock" text="AM/PM clock" />
        <CheckBox id="cb_opaque_background" translation="APP_SETTINGS.OPAQUE_BACKGROUND" />
      </rectangle>

      <!-- Application launcher -->
      <rectangle macro="group_box">
-        <GroupBoxTitle translation="APPLICATION_LAUNCHER" src="dashboard/apps.svg" />
+        <GroupBoxTitle translation="APPLICATION_LAUNCHER" src_builtin="dashboard/apps.svg" />
        <CheckBox id="cb_xwayland_by_default" translation="APP_SETTINGS.RUN_IN_XWAYLAND_MODE_BY_DEFAULT" />
      </rectangle>

      <!-- headset settings -->
      <rectangle macro="group_box">
-        <GroupBoxTitle translation="APP_SETTINGS.HEADSET_SETTINGS" src="dashboard/vr.svg" />
+        <GroupBoxTitle translation="APP_SETTINGS.HEADSET_SETTINGS" src_builtin="dashboard/vr.svg" />
        <label translation="APP_SETTINGS.BRIGHTNESS" />
        <Slider width="100" height="24" min_value="0.0" max_value="100.0" />
      </rectangle>

      <!-- wlx-overlay-s settings -->
      <rectangle macro="group_box">
-        <GroupBoxTitle translation="APP_SETTINGS.WLX_OVERLAY_S_SETTINGS" src="dashboard/vr.svg" />
+        <GroupBoxTitle translation="APP_SETTINGS.WLX_OVERLAY_S_SETTINGS" src_builtin="dashboard/vr.svg" />
        <CheckBox translation="APP_SETTINGS.WLX.NOTIFICATIONS_ENABLED" />
        <CheckBox translation="APP_SETTINGS.WLX.NOTIFICATIONS_SOUND_ENABLED" />
        <CheckBox translation="APP_SETTINGS.WLX.KEYBOARD_SOUND_ENABLED" />
@@ -49,13 +48,7 @@
    </div>

    <div>
-      <!-- TODO: icon support in buttons -->
-      <Button color="#AA3333" height="32">
-        <div margin_left="8" margin_right="8" gap="4" align_items="center">
-          <sprite src="dashboard/refresh.svg" width="24" height="24" />
-          <label weight="bold" translation="APP_SETTINGS.RESTART_SOFTWARE" />
-        </div>
-      </Button>
+      <Button color="#AA3333" height="32" sprite_src_builtin="dashboard/refresh.svg" translation="APP_SETTINGS.RESTART_SOFTWARE" />
    </div>
  </elements>
 </layout>
--- a/dash-frontend/assets/gui/tab/t_tab_title.xml
+++ b/dash-frontend/assets/gui/tab/t_tab_title.xml
@@ -2,7 +2,7 @@
  <!-- translation, icon -->
  <template name="TabTitle">
    <div gap="8" align_items="center">
-      <sprite src="${icon}" width="24" height="24" />
+      <sprite src_builtin="${icon}" width="24" height="24" />
      <label translation="${translation}" size="18" weight="bold" />
    </div>
  </template>
--- a/dash-frontend/assets/gui/view/audio_settings.xml
+++ b/dash-frontend/assets/gui/view/audio_settings.xml
@@ -29,7 +29,7 @@
  <template name="SelectAudioProfileText">
    <div align_items="center" gap="8">
      <Button width="48" height="32" id="btn_back">
-        <sprite src="dashboard/back.svg" width="24" height="24" />
+        <sprite src_builtin="dashboard/back.svg" width="24" height="24" />
      </Button>
      <label translation="AUDIO.SELECT_AUDIO_CARD_PROFILE" size="14" weight="bold" />
    </div>
@@ -54,15 +54,15 @@
    <div flex_direction="row" gap="4">
      <Button
        id="btn_auto"
-        sprite_src="dashboard/magic_wand.svg"
+        sprite_src_builtin="dashboard/magic_wand.svg"
        min_width="32"
        tooltip="AUDIO.AUTO_SWITCH_TO_VR_AUDIO"
        color="~color_accent"
        tooltip_side="right" />

-      <BottomButton id="btn_sinks" src="dashboard/volume.svg" translation="AUDIO.SPEAKERS" />
-      <BottomButton id="btn_sources" src="dashboard/microphone.svg" translation="AUDIO.MICROPHONES" />
-      <BottomButton id="btn_cards" src="dashboard/cpu.svg" translation="AUDIO.CARDS" />
+      <BottomButton id="btn_sinks" src_builtin="dashboard/volume.svg" translation="AUDIO.SPEAKERS" />
+      <BottomButton id="btn_sources" src_builtin="dashboard/microphone.svg" translation="AUDIO.MICROPHONES" />
+      <BottomButton id="btn_cards" src_builtin="dashboard/cpu.svg" translation="AUDIO.CARDS" />
    </div>
  </elements>
 </layout>
--- a/dash-frontend/assets/gui/view/process_list.xml
+++ b/dash-frontend/assets/gui/view/process_list.xml
@@ -0,0 +1,9 @@
+<layout>
+  <include src="../t_group_box.xml" />
+
+  <elements>
+    <rectangle macro="group_box" flex_direction="row" align_items="center">
+      <div id="list_parent" gap="8" flex_direction="row" flex_wrap="wrap" flex_grow="1" />
+    </rectangle>
+  </elements>
+</layout>
--- a/dash-frontend/assets/lang/de.json
+++ b/dash-frontend/assets/lang/de.json
@@ -59,5 +59,9 @@
  "HIDE": "Verbergen",
  "REMOVE": "Entfernen",
  "SHOW": "Anzeigen",
-  "DISPLAY_OPTIONS": "Anzeigeeinstellungen"
+  "DISPLAY_OPTIONS": "Anzeigeeinstellungen",
+  "PROCESS_LIST": {
+    "NO_PROCESSES_FOUND": "Keine Prozesse gefunden",
+    "LOCATED_ON": "auf"
+  }
 }
--- a/dash-frontend/assets/lang/en.json
+++ b/dash-frontend/assets/lang/en.json
@@ -55,6 +55,11 @@
 	"POPUP_ADD_DISPLAY": {
 		"RESOLUTION": "Resolution"
 	},
+	"PROCESS_LIST": {
+		"LOCATED_ON": "on",
+		"NO_PROCESSES_FOUND": "No processes found",
+		"TERMINATE_PROCESS_NAMED_X": "Terminate process \"{PROCESS_NAME}\""
+	},
 	"PROCESSES": "Processes",
 	"REMOVE": "Remove",
 	"SETTINGS": "Settings",
--- a/dash-frontend/assets/lang/es.json
+++ b/dash-frontend/assets/lang/es.json
@@ -59,5 +59,9 @@
  "HIDE": "Ocultar",
  "REMOVE": "Eliminar",
  "SHOW": "Mostrar",
-  "DISPLAY_OPTIONS": "Opciones de pantalla"
+  "DISPLAY_OPTIONS": "Opciones de pantalla",
+  "PROCESS_LIST": {
+    "NO_PROCESSES_FOUND": "No se encontraron procesos",
+    "LOCATED_ON": "en"
+  }
 }
--- a/dash-frontend/assets/lang/ja.json
+++ b/dash-frontend/assets/lang/ja.json
@@ -59,5 +59,9 @@
  "HIDE": "隠す",
  "REMOVE": "削除",
  "SHOW": "表示",
-  "DISPLAY_OPTIONS": "表示オプション"
+  "DISPLAY_OPTIONS": "表示オプション",
+  "PROCESS_LIST": {
+    "NO_PROCESSES_FOUND": "プロセスが見つかりませんでした",
+    "LOCATED_ON": "に"
+  }
 }
--- a/dash-frontend/assets/lang/pl.json
+++ b/dash-frontend/assets/lang/pl.json
@@ -59,5 +59,9 @@
  "SETTINGS": "Ustawienia",
  "SHOW": "Pokaż",
  "WIDTH": "Szerokość",
-  "PROCESSES": "Procesy"
+  "PROCESSES": "Procesy",
+  "PROCESS_LIST": {
+    "NO_PROCESSES_FOUND": "Nie znaleziono procesów",
+    "LOCATED_ON": "na"
+  }
 }