Improve Multi-Select widget

alimirjamali · alimirjamali · commit 724aa9c82ff6 · 2025-10-02T14:22:55.000+03:30
Remove un-necessary white space. Use lucide.dev icons
diff --git a/icons/fast-forward.svg b/icons/fast-forward.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-fast-forward-icon lucide-fast-forward"><path d="M12 6a2 2 0 0 1 3.414-1.414l6 6a2 2 0 0 1 0 2.828l-6 6A2 2 0 0 1 12 18z"/><path d="M2 6a2 2 0 0 1 3.414-1.414l6 6a2 2 0 0 1 0 2.828l-6 6A2 2 0 0 1 2 18z"/></svg>
diff --git a/icons/fast-rewind.svg b/icons/fast-rewind.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-rewind-icon lucide-rewind"><path d="M12 6a2 2 0 0 0-3.414-1.414l-6 6a2 2 0 0 0 0 2.828l6 6A2 2 0 0 0 12 18z"/><path d="M22 6a2 2 0 0 0-3.414-1.414l-6 6a2 2 0 0 0 0 2.828l6 6A2 2 0 0 0 22 18z"/></svg>
diff --git a/icons/play.svg b/icons/play.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play-icon lucide-play"><path d="M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z"/></svg>
diff --git a/icons/rewind.svg b/icons/rewind.svg
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="24"
+   height="24"
+   viewBox="0 0 24 24"
+   fill="none"
+   stroke="currentColor"
+   stroke-width="2"
+   stroke-linecap="round"
+   stroke-linejoin="round"
+   class="lucide lucide-play-icon lucide-play"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="rewind.svg"
+   inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#505050"
+     inkscape:zoom="23.291667"
+     inkscape:cx="12"
+     inkscape:cy="12.021467"
+     inkscape:window-width="1366"
+     inkscape:window-height="709"
+     inkscape:window-x="0"
+     inkscape:window-y="59"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" />
+  <path
+     d="m 20.970477,5 a 2,2 0 0 0 -3.008,-1.728 L 5.9654768,10.27 a 2,2 0 0 0 -0.003,3.458 l 12.0000002,7 a 2,2 0 0 0 3.008,-1.728 z"
+     id="path1" />
+</svg>
diff --git a/icons/step-back.svg b/icons/step-back.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-step-back-icon lucide-step-back"><path d="M13.971 4.285A2 2 0 0 1 17 6v12a2 2 0 0 1-3.029 1.715l-9.997-5.998a2 2 0 0 1-.003-3.432z"/><path d="M21 20V4"/></svg>
diff --git a/icons/step-forward.svg b/icons/step-forward.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-step-forward-icon lucide-step-forward"><path d="M10.029 4.285A2 2 0 0 0 7 6v12a2 2 0 0 0 3.029 1.715l9.997-5.998a2 2 0 0 0 .003-3.432z"/><path d="M3 4v16"/></svg>
diff --git a/resources.qrc b/resources.qrc
@@ -41,5 +41,11 @@
     <file alias="updateable">icons/updateable.svg</file>
     <file alias="vm-settings">icons/vm-settings.svg</file>
     <file alias="warning">icons/warning.svg</file>
+    <file alias="play">icons/play.svg</file>
+    <file alias="rewind">icons/rewind.svg</file>
+    <file alias="fast-forward">icons/fast-forward.svg</file>
+    <file alias="fast-rewind">icons/fast-rewind.svg</file>
+    <file alias="step-back">icons/step-back.svg</file>
+    <file alias="step-forward">icons/step-forward.svg</file>
   </qresource>
 </RCC>
diff --git a/ui/multiselectwidget.ui b/ui/multiselectwidget.ui
@@ -14,22 +14,12 @@
    <string>Form</string>
   </property>
   <layout class="QHBoxLayout" name="horizontalLayout_3">
-   <item>
-    <spacer name="horizontalSpacer">
-     <property name="orientation">
-      <enum>Qt::Horizontal</enum>
-     </property>
-     <property name="sizeType">
-      <enum>QSizePolicy::Maximum</enum>
-     </property>
-     <property name="sizeHint" stdset="0">
-      <size>
-       <width>10</width>
-       <height>20</height>
-      </size>
-     </property>
-    </spacer>
-   </item>
+   <property name="leftMargin">
+    <number>1</number>
+   </property>
+   <property name="rightMargin">
+    <number>1</number>
+   </property>
    <item>
     <layout class="QVBoxLayout" name="verticalLayout_2">
      <item>
@@ -76,6 +66,9 @@
    </item>
    <item>
     <layout class="QVBoxLayout" name="verticalLayout">
+     <property name="spacing">
+      <number>12</number>
+     </property>
      <item>
       <spacer name="verticalSpacer">
        <property name="orientation">
@@ -91,29 +84,45 @@
      </item>
      <item>
       <widget class="QPushButton" name="add_all_button">
-       <property name="text">
-        <string>&gt;&gt;</string>
+       <property name="toolTip">
+        <string>Add all</string>
+       </property>
+       <property name="icon">
+        <iconset resource="../resources.qrc">
+         <normaloff>:/fast-forward</normaloff>:/fast-forward</iconset>
        </property>
       </widget>
      </item>
      <item>
       <widget class="QPushButton" name="add_selected_button">
-       <property name="text">
-        <string>&gt;</string>
+       <property name="toolTip">
+        <string>Add selected</string>
+       </property>
+       <property name="icon">
+        <iconset resource="../resources.qrc">
+         <normaloff>:/play</normaloff>:/play</iconset>
        </property>
       </widget>
      </item>
      <item>
       <widget class="QPushButton" name="remove_selected_button">
-       <property name="text">
-        <string>&lt;</string>
+       <property name="toolTip">
+        <string>Remove selected</string>
+       </property>
+       <property name="icon">
+        <iconset resource="../resources.qrc">
+         <normaloff>:/rewind</normaloff>:/rewind</iconset>
        </property>
       </widget>
      </item>
      <item>
       <widget class="QPushButton" name="remove_all_button">
-       <property name="text">
-        <string>&lt;&lt;</string>
+       <property name="toolTip">
+        <string>Remove all</string>
+       </property>
+       <property name="icon">
+        <iconset resource="../resources.qrc">
+         <normaloff>:/fast-rewind</normaloff>:/fast-rewind</iconset>
        </property>
       </widget>
      </item>
@@ -176,22 +185,6 @@
      </item>
     </layout>
    </item>
-   <item>
-    <spacer name="horizontalSpacer_2">
-     <property name="orientation">
-      <enum>Qt::Horizontal</enum>
-     </property>
-     <property name="sizeType">
-      <enum>QSizePolicy::Maximum</enum>
-     </property>
-     <property name="sizeHint" stdset="0">
-      <size>
-       <width>10</width>
-       <height>20</height>
-      </size>
-     </property>
-    </spacer>
-   </item>
   </layout>
  </widget>
  <resources/>
