Fixes

conedevelopment · Nov 12, 2023 · 0239ea2 · 0239ea2
1 parent 1c5955a
commit 0239ea2
Show file tree

Hide file tree

Showing 26 changed files with 4,616 additions and 209 deletions.
diff --git a/dist/account/index.html b/dist/account/index.html
diff --git a/dist/account/notifications/index.html b/dist/account/notifications/index.html
diff --git a/dist/account/password/index.html b/dist/account/password/index.html
diff --git a/dist/account/profile/index.html b/dist/account/profile/index.html
diff --git a/dist/categories/index.html b/dist/categories/index.html
diff --git a/dist/css/main.css b/dist/css/main.css
diff --git a/dist/customers/index.html b/dist/customers/index.html
diff --git a/dist/index.html b/dist/index.html
diff --git a/dist/item/edit/index.html b/dist/item/edit/index.html
diff --git a/dist/item/view/index.html b/dist/item/view/index.html
diff --git a/dist/orders/index.html b/dist/orders/index.html
diff --git a/dist/password-reset/index.html b/dist/password-reset/index.html
diff --git a/dist/products/index.html b/dist/products/index.html
diff --git a/dist/settings/index.html b/dist/settings/index.html
diff --git a/dist/sign-in/index.html b/dist/sign-in/index.html
diff --git a/dist/sign-up/index.html b/dist/sign-up/index.html
diff --git a/src/_includes/layout/base.html b/src/_includes/layout/base.html
@@ -57,6 +57,5 @@
         <script defer src="/js/theme-switcher.js"></script>
         <script defer src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
         <script src="/js/charts.js" type="module"></script>
-        <script src="/js/repeater.js" type="module"></script>
     </body>
 </html>
diff --git a/src/_includes/partial/form/repeater.html b/src/_includes/partial/form/repeater.html
@@ -1,9 +1,20 @@
 <span class="form-label">Section builder</span>
 <div class="repeater-container">
-    <div class="repeater">
+    <div
+        class="repeater"
+        x-cloak
+        x-data="{ open: false }"
+    >
         <div class="repeater__heading">
             <div class="repeater__column">
-                <button class="btn btn--primary btn--sm btn--icon repeater__toggle" data-action="toggle" aria-label="Toggle section" aria-expanded="false" aria-describedby="repeater-item-1">
+                <button
+                    :aria-expanded="open"
+                    @click="open = !open"
+                    aria-describedby="repeater-item-1"
+                    aria-label="Toggle section"
+                    class="btn btn--primary btn--sm btn--icon repeater__toggle"
+                    data-action="toggle"
+                >
                     {% svgIcon './src/img/icon/plus.svg', 'btn__icon' %}
                 </button>
                 <h3 id="repeater-item-1" class="repeater__title">
@@ -23,7 +34,7 @@ <h3 id="repeater-item-1" class="repeater__title">
                 </button>
             </div>
         </div>
-        <div class="repeater__body" hidden>
+        <div class="repeater__body" :hidden="!open">
             <div class="form-group-stack form-group-stack--bordered form-group-container">
                 <div class="form-group--row">
                     <label class="form-label" for="youtube-title">Title</label>
@@ -40,10 +51,21 @@ <h3 id="repeater-item-1" class="repeater__title">
             </div>
         </div>
     </div>
-    <div class="repeater">
+    <div
+        class="repeater"
+        x-cloak
+        x-data="{ open: false }"
+    >
         <div class="repeater__heading">
             <div class="repeater__column">
-                <button class="btn btn--primary btn--sm btn--icon repeater__toggle" data-action="toggle" aria-label="Toggle section" aria-expanded="false" aria-describedby="repeater-item-2">
+                <button
+                    :aria-expanded="open"
+                    @click="open = !open"
+                    aria-describedby="repeater-item-2"
+                    aria-label="Toggle section"
+                    class="btn btn--primary btn--sm btn--icon repeater__toggle"
+                    data-action="toggle"
+                >
                     {% svgIcon './src/img/icon/plus.svg', 'btn__icon' %}
                 </button>
                 <h3 id="repeater-item-2" class="repeater__title">
@@ -63,7 +85,7 @@ <h3 id="repeater-item-2" class="repeater__title">
                 </button>
             </div>
         </div>
-        <div class="repeater__body" hidden>
+        <div class="repeater__body" :hidden="!open">
             <div class="form-group-stack form-group-stack--bordered form-group-container">
                 <div class="form-group--row">
                     <label class="form-label" for="testimonial-title">Title</label>

diff --git a/src/account.md b/src/account.md
@@ -11,75 +11,75 @@ breadcrumbs:
 ---
 
 <div class="app-card app-card--info">
