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

…nho de interação javascript para habilitar/desabilitar modo debug
HXL-CPLP · Jun 12, 2021 · b6e52c1 · b6e52c1
1 parent 2b7a157
commit b6e52c1
Show file tree

Hide file tree

Showing 2 changed files with 100 additions and 1 deletion.
diff --git a/_assets/js/hapi-globum.mjs b/_assets/js/hapi-globum.mjs
@@ -4,5 +4,99 @@
  * @DĒSCRĪPTIŌNEM  _[por] Arquivo JavaScript carregado em todo site ao final
  *                        de cada página.
  *                 [por]_
+ *
+ *                 Trivia:
+ *                   - 'Hapi'
+ *                     - hapi.etica.ai
+ *                   - 'datum'
+ *                     - https://en.wiktionary.org/wiki/datum#Latin
+ *                   - 'programmi'
+ *                     - https://en.wiktionary.org/wiki/programmare#Italian
+ *                   - 'computandum'
+ *                     - https://en.wiktionary.org/wiki/computo#Latin
+ *                   - 'inter + faciem'
+ *                     - https://en.wiktionary.org/wiki/inter-#Latin
+ *                     - https://en.wiktionary.org/wiki/facies#Latin
+ *                   - 'memoriam'
+ *                     - https://en.wiktionary.org/wiki/memoria#Latin
+ *                   - 'legendum'
+ *                     - https://en.wiktionary.org/wiki/scribo
+ *                   - 'scrībendum'
+ *                     - https://en.wiktionary.org/wiki/scribo
  */
-console.log('hapi-globum.mjs')
+console.log('hapi-globum.mjs');
+
+/**
+ * Hapi Datum Memoriam Legendum, computandum programmi
+ *
+ * @see https://developer.mozilla.org/pt-BR/docs/Web/API/Window/sessionStorage
+ *
+ * @param {String} clavem Clāvem
+ */
+function HapiDatumMemoriamLegendum (clavem) {
+  return sessionStorage.getItem(clavem)
+}
+
+/**
+ * Hapi Datum Memoriam Scrībendum, computandum programmi
+ *
+ * @see https://developer.mozilla.org/pt-BR/docs/Web/API/Window/sessionStorage
+ *
+ * @param {String} clavem Clāvem
+ * @param {String} datum Datum
+ */
+function HapiDatumMemoriamScribendum (clavem, datum) {
+  if (datum) {
+    sessionStorage.setItem(clavem, datum)
+  } else {
+    sessionStorage.removeItem(clavem)
+  }
+}
+
+/**
+ * Hapi Datum Interfaciem Scrībendum, computandum programmi
+ *
+ * @see https://developer.mozilla.org/pt-BR/docs/Web/API/Window/sessionStorage
+ *
+ * @param {String} clavem Clāvem
+ * @param {String} datum Datum
+ */
+function HapiDatumInterfaciemScribendum (clavem, datum) {
+  if (datum) {
+    document.body.classList.add(clavem)
+  } else {
+    document.body.classList.remove(clavem)
+  }
+}
+
+function testum () {
+  console.log(this);
+  let txt = null
+
+  // TODO: https://stackoverflow.com/questions/11599666/get-the-value-of-checked-checkbox
+  if (confirm("? 🚧 🔎🐛🔍 🚧 ?")) {
+    txt = "You pressed OK!";
+    HapiDatumMemoriamScribendum('peritum-modum-est', 1)
+    HapiDatumInterfaciemScribendum('peritum-modum-est')
+  } else {
+    txt = "You pressed Cancel!";
+    HapiDatumMemoriamScribendum('peritum-modum-est', null)
+    HapiDatumInterfaciemScribendum('peritum-modum-est', null)
+  }
+  console.log(txt)
+}
+function load () {
+  if (HapiDatumMemoriamLegendum('peritum-modum-est')) {
+
+  }
+  console.log('loaded!');
+}
+
+// document.addEventListener("DOMContentLoaded", load, false)
+
+if (document.getElementById('peritum-modum-est')) {
+  document.addEventListener("DOMContentLoaded", load, false)
+  document.getElementById('peritum-modum-est').addEventListener('click', testum)
+}
+// jQuery("#peritum-modum-checkbox").on('click')
+// addEventListener('click', callback)
diff --git a/_includes/peritum-modum/instrumentum-balteum.html b/_includes/peritum-modum/instrumentum-balteum.html
@@ -1,6 +1,11 @@
 <!-- _includes/peritum-modum/instrumentum-balteum.html -->
 <aside class="container">
   <hr>
+  <div class="form-check form-switch">
+    <input class="form-check-input" type="checkbox" id="peritum-modum-est">
+    <label class="form-check-label" for="peritu-modum-est">Peritum modum est?</label>
+  </div>
+
   <h2 style="font-size: 1em;">Peritum modum</h2>
   <nav class="navbar navbar-expand-lg navbar-light bg-light">
     <a class="navbar-brand" href="#"><h3 style="font-size: 0.8em;">Instrumentum balteum</h3></a>