rework ui

src/ui/window.blp

@@ -1,62 +1,116 @@
 using Gtk 4.0;
 using Adw 1;
 
-template AdwcustomizerMainWindow : ApplicationWindow {
+template AdwcustomizerMainWindow : Adw.ApplicationWindow {
   title: _("Adwaita Manager");
   default-width: 1280;
   default-height: 720;
 
-  titlebar: HeaderBar {
+  Adw.Leaflet leaflet {
-    [start]
+  	can-navigate-back: true;
-    Button apply-button {
+  	can-unfold: false;
-      styles ["suggested-action"]
-      label: _("Apply");
-      action-name: "app.apply_color_scheme";
-    }
 
-    [start]
+  	Gtk.Box main_view {
-    Button save-preset-button {
+  		orientation: vertical;
-      action-name: "app.save_preset";
-      tooltip-text: _("Save Preset");
-      Adw.ButtonContent {
-        icon-name: "document-save-symbolic";
-      }
-    }
 
-    // [start]
+  		Adw.HeaderBar titlebar {
-    // MenuButton presets-dropdown {
+				centering-policy: strict;
-    //   icon-name: "palette-symbolic";
-    //   menu-model: presets-menu;
-    //   tooltip-text: _("Presets");
-    // }
 
-    [title]
+        [start]
-    Adw.ViewSwitcherTitle view-switcher {
+        Button apply-button {
-      stack: stack
+          styles ["suggested-action"]
-    }
+          label: _("Apply");
+          action-name: "app.apply_color_scheme";
+        }
 
-    [end]
+        [start]
-    MenuButton {
+        Button save-preset-button {
-      icon-name: "open-menu-symbolic";
+          action-name: "app.save_preset";
-      menu-model: main-menu;
+          tooltip-text: _("Save Preset");
-    }
+          Adw.ButtonContent {
+            icon-name: "document-save-symbolic";
+          }
+        }
 
-    [end]
+				[title]
-    MenuButton errors-button {
+				Adw.ViewSwitcherTitle title {
-      styles ["raised", "error"]
+					stack: view_stack;
-      icon-name: "dialog-warning-symbolic";
+				}
-      popover: errors-popover;
-    }
-  };
 
-  Box {
+				[end]
-    Adw.ViewStack stack {
+				Gtk.MenuButton {
-      MenuButton {
+				  icon-name: "open-menu-symbolic";
-      icon-name: "open-menu-symbolic";
+				  menu-model: main-menu;
-      menu-model: main-menu;
+				}
-    }
+
-    }
+        [end]
-    Adw.PreferencesPage content { }
+        MenuButton presets-dropdown {
+          menu-model: presets-menu;
+          label: _("Presets");
+          icon-name: "palette-symbolic.svg";
+        }
+
+        [end]
+        MenuButton errors-button {
+          styles ["raised", "error"]
+          icon-name: "dialog-warning-symbolic";
+          popover: errors-popover;
+        }
+
+			}
+
+			Gtk.Box {
+				orientation: vertical;
+
+				Adw.ViewStack view_stack {
+					vexpand: true;
+					hexpand: true;
+
+					 Adw.ViewStackPage {
+						name: "colors";
+						title: C_("Navigation", "Colors");
+						icon-name: "puzzle-piece-symbolic";
+          
+            child: Gtk.Label {
+              label: _("WIP");
+            };
+		
+					}
+
+					Adw.ViewStackPage {
+						name: "monet";
+						title: C_("Navigation", "Monet");
+						icon-name: "globe-symbolic";
+
+
+            child: Gtk.Label {
+              label: _("WIP");
+            };
+						
+					}
+
+          Adw.ViewStackPage {
+						name: "css";
+						title: C_("Navigation", "CSS");
+						icon-name: "globe-symbolic";
+
+
+            child: Gtk.Label {
+              label: _("WIP");
+            };
+
+						//child: .ExmBrowsePage browse_page {};
+					}
+				}
+
+				Adw.ViewSwitcherBar {
+					stack: view_stack;
+					reveal: bind title.title-visible;
+				}
+			}
+  	}
+
+  Adw.PreferencesPage content { }
   }
 }
 
@@ -76,9 +130,22 @@ menu presets-menu {
   }
 }
 
+
 menu main-menu {
-  item (_("Reset Applied Color Scheme"), "app.reset_color_scheme")
+  section {
-  item (_("About Adwaita Manager"), "app.about")
+    item {
+      label: _("Release Notes");
+      action: "win.show-release-notes";
+    }
+    item {
+      label: _("Reset Applied Color Scheme");
+      action: "app.reset_color_scheme";
+    }
+    item {
+      label: _("About Adwaita Manager");
+      action: "app.about";
+    }
+  }
 }
 
 Popover errors-popover {