update news & events

TWASys-App/wwwroot/js/js-page/asyncLayout.js

@@ -0,0 +1,55 @@
+import AMenu from '/js/libs/js-AMenu.js'
+import ALayout from '/js/libs/js-ALayout.js'
+import ADropdown from '/js/libs/js-ADropdown.js'
+
+class AsyncLayout extends ALayout {
+    constructor() {
+        super();
+        this.isLoaded = false;
+    }
+    dispose() {
+        this.isLoaded = false;
+        window.app.removeSytemEventParent(window.app.lName);
+        window.app.removeCustomEventParent(window.app.lName);
+        super.dispose();
+    }
+    renderMenu() {
+        this.isLoaded = true;
+        var asyncStyleSheets = [
+            'https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap',
+            '/css/atg-font/atg-admin-font.css',
+            '/css/atg-lib/waves.min.css'
+        ];
+        window.app.loadCSS(asyncStyleSheets);
+        window.app.initNavs("Async");
+
+        var a1 = new AMenu(".nav-main", "#header", document.getElementById("aMenu"));
+        this.listAObject.add(a1);
+        var d = new ADropdown();
+        d.bindDropDown(document.getElementById("aSubMenu"));
+        this.listAObject.add(d);
+        const idE1 = window.app.on("redirect_page", (e) => {
+            a1.changeActive();
+        });
+        this.addCustomEvent(idE1, window.app, "Async");
+
+        var sOption = {
+            damping: (window.getOS() == "Android") ? .06 : .04,
+            thumbMinSize: 25,
+            renderByPixel: true,
+            alwaysShowTracks: true,
+            continuousScrolling: true
+        };
+
+        window.Scrollbar.use(window.OverscrollPlugin);
+        window.app.initScrollBar();
+        window.Scrollbar.init(document.querySelector('.mini-scrollbar'), sOption);
+
+
+
+
+    }
+}
+
+window.ALayout.set("Async", new AsyncLayout());
+window.AScript.set("asyncLayout", true);