detail-view: Add extension controls to UI

mjakeman · mjakeman · commit ca2862b862c0 · 2024-02-15T23:48:02.000+11:00
diff --git a/data/icons/hicolor/scalable/actions/user-trash-symbolic.svg b/data/icons/hicolor/scalable/actions/user-trash-symbolic.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
+    <g fill="#2e3436">
+        <path d="m 1 3 h 14 c 0.550781 0 1 0.449219 1 1 s -0.449219 1 -1 1 h -14 c -0.550781 0 -1 -0.449219 -1 -1 s 0.449219 -1 1 -1 z m 0 0"/>
+        <path d="m 4 4 v -1.5 c 0 -1.386719 1.113281 -2.5 2.5 -2.5 h 2.980469 c 1.382812 0 2.5 1.113281 2.5 2.5 v 1.5 h -2 v -1.5 c 0 -0.269531 -0.230469 -0.5 -0.5 -0.5 h -2.980469 c -0.269531 0 -0.5 0.230469 -0.5 0.5 v 1.5 z m 0 0"/>
+        <path d="m 4 4 v 9 c 0 0.546875 0.453125 1 1 1 h 6 c 0.546875 0 1 -0.453125 1 -1 v -9 h 2 v 9 c 0 1.660156 -1.339844 3 -3 3 h -6 c -1.660156 0 -3 -1.339844 -3 -3 v -9 z m 0 0"/>
+        <path d="m 7 7 v 5 c 0 0.277344 -0.222656 0.5 -0.5 0.5 s -0.5 -0.222656 -0.5 -0.5 v -5 c 0 -0.277344 0.222656 -0.5 0.5 -0.5 s 0.5 0.222656 0.5 0.5 z m 0 0"/>
+        <path d="m 10 7 v 5 c 0 0.277344 -0.222656 0.5 -0.5 0.5 s -0.5 -0.222656 -0.5 -0.5 v -5 c 0 -0.277344 0.222656 -0.5 0.5 -0.5 s 0.5 0.222656 0.5 0.5 z m 0 0"/>
+    </g>
+</svg>
diff --git a/src/exm-detail-view.blp b/src/exm-detail-view.blp
@@ -130,10 +130,51 @@ template $ExmDetailView : Adw.NavigationPage {
 										}
 									}
 
-									$ExmInstallButton ext_install {
-										valign: center;
-										halign: center;
-									}
+									Gtk.Stack ext_tools {
+                     Gtk.StackPage {
+                       child: Gtk.Box {
+
+                         orientation: horizontal;
+                         spacing: 16;
+
+                         Gtk.Box manage_tools {
+                           styles ["linked"]
+
+                           Gtk.Button prefs_btn {
+                             icon-name: "settings-symbolic";
+                             valign: center;
+                             halign: center;
+
+                             tooltip-text: _("Open extension preferences");
+                           }
+
+                           Gtk.Button delete_btn {
+                             styles ["destructive-action"]
+
+                             icon-name: "user-trash-symbolic";
+                             valign: center;
+                             halign: center;
+
+                             tooltip-text: _("Remove the extension");
+                           }
+                         }
+
+                         Gtk.Switch toggle_switch {
+                           valign: center;
+                           halign: center;
+
+                           tooltip-text: _("Enable/disable the extension");
+                         }
+                       };
+                     }
+
+                     Gtk.StackPage {
+                       child: .ExmInstallButton ext_install {
+                         valign: center;
+                         halign: center;
+                       };
+                     }
+                   }
 								}
 
 								Gtk.Overlay ext_screenshot_container {
diff --git a/src/exm-extension-row.c b/src/exm-extension-row.c
@@ -379,3 +379,4 @@ exm_extension_row_init (ExmExtensionRow *self)
 
     gtk_widget_insert_action_group (GTK_WIDGET (self), "row", G_ACTION_GROUP (self->action_group));
 }
+
diff --git a/src/exm-screenshot.blp b/src/exm-screenshot.blp
@@ -18,6 +18,7 @@ template $ExmScreenshot : Gtk.Widget {
 			name: "page_picture";
 
 			child: Gtk.Picture picture {
+			  styles ["screenshot"]
 				valign: fill;
 				halign: fill;
 			};
diff --git a/src/style.css b/src/style.css
@@ -104,3 +104,7 @@ progressbar.success text {
     color: @green_1;
     opacity: 0.8;
 }
+
+.screenshot {
+    background-color: rgba(0,0,0,0.2);
+}

Original file line number	Diff line number	Diff line change
`@@ -379,3 +379,4 @@ exm_extension_row_init (ExmExtensionRow *self)`
`379`	`379`
`380`	`380`	`gtk_widget_insert_action_group (GTK_WIDGET (self), "row", G_ACTION_GROUP (self->action_group));`
`381`	`381`	`}`
	`382`	`+`
Original file line number	Diff line number	Diff line change
`@@ -104,3 +104,7 @@ progressbar.success text {`
`104`	`104`	`color: @green_1;`
`105`	`105`	`opacity: 0.8;`
`106`	`106`	`}`
	`107`	`+`
	`108`	`+.screenshot {`
	`109`	`+ background-color: rgba(0,0,0,0.2);`
	`110`	`+}`