From 1b235bba002c60b348624285adbb199a8124beb1 Mon Sep 17 00:00:00 2001
From: dmitry-erin <dmitry.erin@unikie.com>
Date: Tue, 3 Sep 2024 12:40:10 +0300
Subject: [PATCH] Add status icons, clean some warnings

Signed-off-by: dmitry-erin <dmitry.erin@unikie.com>
---
 src/control_panel_gui.gresource.xml |  3 ++
 src/icons/ellipse_green.svg         |  3 ++
 src/icons/ellipse_red.svg           |  3 ++
 src/icons/ellipse_yellow.svg        |  3 ++
 src/ui/vm_settings.ui               | 46 ++++++++++++++++++++++-------
 src/vm_settings.rs                  | 19 ++++++++++++
 6 files changed, 66 insertions(+), 11 deletions(-)
 create mode 100644 src/icons/ellipse_green.svg
 create mode 100644 src/icons/ellipse_red.svg
 create mode 100644 src/icons/ellipse_yellow.svg

diff --git a/src/control_panel_gui.gresource.xml b/src/control_panel_gui.gresource.xml
index d69fa4b..c85ef6a 100755
--- a/src/control_panel_gui.gresource.xml
+++ b/src/control_panel_gui.gresource.xml
@@ -37,5 +37,8 @@
     <file>icons/icon_arrow.svg</file>
     <file>icons/icon_close.svg</file>
     <file>icons/icon_download.svg</file>
+    <file>icons/ellipse_green.svg</file>
+    <file>icons/ellipse_yellow.svg</file>
+    <file>icons/ellipse_red.svg</file>
   </gresource>
 </gresources>
diff --git a/src/icons/ellipse_green.svg b/src/icons/ellipse_green.svg
new file mode 100644
index 0000000..e4f7f8d
--- /dev/null
+++ b/src/icons/ellipse_green.svg
@@ -0,0 +1,3 @@
+<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="4" cy="4" r="4" fill="#5AC379"/>
+</svg>
diff --git a/src/icons/ellipse_red.svg b/src/icons/ellipse_red.svg
new file mode 100644
index 0000000..17fdcfb
--- /dev/null
+++ b/src/icons/ellipse_red.svg
@@ -0,0 +1,3 @@
+<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="4" cy="4" r="4" fill="#FF2E00"/>
+</svg>
diff --git a/src/icons/ellipse_yellow.svg b/src/icons/ellipse_yellow.svg
new file mode 100644
index 0000000..03d882a
--- /dev/null
+++ b/src/icons/ellipse_yellow.svg
@@ -0,0 +1,3 @@
+<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="4" cy="4" r="4" fill="#FABC3C"/>
+</svg>
diff --git a/src/ui/vm_settings.ui b/src/ui/vm_settings.ui
index cc24a35..a94e738 100644
--- a/src/ui/vm_settings.ui
+++ b/src/ui/vm_settings.ui
@@ -23,14 +23,39 @@
         </object>
       </child>
       <child>
-        <object class="GtkLabel" id="vm_status_label">
-        <style><class name="normal-text"/></style>
-        <property name="label">No status</property>
+        <object class="GtkBox">
+        <style><class name="info-box"/></style>
+        <property name="orientation">horizontal</property>
         <property name="margin-start">20</property>
-        <property name="margin-end">10</property>
-        <property name="margin-top">0</property>
-        <property name="margin-bottom">10</property>
-        <property name="halign">start</property>
+        <property name="valign">center</property>
+        <property name="height-request">20</property>
+        <property name="vexpand">false</property>
+        <property name="hexpand">false</property>
+          <child>
+            <object class="GtkImage" id="vm_status_icon">
+              <property name="visible">true</property>
+              <property name="can_focus">false</property>
+              <property name="margin-top">0</property>
+              <property name="valign">center</property>
+              <property name="vexpand">false</property>
+              <property name="hexpand">false</property>
+              <property name="pixel-size">8</property>
+            </object>
+          </child>
+          <child>
+            <object class="GtkLabel" id="vm_status_label">
+            <style><class name="normal-text"/></style>
+            <property name="label">No status</property>
+            <property name="margin-start">10</property>
+            <property name="margin-end">10</property>
+            <property name="margin-top">10</property>
+            <property name="margin-bottom">10</property>
+            <property name="halign">start</property>
+            <property name="valign">center</property>
+            <property name="xalign">0.0</property>
+            <property name="yalign">0.5</property>
+            </object>
+          </child>
         </object>
       </child>
       <child>
@@ -56,9 +81,8 @@
         <property name="margin-bottom">10</property>
           <child>
             <object class="GtkImage" id="security_icon">
-              <property name="visible">True</property>
-              <property name="can_focus">False</property>
-              <!--<property name="resource">/org/gnome/controlpanelgui/icons/security_well.svg</property>-->
+              <property name="visible">true</property>
+              <property name="can_focus">false</property>
               <property name="width-request">16</property>
               <property name="height-request">20</property>
             </object>
@@ -67,7 +91,7 @@
             <object class="GtkLabel" id="security_label">
             <style><class name="normal-text"/></style>
             <property name="label">This VM is secure!</property>
-            <property name="margin-start">20</property>
+            <property name="margin-start">10</property>
             <property name="margin-end">10</property>
             <property name="margin-top">10</property>
             <property name="margin-bottom">10</property>
diff --git a/src/vm_settings.rs b/src/vm_settings.rs
index 6ab27f6..fd449e1 100644
--- a/src/vm_settings.rs
+++ b/src/vm_settings.rs
@@ -24,6 +24,8 @@ mod imp {
         #[template_child]
         pub vm_status_label: TemplateChild<Label>,
         #[template_child]
+        pub vm_status_icon: TemplateChild<Image>,
+        #[template_child]
         pub vm_details_label: TemplateChild<Label>,
         #[template_child]
         pub security_icon: TemplateChild<Image>,
@@ -155,6 +157,7 @@ impl VMSettings {
         //make new
         let name = self.imp().vm_name_label.get();
         let status = self.imp().vm_status_label.get();
+        let status_icon = self.imp().vm_status_icon.get();
         let details = self.imp().vm_details_label.get();
         let security_icon = self.imp().security_icon.get();
         let security_label = self.imp().security_label.get();
@@ -185,6 +188,22 @@ impl VMSettings {
         // Save binding
         bindings.push(status_binding);
 
+        let status_icon_binding = vm_object
+            .bind_property("status", &status_icon, "resource")
+            .sync_create()
+            .transform_to(move |_, value: &glib::Value| {
+                let status = value.get::<u8>().unwrap_or(0);
+                match status {//make struct like for icon?
+                    0 => Some(glib::Value::from("/org/gnome/controlpanelgui/icons/ellipse_green.svg")),
+                    1 => Some(glib::Value::from("/org/gnome/controlpanelgui/icons/ellipse_red.svg")),
+                    2 => Some(glib::Value::from("/org/gnome/controlpanelgui/icons/ellipse_yellow.svg")),
+                    _ => Some(glib::Value::from("/org/gnome/controlpanelgui/icons/ellipse_red.svg")),
+                }
+            })
+            .build();
+        // Save binding
+        bindings.push(status_icon_binding);
+
         let details_binding = vm_object
             .bind_property("details", &details, "label")
             .sync_create()