-  <div class="app-card__header">
-    <h3 class="app-card__title">Personal Information</h3>
-    <a href="/account/profile/" class="btn btn--outline-primary btn--sm">Edit</a>
-  </div>
-  <div class="app-card__body">
-    <div class="l-row l-row--column:md:2">
-      <div class="data-group">
-        <p class="data-group__title">First Name</p>
-        <p class="data-group__content">Adam</p>
-      </div>
-      <div class="data-group">
-        <p class="data-group__title">Last Name</p>
-        <p class="data-group__content">Laki</p>
-      </div>
-      <div class="data-group">
-        <p class="data-group__title">Email</p>
-        <p class="data-group__content">[email protected]</p>
-      </div>
-      <div class="data-group">
-        <p class="data-group__title">Phone</p>
-        <p class="data-group__content">+36 555 66 44</p>
-      </div>
-      <div class="data-group">
-        <p class="data-group__title">Bio</p>
-        <p class="data-group__content">Hey, I’m Adam! I’m a passionate, accessibility-focused front-end developer. I develop with Gatsby, 11ty, and WordPress. I like to learn and try out new things in my field.</p>
-      </div>
+    <div class="app-card__header">
+        <h3 class="app-card__title">Personal Information</h3>
+        <a href="/account/profile/" class="btn btn--outline-primary btn--sm">Edit</a>
+    </div>
+    <div class="app-card__body">
+        <div class="l-row l-row--column:md:2">
+            <div class="data-group">
+                <p class="data-group__title">First Name</p>
+                <p class="data-group__content">Adam</p>
+            </div>
+            <div class="data-group">
+                <p class="data-group__title">Last Name</p>
+                <p class="data-group__content">Laki</p>
+            </div>
+            <div class="data-group">
+                <p class="data-group__title">Email</p>
+                <p class="data-group__content">[email protected]</p>
+            </div>
+            <div class="data-group">
+                <p class="data-group__title">Phone</p>
+                <p class="data-group__content">+36 555 66 44</p>
+            </div>
+            <div class="data-group">
+                <p class="data-group__title">Bio</p>
+                <p class="data-group__content">Hey, I’m Adam! I’m a passionate, accessibility-focused front-end developer. I develop with Gatsby, 11ty, and WordPress. I like to learn and try out new things in my field.</p>
+            </div>
+        </div>
     </div>
-  </div>
 </div>
 
 <div class="app-card app-card--info">
-  <div class="app-card__header">
-    <h3 class="app-card__title">Notifications</h3>
-    <a href="/account/notifications/" class="btn btn--outline-primary btn--sm">Edit</a>
-  </div>
-  <div class="app-card__body">
-    <div class="l-row l-row--column:md:2">
-      <div class="data-group">
-        <p class="data-group__title">News and updates (Email)</p>
-        <p class="data-group__content">Enabled</p>
-      </div>
-      <div class="data-group">
-        <p class="data-group__title">Tips and tutorials (Email)</p>
-        <p class="data-group__content">Enabled</p>
-      </div>
-      <div class="data-group">
-        <p class="data-group__title">Comments (Email)</p>
-        <p class="data-group__content">Disabled</p>
-      </div>
-      <div class="data-group">
-        <p class="data-group__title">Reminders (Email)</p>
-        <p class="data-group__content">Disabled</p>
-      </div>
-      <div class="data-group">
-        <p class="data-group__title">News and updates (Push)</p>
-        <p class="data-group__content">Disabled</p>
-      </div>
-      <div class="data-group">
-        <p class="data-group__title">Tips and tutorials (Push)</p>
-        <p class="data-group__content">Disabled</p>
-      </div>
-      <div class="data-group">
-        <p class="data-group__title">Comments (Push)</p>
-        <p class="data-group__content">Enabled</p>
-      </div>
-      <div class="data-group">
-        <p class="data-group__title">Reminders (Push)</p>
-        <p class="data-group__content">Disabled</p>
-      </div>
+    <div class="app-card__header">
+        <h3 class="app-card__title">Notifications</h3>
+        <a href="/account/notifications/" class="btn btn--outline-primary btn--sm">Edit</a>
+    </div>
+    <div class="app-card__body">
+        <div class="l-row l-row--column:md:2">
+            <div class="data-group">
+                <p class="data-group__title">News and updates (Email)</p>
+                <p class="data-group__content">Enabled</p>
+            </div>
+            <div class="data-group">
+                <p class="data-group__title">Tips and tutorials (Email)</p>
+                <p class="data-group__content">Enabled</p>
+            </div>
+            <div class="data-group">
+                <p class="data-group__title">Comments (Email)</p>
+                <p class="data-group__content">Disabled</p>
+            </div>
+            <div class="data-group">
+                <p class="data-group__title">Reminders (Email)</p>
+                <p class="data-group__content">Disabled</p>
+            </div>
+            <div class="data-group">
+                <p class="data-group__title">News and updates (Push)</p>
+                <p class="data-group__content">Disabled</p>
+            </div>
+            <div class="data-group">
+                <p class="data-group__title">Tips and tutorials (Push)</p>
+                <p class="data-group__content">Disabled</p>
+            </div>
+            <div class="data-group">
+                <p class="data-group__title">Comments (Push)</p>
+                <p class="data-group__content">Enabled</p>
+            </div>
+            <div class="data-group">
+                <p class="data-group__title">Reminders (Push)</p>
+                <p class="data-group__content">Disabled</p>
+            </div>
+        </div>
     </div>
-  </div>
 </div>
diff --git a/src/css/main.css b/src/css/main.css