feat: add pause and resize indicator (#34)

Co-authored-by: yrmsa <yrmsa>
adriankarlen · Dec 26, 2024 · d501436 · d501436
1 parent b945928
commit d501436
Showing 1 changed file with 22 additions and 0 deletions.
diff --git a/src/components/Workspaces.svelte b/src/components/Workspaces.svelte
@@ -44,6 +44,28 @@
     >
       <i class="ti ti-switch-{glazewm?.tilingDirection}"></i>
     </button>
+    {#each glazewm.bindingModes as bindingMode, i}
+      <div class="flex items-center">
+        <button class="pb-[4px]"
+          onclick={() => {
+            switch (bindingMode.name.toLowerCase()) {
+              case "pause":
+                glazewm!.runCommand("wm-disable-binding-mode --name pause");
+                break;
+
+              case "resize":
+                glazewm!.runCommand("wm-disable-binding-mode --name resize");
+                break;
+
+              default:
+                break;
+            }
+          }}
+        >
+          {bindingMode.displayName ?? bindingMode.name}
+        </button>
+      </div>
+    {/each}
     <div class="flex items-center gap-1">
       {#if glazewm.focusedWorkspace}
         {#each glazewm.focusedWorkspace!.children as child}