jekyll-theme-zer0 1.8.2 → 1.9.0

data/_includes/components/nav-export.html

@@ -0,0 +1,61 @@
+<!--
+  ===================================================================
+  NAV EXPORT — Export navigation data as YAML
+  ===================================================================
+
+  File: nav-export.html
+  Path: _includes/components/nav-export.html
+  Purpose: Renders the current navigation data files as copyable YAML
+           so users can download or inspect the raw navigation config.
+
+  Dependencies: Bootstrap 5, Bootstrap Icons,
+                _data/navigation/*.yml
+  Used by: pages/_about/settings/navigation.md
+  ===================================================================
+-->
+
+{% assign nav_files = "main,home,about,docs,posts,quickstart,admin" | split: "," %}
+
+<div class="mb-3 d-flex align-items-center gap-2">
+  <label class="form-label mb-0 fw-semibold" for="exportNavSelect">Navigation file:</label>
+  <select class="form-select form-select-sm w-auto" id="exportNavSelect" onchange="showNavExport(this.value)">
+    {% for nav_name in nav_files %}
+      <option value="{{ nav_name }}">{{ nav_name }}</option>
+    {% endfor %}
+  </select>
+  <button class="btn btn-sm btn-outline-secondary" onclick="copyNavExport()" title="Copy to clipboard">
+    <i class="bi bi-clipboard me-1"></i>Copy
+  </button>
+</div>
+
+{% for nav_name in nav_files %}
+  {% assign nav_data = site.data.navigation[nav_name] %}
+  <div class="nav-export-block" id="export-{{ nav_name }}" {% unless forloop.first %}style="display:none"{% endunless %}>
+    <pre class="bg-body-secondary rounded p-3 small overflow-auto" style="max-height:400px" id="export-pre-{{ nav_name }}">{% if nav_data %}{% for item in nav_data %}- title: "{{ item.title | default: item.name }}"
+  url: "{{ item.url }}"{% if item.children %}
+  children:{% for child in item.children %}
+    - title: "{{ child.title | default: child.name }}"
+      url: "{{ child.url }}"{% endfor %}{% endif %}
+{% endfor %}{% else %}# No navigation data found for {{ nav_name }}{% endif %}</pre>
+  </div>
+{% endfor %}
+
+<script>
+function showNavExport(name) {
+  document.querySelectorAll('.nav-export-block').forEach(function(el) {
+    el.style.display = 'none';
+  });
+  var target = document.getElementById('export-' + name);
+  if (target) target.style.display = '';
+}
+function copyNavExport() {
+  var visible = document.querySelector('.nav-export-block:not([style*="display:none"])');
+  if (!visible) return;
+  var pre = visible.querySelector('pre');
+  if (!pre) return;
+  navigator.clipboard.writeText(pre.innerText).then(function() {
+    var btn = document.querySelector('[onclick="copyNavExport()"]');
+    if (btn) { btn.innerHTML = '<i class="bi bi-check2 me-1"></i>Copied!'; setTimeout(function(){ btn.innerHTML = '<i class="bi bi-clipboard me-1"></i>Copy'; }, 2000); }
+  });
+}
+</script>

data/_includes/components/nav-overview.html

@@ -0,0 +1,54 @@
+<!--
+  ===================================================================
+  NAV OVERVIEW — Navigation structure summary
+  ===================================================================
+
+  File: nav-overview.html
+  Path: _includes/components/nav-overview.html
+  Purpose: Displays a high-level overview of all navigation menus,
+           their item counts, and quick links to edit them.
+
+  Dependencies: Bootstrap 5, Bootstrap Icons,
+                _data/navigation/*.yml
+  Used by: pages/_about/settings/navigation.md
+  ===================================================================
+-->
+
+{% assign nav_files = "main,home,about,docs,posts,quickstart,admin" | split: "," %}
+
+<div class="row g-3 mb-4">
+  {% for nav_name in nav_files %}
+    {% assign nav_data = site.data.navigation[nav_name] %}
+    <div class="col-sm-6 col-lg-4">
+      <div class="card h-100">
+        <div class="card-body">
+          <div class="d-flex align-items-center mb-2">
+            <i class="bi bi-signpost-2 me-2 text-primary"></i>
+            <h6 class="card-title mb-0 text-capitalize">{{ nav_name }}</h6>
+          </div>
+          {% if nav_data %}
+            <p class="text-body-secondary small mb-1">
+              {{ nav_data | size }} top-level item{% if nav_data.size != 1 %}s{% endif %}
+            </p>
+            <ul class="list-unstyled small mb-0">
+              {% for item in nav_data limit:5 %}
+                <li class="text-truncate">
+                  <i class="bi bi-chevron-right me-1 text-muted" style="font-size:0.7rem"></i>
+                  {{ item.title | default: item.name | default: "(untitled)" }}
+                </li>
+              {% endfor %}
+              {% if nav_data.size > 5 %}
+                <li class="text-muted">… and {{ nav_data.size | minus: 5 }} more</li>
+              {% endif %}
+            </ul>
+          {% else %}
+            <p class="text-body-secondary small mb-0"><em>No data found</em></p>
+          {% endif %}
+        </div>
+        <div class="card-footer bg-transparent border-0 pt-0">
+          <small class="text-body-secondary">_data/navigation/{{ nav_name }}.yml</small>
+        </div>
+      </div>
+    </div>
+  {% endfor %}
+</div>