HXL-CPLP/forum#58, hapi-t9n-alpha (#13), mvp-l10n-schemas (#7): Indic…

…e de conteúdo agora é exibido/escondido conforme itens referenciados estão no modo perito ou não
HXL-CPLP · Jun 13, 2021 · 2b9ab22 · 2b9ab22
1 parent 87b70ce
commit 2b9ab22
Show file tree

Hide file tree

Showing 5 changed files with 24 additions and 6 deletions.
diff --git a/_assets/css/hapi.css b/_assets/css/hapi.css
@@ -18,10 +18,10 @@
   vertical-align: sub;
 }
 
-.peritum-est, .peritum-est--block, .peritum-est--inline, .peritum-est--inline-block {
+.peritum-est, .peritum-est--block, .peritum-est--inline, .peritum-est--inline-block, .peritum-est--list-item {
   display: none;
 }
-.peritum-modum-est .peritum-est {
+.peritum-modum-est .peritum-est, .peritum-modum-est .peritum-est--block {
   display: block;
 }
 .peritum-modum-est .peritum-est--inline {
@@ -30,3 +30,6 @@
 .peritum-modum-est .peritum-est--inline-block {
   display: inline-block;
 }
+.peritum-modum-est .peritum-est--list-item {
+  display: list-item;
+}
diff --git a/_assets/js/hapi-globum.mjs b/_assets/js/hapi-globum.mjs
@@ -98,10 +98,25 @@ function InterfaciemPeritumModumCheckbox() {
 }
 function initiāle() {
   const peritum = document.getElementById('peritum-modum-est')
+  const toc = document.getElementById('toc')
   if (HapiDatumMemoriamLegendum('peritum-modum-est')) {
     peritum.checked = true;
     HapiDatumInterfaciemScribendum('peritum-modum-est', 1)
   }
+
+  // https://github.com/toshimaru/jekyll-toc
+  if (toc) {
+    toc.querySelectorAll('a').forEach(function (el, index) {
+      // console.log(el, el.href); // The element
+      if (el.href.indexOf('--peritum-est') !== -1) {
+        // console.log('peritum')
+        el.parentElement.classList.add('peritum-est--list-item')
+      }
+    });
+
+    // console.log('toc', toc)
+  }
+
   peritum.addEventListener('click', InterfaciemPeritumModumCheckbox)
 }
 

diff --git a/_includes/index-corporeum-mul-Zyyy.html b/_includes/index-corporeum-mul-Zyyy.html
@@ -1,7 +1,7 @@
 <!-- _includes/index-corporeum-mul-Zyyy.html -->
 <div>
   <article class="peritum-est">
-    <h2 id="peritum-modum-est-toc">{% _🗣️ Hapi_peritum_modum_est_nomen 🗣️_ %}</h2>
+    <h2 id="testum--peritum-est">{% _🗣️ Hapi_peritum_modum_est_nomen 🗣️_ %}</h2>
     <p>{% _🗣️ 👁️por-Latn👁️ _👂Modo perito habilitado👂_ 👁️por-Latn👁️ 🗣️_ %}</p>
   </article>
 

diff --git a/_layouts/defallo.html b/_layouts/defallo.html
@@ -4,7 +4,7 @@
 {%- include meta-caput.html -%}
 
 <body class="{{ page.html_body_class | join: ' ' }}">
-{{ page }}
+
   {%- include caput.html -%}
 
   <main class="page-content" aria-label="Content">

diff --git a/documentum/mul-Zyyy/index.md b/documentum/mul-Zyyy/index.md
@@ -36,12 +36,12 @@ speciale_html: >
             {% _🗣️ 📝por-Latn📝 L10N_ego_summarius 📝por-Latn📝 🗣️_ %}
           </a>
         </li>
-        <li class="list-group-item">
+        <li class="list-group-item peritum-est--block">
           <a href="/spa-Latn/">
             {% _🗣️ 📝spa-Latn📝 L10N_ego_summarius 📝spa-Latn📝 🗣️_ %}<sup>👩‍🔬<em>alpha</em>👨‍🔬</sup>
           </a>
         </li>
-        <li class="list-group-item">
+        <li class="list-group-item peritum-est--block">
           <a href="/arb-Arab/">
             arb-Arab<sup>👩‍🔬<em>alpha</em>👨‍🔬</sup>
             <!--{% _🗣️ 📝arb-Arab📝 L10N_ego_summarius 📝arb-Arab📝 🗣️_ %}👩‍🔬<em>alpha</em>👨‍🔬-->