library: Add ViewSwitcher entry (#236)

Author: halfmexican

src/Library/demos/View Switcher/main.blp

@@ -0,0 +1,143 @@
+using Gtk 4.0;
+using Adw 1;
+
+Adw.Window {
+  modal: true;
+  width-request: 360;
+  height-request: 360;
+  content:
+  Box {
+    orientation: vertical;
+
+    Adw.HeaderBar {
+      centering-policy: strict;
+      title-widget:
+      Adw.ViewSwitcherTitle switcher_title {
+        stack: stack;
+        title: _("AdwViewSwitcher Demo");
+      };
+    }
+
+    Adw.ViewStack stack {
+      vexpand: true;
+
+      Adw.ViewStackPage page1 {
+        name: "page1";
+        title: _("Favorites");
+        icon-name: "star-filled-rounded-symbolic";
+        use-underline: true;
+        child:
+        
+        Adw.StatusPage{
+          title: bind page1.title;
+          icon-name: bind page1.icon-name;
+          child:
+          
+          Box{
+            orientation: vertical;
+            valign: center;
+
+            LinkButton {
+              label: "API Reference";
+              uri: "https://gnome.pages.gitlab.gnome.org/libadwaita/doc/1.2/class.ViewSwitcher.html";
+            }
+            LinkButton {
+              label: "Human Interface Guidelines";
+              uri: "https://developer.gnome.org/hig/patterns/nav/view-switchers.html";
+            }
+          };
+        };
+      }
+
+      Adw.ViewStackPage page2 {
+        name: "page2";
+        title: _("Recents");
+        icon-name: "clock-alt-symbolic";
+        use-underline: true;
+        child:
+        
+        Adw.StatusPage{
+          title: bind page2.title;
+          icon-name: bind page2.icon-name;
+          child: 
+          
+          Box{
+            orientation: vertical;
+            valign: center;
+
+            LinkButton {
+              label: "API Reference";
+              uri: "https://gnome.pages.gitlab.gnome.org/libadwaita/doc/1.2/class.ViewSwitcher.html";
+            }
+            LinkButton {
+              label: "Human Interface Guidelines";
+              uri: "https://developer.gnome.org/hig/patterns/nav/view-switchers.html";
+            }
+          };
+        };
+      }
+
+
+      Adw.ViewStackPage page3 {
+        name: "page3";
+        title: _("Notifications");
+        icon-name: "bell-symbolic";
+        badge-number: 0;
+        needs-attention: true;
+        use-underline: true;
+        child:
+        
+        Adw.StatusPage{
+          title: bind page3.title;
+          valign: start;
+          margin-start: 15;
+          margin-end: 15;
+          child:
+          
+          Adw.Clamp{
+            maximum-size: 500;
+            ListBox notification_list{
+            halign: baseline;
+            styles["boxed-list"]
+            
+            }          
+          };
+        };
+      }
+
+      Adw.ViewStackPage page4{
+        name: "page4";
+        title: _("Account");
+        icon-name: "person-symbolic";
+        use-underline: true;
+        child:
+        
+        Adw.StatusPage{
+          title: bind page4.title;
+          icon-name: bind page4.icon-name;
+          child:
+          
+          Box{
+            orientation: vertical;
+            valign: center;
+            
+            LinkButton {
+              label: "API Reference";
+              uri: "https://gnome.pages.gitlab.gnome.org/libadwaita/doc/1.2/class.ViewSwitcher.html";
+            }
+            
+            LinkButton {
+              label: "Human Interface Guidelines";
+              uri: "https://developer.gnome.org/hig/patterns/nav/view-switchers.html";
+            }
+          };
+        };
+      }
+    }
+
+    Adw.ViewSwitcherBar switcher_bar {
+      stack: stack;
+      reveal: bind switcher_title.title-visible;
+    }
+  };
+}

src/Library/demos/View Switcher/main.js

@@ -0,0 +1,38 @@
+import Adw from "gi://Adw";
+import Gtk from "gi://Gtk";
+
+const notifications_page = workbench.builder.get_object("page3");
+const notification_list = workbench.builder.get_object("notification_list");
+
+let notification_count = 5;
+notifications_page.badge_number = notification_count;
+
+for (let i = 0; i < notification_count; i++) {
+  let notification_row = new Adw.ActionRow({
+    selectable: false,
+  });
+
+  notification_row.title = "Notification";
+
+  let button = new Gtk.Button({
+    halign: "center",
+    valign: "center",
+    margin_top: "10",
+    margin_bottom: "10",
+    icon_name: "check-plain-symbolic",
+  });
+
+  button.connect("clicked", () => {
+    notifications_page.badge_number = --notification_count;
+    notification_list.remove(notification_row);
+
+    if (notifications_page.badge_number === 0) {
+      notifications_page.needs_attention = false;
+    }
+  });
+
+  notification_row.add_suffix(button);
+
+  notification_list.append(notification_row);
+}
+

src/Library/demos/View Switcher/main.json

@@ -0,0 +1,12 @@
+{
+  "name": "View Switcher",
+  "category": "user_interface",
+  "description": "View Switchers allow users to switch between different predefined pages",
+  "panels": [
+    "code",
+    "ui",
+    "preview"
+  ],
+  "autorun": false
+}
+