library: Add Grid entry (#233)

Author: bazylevnik0

src/Library/demos/Grid/main.blp

@@ -0,0 +1,97 @@
+using Gtk 4.0;
+using Adw 1;
+
+Adw.StatusPage {
+  title: "Grid";
+  description: _("Arrange widgets in rows and columns.");
+
+ Box {
+    halign: center;
+    Grid {
+        Button button00 {
+        name: "button00";
+        layout { row: 0; column: 0; }  
+        hexpand: false;
+        Image {
+          icon-name: "circle-outline-thick-symbolic";
+          pixel-size: 100;
+        }
+        styles ['cell']
+      }
+      
+      Button button01 {
+        name: "button01";
+        layout { row: 0; column: 1; }
+        hexpand: false;
+        Image {
+          pixel-size: 100;
+        }
+        styles ['cell']
+      }
+      Button button02 {
+        name: "button02";
+        layout { row: 0; column: 2; }
+        hexpand: false;
+        Image {
+          pixel-size: 100;
+        }
+        styles ['cell']
+      }
+      Button button10 {
+        name: "button10";
+        layout { row: 1; column: 0; }
+        hexpand: false;
+        Image {
+          pixel-size: 100;
+        }
+        styles ['cell']
+      }
+      Button button11 {
+        name: "button11";
+        layout { row: 1; column: 1; }
+        hexpand: false;
+        Image {
+          pixel-size: 100;
+        }
+        styles ['cell']
+      }
+      Button button12 {
+        name: "button12";
+        layout { row: 1; column: 2; }
+        hexpand: false;
+        Image {
+          pixel-size: 100;
+        }
+        styles ['cell']
+      }
+      Button button20 {
+        name: "button20";
+        layout { row: 2; column: 0; }
+        hexpand: false;
+        Image {
+          pixel-size: 100;
+        }
+        styles ['cell']
+      }
+      Button button21 {
+        name: "button21";
+        layout { row: 2; column: 1; }
+        hexpand: false;
+        Image {
+          pixel-size: 100;
+        }
+        styles ['cell']
+      }
+      Button button22 {
+        name: "button22";
+        layout { row: 2; column: 2; }
+        hexpand: false;
+        Image {
+          pixel-size: 100;
+        }
+        styles ['cell']
+      }
+    }
+  }
+}
+

src/Library/demos/Grid/main.css

@@ -0,0 +1,4 @@
+.cell {
+  margin: 6px;
+  padding: 18px;
+}

src/Library/demos/Grid/main.js

@@ -0,0 +1,43 @@
+const button_ids = [
+  "button00",
+  "button01",
+  "button02",
+  "button10",
+  "button11",
+  "button12",
+  "button20",
+  "button21",
+  "button22",
+];
+
+for (const id of button_ids) {
+  const button = workbench.builder.get_object(id);
+  button.connect("clicked", onClicked);
+}
+
+let step = 1;
+function onClicked(button) {
+  //check access for user action
+  let image = button.get_child();
+  if (image.icon_name) return;
+  //store and show user action
+  image.icon_name = "cross-large-symbolic";
+  //calculate pc reaction
+  let pc_is_thinking = true;
+  while (pc_is_thinking) {
+    let pc_is_thinking_row = "" + Math.floor(Math.random() * 3);
+    let pc_is_thinking_col = "" + Math.floor(Math.random() * 3);
+    //make pc reaction if possible
+    let temp = workbench.builder.get_object(
+      "button" + pc_is_thinking_row + pc_is_thinking_col,
+    );
+    let temp_image = temp.get_child();
+    if (!temp_image.icon_name) {
+      //store and show pc reaction
+      temp_image.icon_name = "circle-outline-thick-symbolic";
+      pc_is_thinking = false;
+      step += 2;
+    }
+    if (step >= 8) pc_is_thinking = false;
+  }
+}

src/Library/demos/Grid/main.json

@@ -0,0 +1,10 @@
+{
+  "name": "Grid",
+  "category": "user_interface",
+  "description": "Arrange widgets in rows and columns.",
+  "panels": [
+    "ui",
+    "preview"
+  ],
+  "autorun": true
+}

src/about.js

@@ -56,6 +56,7 @@ ${getBlueprintVersion()}
     "Hari Rana (TheEvilSkeleton) https://theevilskeleton.gitlab.io",
     "Sriyansh Shivam https://linktr.ee/sonic_here",
     "Angelo Verlain https://www.vixalien.com",
+    "bazylevnik0 https://github.com/bazylevnik0",
     // Add yourself as
     // "John Doe",
     // or