fix: rebuild mockup with Windows-safe filenames and correct CSS paths

2026-04-09 14:13:25 +05:00
parent 2e9e7ace4b
commit 21c0520b0e
44 changed files with 638 additions and 6376 deletions
@@ -0,0 +1,71 @@
+/**
+ * БИТ.WMS Child Theme — js/sidebar-nav.js
+ *
+ * Sidebar navigation toggle behaviour.
+ * Placeholder for Task 3 — full sidebar implementation will extend this file.
+ *
+ * Behaviour:
+ *  - Clicking the hamburger button toggles `.sidebar-nav--open` on the sidebar.
+ *  - Simultaneously toggles `.sidebar-overlay` on <body> to show the dim overlay.
+ *  - Clicking the overlay closes the sidebar.
+ */
+
+document.addEventListener( 'DOMContentLoaded', function () {
+    'use strict';
+
+    // Guard: abort if there is no sidebar on this page.
+    var sidebar = document.querySelector( '.sidebar-nav' );
+    if ( ! sidebar ) {
+        return;
+    }
+
+    var hamburger = document.querySelector( '.sidebar-nav__toggle' );
+    var body      = document.body;
+
+    /**
+     * Open the sidebar and show the overlay.
+     */
+    function openSidebar() {
+        sidebar.classList.add( 'sidebar-nav--open' );
+        body.classList.add( 'sidebar-overlay' );
+    }
+
+    /**
+     * Close the sidebar and hide the overlay.
+     */
+    function closeSidebar() {
+        sidebar.classList.remove( 'sidebar-nav--open' );
+        body.classList.remove( 'sidebar-overlay' );
+    }
+
+    /**
+     * Toggle sidebar state.
+     */
+    function toggleSidebar() {
+        if ( sidebar.classList.contains( 'sidebar-nav--open' ) ) {
+            closeSidebar();
+        } else {
+            openSidebar();
+        }
+    }
+
+    // Attach toggle to hamburger button (if present).
+    if ( hamburger ) {
+        hamburger.addEventListener( 'click', function ( e ) {
+            e.preventDefault();
+            toggleSidebar();
+        } );
+    }
+
+    // Close sidebar when the overlay (body::after pseudo-element area) is clicked.
+    // We detect clicks on <body> that land outside the sidebar itself.
+    body.addEventListener( 'click', function ( e ) {
+        if (
+            body.classList.contains( 'sidebar-overlay' ) &&
+            ! sidebar.contains( e.target ) &&
+            ( ! hamburger || ! hamburger.contains( e.target ) )
+        ) {
+            closeSidebar();
+        }
+    } );
+} );