add inaccurate color picker; small folder restructure for sidebar tools

2024-02-15 09:33:32 +07:00
parent bb28c9089c
commit 0c68ec8293
5 changed files with 451 additions and 18 deletions
@@ -0,0 +1,54 @@
+import Widget from 'resource:///com/github/Aylur/ags/widget.js';
+import { setupCursorHover } from '../../../lib/cursorhover.js';
+import { MaterialIcon } from '../../../lib/materialicon.js';
+const { Box, Button, Icon, Label, Revealer } = Widget;
+
+export default ({
+    icon,
+    name,
+    child,
+    revealChild = true,
+}) => {
+    const headerButtonIcon = MaterialIcon(revealChild ? 'expand_less' : 'expand_more', 'norm');
+    const header = Box({
+        className: 'txt spacing-h-10',
+        children: [
+            icon,
+            Label({
+                className: 'txt-norm',
+                label: `${name}`,
+            }),
+            Box({
+                hexpand: true,
+            }),
+            Button({
+                className: 'sidebar-module-btn-arrow',
+                child: headerButtonIcon,
+                onClicked: () => {
+                    console.log('clicked');
+                    content.revealChild = !content.revealChild;
+                    headerButtonIcon.label = content.revealChild ? 'expand_less' : 'expand_more';
+                },
+                setup: setupCursorHover,
+            })
+        ]
+    });
+    const content = Revealer({
+        revealChild: revealChild,
+        transition: 'slide_down',
+        transitionDuration: 200,
+        child: Box({
+            className: 'margin-top-5',
+            homogeneous: true,
+            children: [child],
+        }),
+    });
+    return Box({
+        className: 'sidebar-module',
+        vertical: true,
+        children: [
+            header,
+            content,
+        ]
+    });
+}