upd

Author: GyverLibs

README.md

@@ -149,12 +149,16 @@ void loop() {
 
 > Если нужно, чтобы параметр читался из БД, но нужно указать аргумент после него - значением нужно указать `Text()` как и сделано в функции по умолчанию. Например цвет для Label `b.Label(key, "Label!", Text(), sets::Colors::Mint);`. Если указать пустую строку (`b.Label(key, "Label!", "", sets::Colors::Mint);`) - в качестве значения и отправится пустая строка, т.е. значение не из БД.
 
+> Указатель на текущий объект Settings внутри билдера или обработчика обновлений можно получить из `sets::thisSettings`
+
 ```cpp
 GyverDB db;
 SettingsGyver sett("My Settings", &db);
 
 void build(sets::Builder& b) {
     b.Input("input1"_h, "Text");
+
+    // здесь sets::thisSettings - указатель на объект sett
 }
 
 void setup() {

library.properties

@@ -1,5 +1,5 @@
 name=Settings
-version=1.0.11
+version=1.0.12
 author=AlexGyver <[email protected]>
 maintainer=AlexGyver <[email protected]>
 sentence=Simple UI webface builder for esp8266/esp32

src/SettingsBase.h

@@ -4,6 +4,7 @@
 #include <GyverDB.h>
 #include <StringUtils.h>
 
+#include "core/SettingsBase_class.h"
 #include "core/builder.h"
 #include "core/colors.h"
 #include "core/containers.h"
@@ -91,6 +92,7 @@ class SettingsBase {
     void parse(Text passh, Text action, Text idtxt, Text value) {
         size_t id = idtxt.toInt32HEX();
         bool granted = authenticate(passh);
+        thisSettings = this;
 
         switch (action.hash()) {
             case SH("discover"): {
@@ -178,6 +180,7 @@ class SettingsBase {
                 }
                 break;
         }
+        thisSettings = nullptr;
     }
 
    private:

src/core/SettingsBase_class.cpp

@@ -0,0 +1,7 @@
+#include "SettingsBase_class.h"
+
+namespace sets {
+
+SettingsBase* thisSettings = nullptr;
+
+}  // namespace sets

src/core/SettingsBase_class.h

@@ -0,0 +1,9 @@
+#pragma once
+
+namespace sets {
+
+class SettingsBase;
+
+extern SettingsBase* thisSettings;
+
+}  // namespace sets

src/web/settings.h

@@ -1,6 +1,6 @@
 {
   "name": "settings",
-  "version": "1.0.10",
+  "version": "1.0.12",
   "main": "index.js",
   "scripts": {
     "build": "webpack --config ./webpack.single.js & webpack --config ./webpack.index.js",

web/package.json

@@ -73,7 +73,8 @@ export default class Settings {
                         },
                         {
                             tag: 'div',
-                            class: 'icon bars',
+                            class: 'icon bars menubutton',
+                            var: 'menubutton',
                             events: {
                                 click: async () => {
                                     iconFill(this.$ota, 'var(--font_tint)');
@@ -82,12 +83,14 @@ export default class Settings {
                                     this.$main_menu.classList.toggle('hidden');
                                     if (this.$main_menu.classList.contains('hidden')) {
                                         this.parse(await this.send('load'));
+                                        this.$menubutton.classList = 'icon bars menubutton';
                                     } else {
                                         this.parse(await this.send('fs'));
+                                        this.$menubutton.classList = 'icon cross menubutton';
                                     }
                                 },
                             }
-                        }
+                        },
                     ]
                 },
                 {
@@ -124,15 +127,6 @@ export default class Settings {
                                         class: 'icon key',
                                         title: 'Auth',
                                         var: 'auth',
-                                        events: {
-                                            click: async () => {
-                                                let res = await AsyncPrompt('Password', '');
-                                                if (res !== null) {
-                                                    localStorage.setItem('auth', hash(res));
-                                                    window.location.reload();
-                                                }
-                                            },
-                                        }
                                     }
                                 },
                                 {
@@ -366,6 +360,13 @@ export default class Settings {
                         this.$ota.style.display = this.granted ? 'inline-block' : 'none';
                         this.$upload.style.display = this.granted ? 'inline-block' : 'none';
                         if (!this.granted && this.firstBuild) popup('Unauthorized');
+                        this.$auth.addEventListener('click', async () => {
+                            let res = await AsyncPrompt('Password', '');
+                            if (res !== null) {
+                                localStorage.setItem('auth', hash(res));
+                                window.location.reload();
+                            }
+                        });
                     } else {
                         this.$auth.style.backgroundColor = 'var(--font_tint)';
                         this.granted = true;

web/src/script/settings.js

@@ -4,7 +4,7 @@
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
-    max-width: 80%;
+    /* max-width: 80%; */
 }
 
 .value.active {

web/src/script/widgets/widgets.css

@@ -13,9 +13,7 @@
 /* https://svgomg.net/ */
 /* https://yoksel.github.io/url-encoder/ */
 .icon.bars {
-    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M0 96c0-18 14-32 32-32h384a32 32 0 1 1 0 64H32c-18 0-32-14-32-32zm0 160c0-18 14-32 32-32h384a32 32 0 1 1 0 64H32c-18 0-32-14-32-32zm448 160c0 18-14 32-32 32H32a32 32 0 1 1 0-64h384c18 0 32 14 32 32z'/%3E%3C/svg%3E");
-    width: 22px;
-    height: 25px;
+    --svg: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 82c0-20 16-35 35-35h417a35 35 0 0 1 0 69H46c-19 0-35-15-35-34Zm0 173c0-19 16-34 35-34h417a35 35 0 0 1 0 69H46c-19 0-35-15-35-35Zm486 174c0 19-15 34-34 34H46a35 35 0 1 1 0-69h417c19 0 34 15 34 35Z'/%3E%3C/svg%3E");
 }
 
 .icon.moon {