feat(ags): close all windows when closing from button

config/ags/bin/qs-toggle.sh

@@ -1,37 +0,0 @@
-#!/usr/bin/env bash
-
-on () {
-  eww open quick-settings-reveal;
-  eww update showqs=true;
-}
-
-off () {
-  eww update showqs=false;
-  eww close quick-settings-reveal;
-}
-
-toggle() {
-  if [[ $(eww get showqs) == "true" ]]; then
-    echo "Off"
-    off > /dev/null
-  else
-    echo "On"
-    on > /dev/null
-  fi
-}
-
-state() {
-  if [[ $(eww get showqs) == "true" ]]; then
-    echo "Off"
-  else
-    echo "On"
-  fi
-}
-
-[[ "$1" == "toggle" ]] && toggle
-if [[ "$1" == "state" ]]; then
-   while true; do 
-    state
-    sleep 1
-  done
-fi

config/ags/js/bar/clock.js

@@ -3,6 +3,7 @@ const { toggleWindow, openWindow } = ags.App;
 const { DateTime } = imports.gi.GLib;
 
 import { EventBox } from '../misc/cursorbox.js';
+import { closeAll } from '../misc/close-all.js';
 
 const ClockModule = ({
     interval = 1000,
@@ -30,6 +31,7 @@ export const Clock = EventBox({
         }
         else {
           Clock.toggleClassName('toggle-on', false);
+          closeAll();
         }
       }
     }],

config/ags/js/bar/notif-button.js

@@ -4,6 +4,7 @@ const { Notifications } = ags.Service;
 
 import { Separator } from '../misc/separator.js';
 import { EventBox } from '../misc/cursorbox.js';
+import { closeAll } from '../misc/close-all.js';
 
 export const NotifButton = EventBox({
   className: 'toggle-off',
@@ -17,6 +18,7 @@ export const NotifButton = EventBox({
         }
         else {
           NotifButton.toggleClassName('toggle-on', false);
+          closeAll();
         }
       }
     }],

config/ags/js/bar/quick-settings.js

@@ -1,35 +1,26 @@
 const { Box, Label } = ags.Widget;
-const { subprocess } = ags.Utils;
+const { toggleWindow, openWindow } = ags.App;
-const deflisten = subprocess;
 
 import { EventBox } from '../misc/cursorbox.js';
+import { closeAll } from '../misc/close-all.js';
 
-deflisten(
-  ['bash', '-c', '$AGS_PATH/qs-toggle.sh state'],
-  (output) => {
-    print(output)
-    if (output == 'On') {
-      QsToggle.toggleClassName('toggle-on', false);
-    } else {
-      QsToggle.toggleClassName('toggle-on', true);
-    }
-  },
-);
 export const QsToggle = EventBox({
   className: 'toggle-off',
-  onPrimaryClickRelease: function() {
+  onPrimaryClickRelease: () => toggleWindow('quick-settings'),
-    subprocess(
+  connections: [
-      ['bash', '-c', '$AGS_PATH/qs-toggle.sh toggle'],
+    [ags.App, (box, windowName, visible) => {
-      (output) => {
+      if (windowName == 'quick-settings') {
-        print(output)
+        if (visible) {
-        if (output == 'On') {
           QsToggle.toggleClassName('toggle-on', true);
-        } else {
+          openWindow('closer');
-          QsToggle.toggleClassName('toggle-on', false);
         }
-      },
+        else {
-    );
+          QsToggle.toggleClassName('toggle-on', false);
-  },
+          closeAll();
+        }
+      }
+    }],
+  ],
   child: Box({
     className: 'quick-settings-toggle',
     vertical: false,

config/ags/js/misc/close-all.js

@@ -0,0 +1,6 @@
+export const closeAll = () => {
+  ags.App.windows.forEach(w => {
+    if (w.name != 'bar')
+      ags.App.closeWindow(w.name)
+  });
+};

config/ags/js/misc/closer.js

@@ -1,5 +1,7 @@
 const { Window, EventBox } = ags.Widget;
-const { windows, closeWindow } = ags.App;
+const { closeWindow } = ags.App;
+
+import { closeAll } from './close-all.js';
 
 export const Closer = Window({
   name: 'closer',
@@ -8,11 +10,6 @@ export const Closer = Window({
   anchor: 'top bottom left right',
 
   child: EventBox({
-    onPrimaryClickRelease: () => {
+    onPrimaryClickRelease: () => closeAll(),
-      windows.forEach(w => {
-        if (w.name != 'bar')
-          closeWindow(w.name)
-      });
-    },
   }),
 });