ags: add tab scrolling

2024-03-14 23:51:21 +07:00
parent 054860cec3
commit 3cfaf52865
2 changed files with 40 additions and 29 deletions
@@ -198,27 +198,31 @@ function switchToTab(id) {
    currentApiId = id;
 }

-const apiSwitcher = CenterBox({
-    centerWidget: Box({
-        className: 'sidebar-chat-apiswitcher spacing-h-5',
-        hpack: 'center',
-        children: APIS.map((api, id) => Button({
-            child: api.tabIcon,
-            tooltipText: api.name,
-            setup: setupCursorHover,
-            onClicked: () => {
-                switchToTab(id);
-            }
-        })),
-    }),
-    endWidget: Button({
-        hpack: 'end',
-        className: 'txt-subtext txt-norm icon-material',
-        label: 'lightbulb',
-        tooltipText: 'Use PageUp/PageDown to switch between API pages',
-        setup: setupCursorHoverInfo,
-    }),
-})
+const apiSwitcher = EventBox({
+    onScrollUp: () => apiWidgets.attribute.prevTab(),
+    onScrollDown: () => apiWidgets.attribute.nextTab(),
+    child: CenterBox({
+        centerWidget: Box({
+            className: 'sidebar-chat-apiswitcher spacing-h-5',
+            hpack: 'center',
+            children: APIS.map((api, id) => Button({
+                child: api.tabIcon,
+                tooltipText: api.name,
+                setup: setupCursorHover,
+                onClicked: () => {
+                    switchToTab(id);
+                }
+            })),
+        }),
+        endWidget: Button({
+            hpack: 'end',
+            className: 'txt-subtext txt-norm icon-material',
+            label: 'lightbulb',
+            tooltipText: 'Use PageUp/PageDown to switch between API pages',
+            setup: setupCursorHoverInfo,
+        }),
+    })
+});

 const apiWidgets = Widget.Box({
    attribute: {