j1-template 2022.6.0 → 2022.6.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 88b3dab96c6adc91201e34c0e6d79230f9c483a65ee9659acd871c286ba2a8b8
-  data.tar.gz: 3d9d17b16996e6dd612f40c84314b722a94d344a8b7fb56dc6ef4a501eaf72be
+  metadata.gz: 380a547d5e6a15a8e7976ffc6e243aab1418607f4a35cd996bb7312e7cfd79e8
+  data.tar.gz: 523006d72d3dbfe38a7198c422640fe98de5418fd0d75528d7ebc2bdda0454fe
 SHA512:
-  metadata.gz: 9f7a3c837cdde3a92f09f617e22bb298852a2aa268d4da3b13b7d86b4cb39a112f08e0c20d1dc7cf0b1c2576c0e33852d6ae0da29ebb3935283db68fe104b192
-  data.tar.gz: e7dfee92d4040cf976607f6e08d130818a4a3c8e8a8a07272957598c2d9f76645c6d2871eb8aecff18c64bafe4df90c30c0f2746d3ff550c032079a97cf2f5b7
+  metadata.gz: a31064dccd6c8b534b27cb2c4559108c30d6ddc206fcb8d6db154e0e4edae602de8db74e81b41c22304138de868bb3c97e099528411f1767b2326e72a5abdf89
+  data.tar.gz: c7c5b6d0657e5e939c3e38dae202f11a238229075306f777eb965c369c9692af8d8ce16dd298b86d66cb3223434a6dad67e5bba3a97f8703651fd732924b6556

data/_includes/themes/j1/modules/navigator/generator.html

@@ -23,7 +23,7 @@
 -------------------------------------------------------------------------------- {% endcomment %}
 {% include themes/{{site.template.name}}/procedures/global/setup.proc %}
 {% capture select_color %}themes/{{site.template.name}}/procedures/global/select_color.proc{% endcapture %}
-{% capture topsearch_create %}themes/{{site.template.name}}/modules/navigator/procedures/topsearch.proc{% endcapture %}
+
 
 {% comment %} Not longer used (loaded via AJAX)
 --------------------------------------------------------------------------------
@@ -59,8 +59,6 @@
 {% assign nav_bar_settings            = navigator_settings.nav_bar %}
 {% assign nav_quicklinks_defaults     = navigator_defaults.nav_quicklinks %}
 {% assign nav_quicklinks_settings     = navigator_settings.nav_quicklinks %}
-{% assign nav_topsearch_defaults      = navigator_defaults.nav_topsearch %}
-{% assign nav_topsearch_settings      = navigator_settings.nav_topsearch %}
 
 {% assign nav_authclient_defaults     = authentication_defaults.auth_client %}
 {% assign nav_authclient_settings     = authentication_settings.auth_client %}
@@ -72,7 +70,6 @@
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign nav_bar_options             = nav_bar_defaults | merge: nav_bar_settings %}
 {% assign quicklinks_options          = nav_quicklinks_defaults | merge: nav_quicklinks_settings %}
-{% assign topsearch_options           = nav_topsearch_defaults | merge: nav_topsearch_settings %}
 {% assign authclient_options          = nav_authclient_defaults | merge: nav_authclient_settings %}
 {% assign authentication_options      = authentication_defaults | merge: authentication_settings %}
 {% assign auth_manager_options        = authentication_options.j1_auth %}
@@ -111,15 +108,6 @@
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
 
-{% comment %} Generate search container
--------------------------------------------------------------------------------- {% endcomment %}
-<!-- [INFO   ] [~/_includes/themes/j1/modules/navigator/generator.html ] [ check for topsearch ] -->
-{% if topsearch_options.enabled %}
-  <!-- [INFO   ] [~/_includes/themes/j1/modules/navigator/generator.html ] [ start processing: topsearch ] -->
-  {% include {{topsearch_create}} options=topsearch_options %}
-  <!-- [INFO   ] [~/_includes/themes/j1/modules/navigator/generator.html ] [ end processing: topsearch ] -->
-{% endif %}
-
 {% comment %} Place MMobile NAV menu containers (HTML data loaded via AJAX)
 -------------------------------------------------------------------------------- {% endcomment %}
 <!-- [INFO   ] [~/_includes/themes/j1/modules/navigator/generator.html ] [ start processing: mmenu ] -->

data/_includes/themes/j1/modules/searcher/generator.html

@@ -0,0 +1,61 @@
+{% comment %}
+ # -----------------------------------------------------------------------------
+ #  ~/_includes/themes/j1/modules/searcher/generator.html
+ #  Liquid HTML template to create the HTML portion for the J1 Search Module
+ #
+ #  Product/Info:
+ #  https://jekyll.one
+ #
+ #  Copyright (C) 2022 Juergen Adams
+ #
+ #  J1 Template is licensed under the MIT License.
+ #  See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ #
+ # -----------------------------------------------------------------------------
+ #  Test data:
+ #   liquid_var: {{liquid_var | debug}}
+ #
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
+{% include themes/{{site.template.name}}/procedures/global/setup.proc %}
+{% capture topsearch_create %}themes/{{site.template.name}}/modules/searcher/procedures/topsearch.proc{% endcapture %}
+
+
+{% comment %} Process YML config data
+================================================================================ {% endcomment %}
+
+{% comment %} Set config files
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign template_config         = site.data.j1_config %}
+{% assign blocks                  = site.data.blocks %}
+{% assign modules                 = site.data.modules %}
+
+{% comment %} Set config files
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign lunr_defaults           = site.data.modules.defaults.lunr.defaults %}
+{% assign lunr_settings           = site.data.modules.lunr.settings %}
+
+{% comment %} Set config data
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign topsearch_defaults      = lunr_defaults.topsearch %}
+{% assign topsearch_settings      = lunr_settings.topsearch %}
+
+{% comment %} Set config options
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign topsearch_options       = topsearch_defaults | merge: topsearch_settings %}
+
+
+{% comment %} Main
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Generate Search Modal
+-------------------------------------------------------------------------------- {% endcomment %}
+<!-- [INFO   ] [_includes/themes/j1/modules/searcher/generator.html ] [ check for topsearch ] -->
+{% if topsearch_options.enabled %}
+  <!-- [INFO   ] [~/_includes/themes/j1/modules/searcher/generator.html ] [ start processing: topsearch ] -->
+  {% include {{topsearch_create}} options=topsearch_options %}
+{% endif %}
+<!-- [INFO   ] _includes/themes/j1/modules/searcher/generator.html ] [ end processing: topsearch ] -->

data/_includes/themes/j1/modules/{navigator → searcher}/procedures/topsearch.proc

@@ -1,7 +1,7 @@
 {% comment %}
  # -----------------------------------------------------------------------------
- # ~/_includes/templates/j1/modules/navigator/procedures/topsearch.proc
- # Liquid PROCEDURE template to create search input for the quicklinks bar
+ # ~/_includes/templates/j1/modules/searcher/procedures/topsearch.proc
+ # Liquid PROCEDURE template to create search input for J1 Quicksearch
  #
  # Product/Info:
  # https://jekyll.one
@@ -57,11 +57,11 @@
 {% assign quick_search   = true %}
 {% assign elastic_search = false %}
 
-{% if topsearch_options.type == 'quick_search' %}
+{% if topsearch_options.type == 'quicksearch' %}
   {% assign quick_search   = true %}
 {% endif %}
 
-{% if topsearch_options.type == 'elastic_search' %}
+{% if topsearch_options.type == 'elasticsearch' %}
   {% assign elastic_search = true %}
   {% assign quick_search   = false %}
 {% endif %}
@@ -88,42 +88,63 @@
   {% comment %} lunrSearch engine
   ------------------------------------------------------------------------------ {% endcomment %}
   {% if quick_search %}
-    <!-- [INFO   ] [~/_includes/themes/j1/modules/navigator/procedures/topsearch.proc ] [ start processing: top search ] -->
-    <div id="{{topsearch_id}}" class="top-search ml-4 mr-4" style="display: none;">
-    	<div class="input-group">
-    	  <span class="input-group-addon"><i class="mdi mdi-magnify mdi-2x mb-2" style="color:#9E9E9E"></i></span>
-    	  <input id="search-query" type="text" name="q" placeholder="{{placeholder}}" autocomplete="off" class="form-control">
-    	  <span id="clear-topsearch" class="form-clear form-clear-searcher d-none" style="margin-top: 0.75rem"><i class="mdi mdi-format-clear mdi-2x" style="color:#9E9E9E"></i></span>
-    	  <span class="input-group-addon close-search"><i class="mdi mdi-close mdi-3x" style="color:#9E9E9E"></i></span>
-    	</div>
-
-      <!-- [INFO   ] [~/_includes/themes/j1/modules/navigator/procedures/topsearch.proc ] [ place: results container ] -->
-      <div class="search-results hide-scrollbar">
-        <section id="search-results" style="display: none"></section>
-      </div>
+    <!-- Modal Top Search -->
+    <div id="searchModal"
+      class="modal fade top"
+      tabindex="-1"
+      role="dialog"
+      aria-labelledby="myModalLabel" aria-hidden="true"
+      data-keyboard="false"
+      data-backdrop="static">
+
+      <div class="modal-dialog modal-frame modal-top modal-notify modal-info" role="document">
+
+        <!-- Content -->
+        <div class="modal-content">
+          <!-- Body -->
+          <div class="modal-body">
+            <div id="navigator_nav_topsearch" class="top-search ml-4 mr-4">
+              <span class="bmd-form-group">
+                <div class="input-group">
+                  <span class="input-group-addon"><i class="mdi mdi-magnify mdi-2x mb-2" style="color:#9E9E9E"></i></span>
+                  <input id="search-query" type="text" name="q" placeholder="Your search expression" autocomplete="off" class="form-control">
+                  <span id="clear-topsearch" class="form-clear form-clear-searcher d-none" style="margin-top: 0.75rem"> <i class="mdi mdi-format-clear mdi-2x" style="color:#9E9E9E"></i> </span>
+                </div>
+              </span>
+              <!-- [INFO   ] [~/assets/data/top_search_modal.html                    ] [ place: results container ] -->
+              <div class="search-results hide-scrollbar mt-4">
+                <section id="search-results" style="display: none;"></section>
+              </div>
+            </div>
+          </div>
+        </div>
+        <!-- END Content -->
 
-      <!-- [INFO   ] [~/_includes/themes/j1/modules/navigator/procedures/topsearch.proc ] [ place: mustache template ] -->
-      {% raw %}
-      <script id="search-results-template" type="text/mustache">
-        <ul style="list-style: none; margin-left: .5rem; margin-right: 4.25rem">
-        {{#docs}}
-          <li>
-            <h4 class="result-item"> <a class="link-no-decoration" href="{{url}}" target="_blank">{{title}} · {{tagline}}</a> </h4>
-            <p class="result-item-text small text-muted mt-2 mb-0">
-              <i class="mdi mdi-calendar-blank mdi-18px mr-1"></i>{{displaydate}}
-            </p>
-            <p class="result-item-text">{{description}}</p>
-            <p class="result-item-text small text-muted mb-3">
-              <i class="mdi mdi-tag-text-outline mdi-18px mr-1"></i><span class="sr-categories">{{#categories}} {{.}} · {{/categories}}</span>
-              <i class="mdi mdi-tag mdi-18px mr-1 ml-2"></i><span class="sr-tags">{{#tags}} {{.}} · {{/tags}}</span>
-            </p>
-          </li>
-        {{/docs}}
-        <ul>
-      </script>
-      {% endraw %}
-
-    {% endif %}
+      </div>
     </div>
-    <!-- [INFO   ] [~/_includes/themes/j1/modules/navigator/procedures/topsearch.proc ] [ end processing: top search ] -->
+    <!-- END Modal Top Search -->
+
+    <!-- [INFO   ] [_includes/themes/j1/modules/searcher/procedures/topsearch.proc ] [ place: mustache template ] -->
+    {% raw %}
+    <script id="search-results-template" type="text/mustache">
+      <ul style="list-style: none; margin-left: .5rem; margin-right: 4.25rem">
+      {{#docs}}
+        <li>
+          <h4 class="result-item"> <a class="link-no-decoration" href="{{url}}" target="_blank">{{title}} · {{tagline}}</a> </h4>
+          <p class="result-item-text small text-muted mt-2 mb-0">
+            <i class="mdi mdi-calendar-blank mdi-18px mr-1"></i>{{displaydate}}
+          </p>
+          <p class="result-item-text">{{description}}</p>
+          <p class="result-item-text small text-muted mb-3">
+            <i class="mdi mdi-tag-text-outline mdi-18px mr-1"></i><span class="sr-categories">{{#categories}} {{.}} · {{/categories}}</span>
+            <i class="mdi mdi-tag mdi-18px mr-1 ml-2"></i><span class="sr-tags">{{#tags}} {{.}} · {{/tags}}</span>
+          </p>
+        </li>
+      {{/docs}}
+      <ul>
+    </script>
+    {% endraw %}
+
+  {% endif %}
+  <!-- [INFO   ] [_includes/themes/j1/modules/searcher/procedures/topsearch.proc ] [ end processing: top search ] -->
 {% endif %}

data/assets/data/banner.html

@@ -257,8 +257,8 @@ exclude_from_search:                    true
                 		<img
                 			class="sticker-image"
                 			src="/assets/images/sticker/600x600/sticker-new-version.png"
-                			alt="Get new version 2022.6.0"
-                			title="Get new version 2022.6.0"
+                			alt="Get new version 2022.6.2"
+                			title="Get new version 2022.6.2"
                 			style="width: 140px; height: 120px;"
                 		>
                   </a>

data/assets/data/top_search_modal.0.html

@@ -0,0 +1,142 @@
+---
+regenerate:                             true
+exclude_from_search:                    true
+---
+
+{% capture cache %}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/assets/data/translator.html
+ # Liquid PROCEDURE to generate the HTML (data) portion of all modals used
+ # by the J1 Translator module
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2022 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #   liquid_var: {{ liquid_var | debug }}
+ #   config: {{ config | debug }}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Set global settings
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign environment     = site.environment %}
+
+{% comment %} Set config files
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign modules         = site.data.modules %}
+
+{% comment %} Process YML config data
+================================================================================ {% endcomment %}
+
+{% comment %} Set config files
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign translate_defaults = modules.defaults.translator.defaults %}
+{% assign translate_settings = modules.translator.settings %}
+
+{% comment %} Set config options
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign translate_options  = translate_defaults | merge: translate_settings %}
+
+{% comment %} Detect prod mode
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
+
+{% comment %} Main
+================================================================================ {% endcomment %}
+<!-- [INFO   ] [~/assets/data/translator.html                ] [ set meta data (robots) to exclude HTML datafiles from index ] -->
+<head>
+  <meta name="robots" content="noindex, nofollow" />
+</head>
+
+{% comment %} i18n: translations
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Modal Top Search dialog (default: en-EN)
+-------------------------------------------------------------------------------- {% endcomment %}
+<div id="searchModal-en">
+
+  <!-- Modal Top Search -->
+  <div id="searchModal"
+    class="modal fade top"
+    tabindex="-1"
+    role="dialog"
+    aria-labelledby="myModalLabel" aria-hidden="true"
+    data-keyboard="false"
+    data-backdrop="static">
+
+    <div class="modal-dialog modal-frame modal-top modal-notify modal-info" role="document">
+
+      <!-- Content -->
+      <div class="modal-content">
+        <!-- Body -->
+        <div class="modal-body">
+          <div id="navigator_nav_topsearch" class="top-search ml-4 mr-4">
+            <span class="bmd-form-group">
+              <div class="input-group">
+                <span class="input-group-addon"><i class="mdi mdi-magnify mdi-2x mb-2" style="color:#9E9E9E"></i></span>
+                <input id="search-query" type="text" name="q" placeholder="Your search expression" autocomplete="off" class="form-control">
+                <span id="clear-topsearch" class="form-clear form-clear-searcher d-none" style="margin-top: 0.75rem"> <i class="mdi mdi-format-clear mdi-2x" style="color:#9E9E9E"></i> </span>
+              </div>
+            </span>
+            <!-- [INFO   ] [~/assets/data/top_search_modal.html                    ] [ place: results container ] -->
+            <div class="search-results hide-scrollbar mt-4">
+              <section id="search-results" style="display: none;"></section>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- END Content -->
+
+    </div>
+  </div>
+  <!-- END Modal Top Search -->
+
+  {% raw %}
+  <!-- [INFO   ] [~/assets/data/top_search_modal.html                    ] [ place: JS Mustache template ] -->
+  <script id="search-results-template" type="text/mustache">
+    <ul style="list-style: none; margin-left: .5rem; margin-right: 4.25rem">
+    {{#docs}}
+      <li>
+        <h4 class="result-item"> <a class="link-no-decoration" href="{{url}}" target="_blank">{{title}} · {{tagline}}</a> </h4>
+        <p class="result-item-text small text-muted mt-2 mb-0">
+          <i class="mdi mdi-calendar-blank mdi-18px mr-1"></i>{{displaydate}}
+        </p>
+        <p class="result-item-text">{{description}}</p>
+        <p class="result-item-text small text-muted mb-3">
+          <i class="mdi mdi-tag-text-outline mdi-18px mr-1"></i><span class="sr-categories">{{#categories}} {{.}} · {{/categories}}</span>
+          <i class="mdi mdi-tag mdi-18px mr-1 ml-2"></i><span class="sr-tags">{{#tags}} {{.}} · {{/tags}}</span>
+        </p>
+      </li>
+    {{/docs}}
+    <ul>
+  </script>
+  {% endraw %}
+
+</div>
+
+{% comment %} END Modal Google Translator dialog (en-EN)
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% endcapture %}
+
+{% if production %}
+  {% capture _LINE_FEED %}{% endcapture %}{% if site.compress_html.ignore.envs contains jekyll.environment %}{{ cache | strip_html_comments }}{% else %}{% capture _content %}{{ cache | strip_html_comments }}{% endcapture %}{% assign _profile = site.compress_html.profile %}{% if site.compress_html.endings == "all" %}{% assign _endings = "html head body li dt dd p rt rp optgroup option colgroup caption thead tbody tfoot tr td th" | split: " " %}{% else %}{% assign _endings = site.compress_html.endings %}{% endif %}{% for _element in _endings %}{% capture _end %}</{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _end %}{% endfor %}{% if _profile and _endings %}{% assign _profile_endings = _content | size | plus: 1 %}{% endif %}{% for _element in site.compress_html.startings %}{% capture _start %}<{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _start %}{% endfor %}{% if _profile and site.compress_html.startings %}{% assign _profile_startings = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.comments == "all" %}{% assign _comments = "<!-- -->" | split: " " %}{% else %}{% assign _comments = site.compress_html.comments %}{% endif %}{% if _comments.size == 2 %}{% capture _comment_befores %}.{{ _content }}{% endcapture %}{% assign _comment_befores = _comment_befores | split: _comments.first %}{% for _comment_before in _comment_befores %}{% if forloop.first %}{% continue %}{% endif %}{% capture _comment_outside %}{% if _carry %}{{ _comments.first }}{% endif %}{{ _comment_before }}{% endcapture %}{% capture _comment %}{% unless _carry %}{{ _comments.first }}{% endunless %}{{ _comment_outside | split: _comments.last | first }}{% if _comment_outside contains _comments.last %}{{ _comments.last }}{% assign _carry = false %}{% else %}{% assign _carry = true %}{% endif %}{% endcapture %}{% assign _content = _content | remove_first: _comment %}{% endfor %}{% if _profile %}{% assign _profile_comments = _content | size | plus: 1 %}{% endif %}{% endif %}{% assign _pre_befores = _content | split: "<pre" %}{% assign _content = "" %}{% for _pre_before in _pre_befores %}{% assign _pres = _pre_before | split: "</pre>" %}{% assign _pres_after = "" %}{% if _pres.size != 0 %}{% if site.compress_html.blanklines %}{% assign _lines = _pres.last | split: _LINE_FEED %}{% capture _pres_after %}{% for _line in _lines %}{% assign _trimmed = _line | split: " " | join: " " %}{% if _trimmed != empty or forloop.last %}{% unless forloop.first %}{{ _LINE_FEED }}{% endunless %}{{ _line }}{% endif %}{% endfor %}{% endcapture %}{% else %}{% assign _pres_after = _pres.last | split: " " | join: " " %}{% endif %}{% endif %}{% capture _content %}{{ _content }}{% if _pre_before contains "</pre>" %}<pre{{ _pres.first }}</pre>{% endif %}{% unless _pre_before contains "</pre>" and _pres.size == 1 %}{{ _pres_after }}{% endunless %}{% endcapture %}{% endfor %}{% if _profile %}{% assign _profile_collapse = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.clippings == "all" %}{% assign _clippings = "html head title base link meta style body article section nav aside h1 h2 h3 h4 h5 h6 hgroup header footer address p hr blockquote ol ul li dl dt dd figure figcaption main div table caption colgroup col tbody thead tfoot tr td th" | split: " " %}{% else %}{% assign _clippings = site.compress_html.clippings %}{% endif %}{% for _element in _clippings %}{% assign _edges = " <e;<e; </e>;</e>;</e> ;</e>" | replace: "e", _element | split: ";" %}{% assign _content = _content | replace: _edges[0], _edges[1] | replace: _edges[2], _edges[3] | replace: _edges[4], _edges[5] %}{% endfor %}{% if _profile and _clippings %}{% assign _profile_clippings = _content | size | plus: 1 %}{% endif %}{{ _content }}{% if _profile %} <table id="compress_html_profile_{{ site.time | date: "%Y%m%d" }}" class="compress_html_profile"> <thead> <tr> <td>Step <td>Bytes <tbody> <tr> <td>raw <td>{{ cache | strip_html_comments | size }}{% if _profile_endings %} <tr> <td>endings <td>{{ _profile_endings }}{% endif %}{% if _profile_startings %} <tr> <td>startings <td>{{ _profile_startings }}{% endif %}{% if _profile_comments %} <tr> <td>comments <td>{{ _profile_comments }}{% endif %}{% if _profile_collapse %} <tr> <td>collapse <td>{{ _profile_collapse }}{% endif %}{% if _profile_clippings %} <tr> <td>clippings <td>{{ _profile_clippings }}{% endif %} </table>{% endif %}{% endif %}
+{% else %}
+  {{ cache | pretty_print | remove:'<html><body>' | remove:'</body></html>' | strip_empty_lines }}
+{% endif %}
+{% assign cache = nil %}

data/assets/data/top_search_modal.html

@@ -0,0 +1,121 @@
+---
+regenerate:                             true
+exclude_from_search:                    true
+---
+
+{% capture cache %}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/assets/data/translator.html
+ # Liquid PROCEDURE to generate the HTML (data) portion of all modals used
+ # by the J1 Translator module
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2022 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #   liquid_var: {{ liquid_var | debug }}
+ #   config: {{ config | debug }}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Set global settings
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign environment     = site.environment %}
+
+{% comment %} Set config files
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign modules         = site.data.modules %}
+
+{% comment %} Process YML config data
+================================================================================ {% endcomment %}
+
+{% comment %} Set config files
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign translate_defaults = modules.defaults.translator.defaults %}
+{% assign translate_settings = modules.translator.settings %}
+
+{% comment %} Set config options
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign translate_options  = translate_defaults | merge: translate_settings %}
+
+{% comment %} Detect prod mode
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
+
+{% comment %} Main
+================================================================================ {% endcomment %}
+<!-- [INFO   ] [~/assets/data/translator.html                ] [ set meta data (robots) to exclude HTML datafiles from index ] -->
+<head>
+  <meta name="robots" content="noindex, nofollow" />
+</head>
+
+{% comment %} i18n: translations
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Modal Top Search dialog (default: en-EN)
+-------------------------------------------------------------------------------- {% endcomment %}
+<div id="searchModal-en">
+
+  <!-- Modal Top Search -->
+  <div id="searchModal"
+    class="modal fade top"
+    tabindex="-1"
+    role="dialog"
+    aria-labelledby="myModalLabel" aria-hidden="true"
+    data-keyboard="false"
+    data-backdrop="static">
+
+    <div class="modal-dialog modal-frame modal-top modal-notify modal-info" role="document">
+
+      <!-- Content -->
+      <div class="modal-content">
+        <!-- Body -->
+        <div class="modal-body">
+          <div id="navigator_nav_topsearch" class="top-search ml-4 mr-4">
+            <span class="bmd-form-group">
+              <div class="input-group">
+                <span class="input-group-addon"><i class="mdi mdi-magnify mdi-2x mb-2" style="color:#9E9E9E"></i></span>
+                <input id="search-query" type="text" name="q" placeholder="Your search expression" autocomplete="off" class="form-control">
+                <span id="clear-topsearch" class="form-clear form-clear-searcher d-none" style="margin-top: 0.75rem"> <i class="mdi mdi-format-clear mdi-2x" style="color:#9E9E9E"></i> </span>
+              </div>
+            </span>
+            <!-- [INFO   ] [~/assets/data/top_search_modal.html                    ] [ place: results container ] -->
+            <div class="search-results hide-scrollbar mt-4">
+              <section id="search-results" style="display: none;"></section>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- END Content -->
+
+    </div>
+  </div>
+  <!-- END Modal Top Search -->
+
+</div>
+
+{% comment %} END Modal Google Translator dialog (en-EN)
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% endcapture %}
+
+{% if production %}
+  {% capture _LINE_FEED %}{% endcapture %}{% if site.compress_html.ignore.envs contains jekyll.environment %}{{ cache | strip_html_comments }}{% else %}{% capture _content %}{{ cache | strip_html_comments }}{% endcapture %}{% assign _profile = site.compress_html.profile %}{% if site.compress_html.endings == "all" %}{% assign _endings = "html head body li dt dd p rt rp optgroup option colgroup caption thead tbody tfoot tr td th" | split: " " %}{% else %}{% assign _endings = site.compress_html.endings %}{% endif %}{% for _element in _endings %}{% capture _end %}</{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _end %}{% endfor %}{% if _profile and _endings %}{% assign _profile_endings = _content | size | plus: 1 %}{% endif %}{% for _element in site.compress_html.startings %}{% capture _start %}<{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _start %}{% endfor %}{% if _profile and site.compress_html.startings %}{% assign _profile_startings = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.comments == "all" %}{% assign _comments = "<!-- -->" | split: " " %}{% else %}{% assign _comments = site.compress_html.comments %}{% endif %}{% if _comments.size == 2 %}{% capture _comment_befores %}.{{ _content }}{% endcapture %}{% assign _comment_befores = _comment_befores | split: _comments.first %}{% for _comment_before in _comment_befores %}{% if forloop.first %}{% continue %}{% endif %}{% capture _comment_outside %}{% if _carry %}{{ _comments.first }}{% endif %}{{ _comment_before }}{% endcapture %}{% capture _comment %}{% unless _carry %}{{ _comments.first }}{% endunless %}{{ _comment_outside | split: _comments.last | first }}{% if _comment_outside contains _comments.last %}{{ _comments.last }}{% assign _carry = false %}{% else %}{% assign _carry = true %}{% endif %}{% endcapture %}{% assign _content = _content | remove_first: _comment %}{% endfor %}{% if _profile %}{% assign _profile_comments = _content | size | plus: 1 %}{% endif %}{% endif %}{% assign _pre_befores = _content | split: "<pre" %}{% assign _content = "" %}{% for _pre_before in _pre_befores %}{% assign _pres = _pre_before | split: "</pre>" %}{% assign _pres_after = "" %}{% if _pres.size != 0 %}{% if site.compress_html.blanklines %}{% assign _lines = _pres.last | split: _LINE_FEED %}{% capture _pres_after %}{% for _line in _lines %}{% assign _trimmed = _line | split: " " | join: " " %}{% if _trimmed != empty or forloop.last %}{% unless forloop.first %}{{ _LINE_FEED }}{% endunless %}{{ _line }}{% endif %}{% endfor %}{% endcapture %}{% else %}{% assign _pres_after = _pres.last | split: " " | join: " " %}{% endif %}{% endif %}{% capture _content %}{{ _content }}{% if _pre_before contains "</pre>" %}<pre{{ _pres.first }}</pre>{% endif %}{% unless _pre_before contains "</pre>" and _pres.size == 1 %}{{ _pres_after }}{% endunless %}{% endcapture %}{% endfor %}{% if _profile %}{% assign _profile_collapse = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.clippings == "all" %}{% assign _clippings = "html head title base link meta style body article section nav aside h1 h2 h3 h4 h5 h6 hgroup header footer address p hr blockquote ol ul li dl dt dd figure figcaption main div table caption colgroup col tbody thead tfoot tr td th" | split: " " %}{% else %}{% assign _clippings = site.compress_html.clippings %}{% endif %}{% for _element in _clippings %}{% assign _edges = " <e;<e; </e>;</e>;</e> ;</e>" | replace: "e", _element | split: ";" %}{% assign _content = _content | replace: _edges[0], _edges[1] | replace: _edges[2], _edges[3] | replace: _edges[4], _edges[5] %}{% endfor %}{% if _profile and _clippings %}{% assign _profile_clippings = _content | size | plus: 1 %}{% endif %}{{ _content }}{% if _profile %} <table id="compress_html_profile_{{ site.time | date: "%Y%m%d" }}" class="compress_html_profile"> <thead> <tr> <td>Step <td>Bytes <tbody> <tr> <td>raw <td>{{ cache | strip_html_comments | size }}{% if _profile_endings %} <tr> <td>endings <td>{{ _profile_endings }}{% endif %}{% if _profile_startings %} <tr> <td>startings <td>{{ _profile_startings }}{% endif %}{% if _profile_comments %} <tr> <td>comments <td>{{ _profile_comments }}{% endif %}{% if _profile_collapse %} <tr> <td>collapse <td>{{ _profile_collapse }}{% endif %}{% if _profile_clippings %} <tr> <td>clippings <td>{{ _profile_clippings }}{% endif %} </table>{% endif %}{% endif %}
+{% else %}
+  {{ cache | pretty_print | remove:'<html><body>' | remove:'</body></html>' | strip_empty_lines }}
+{% endif %}
+{% assign cache = nil %}

data/assets/themes/j1/adapter/js/lunr.js

@@ -84,6 +84,7 @@ j1.adapter.lunr = (function (j1, window) {
   var _this;
   var logger;
   var logText;
+  var modalBody;
 
   // ---------------------------------------------------------------------------
   // Helper functions
@@ -120,7 +121,7 @@ j1.adapter.lunr = (function (j1, window) {
       searchOptions = $.extend({}, {{lunr_search_options | replace: '=>', ':' | replace: 'nil', '""'}});
 
       // -----------------------------------------------------------------------
-      // lunr_search initializer
+      // lunr initializer
       // -----------------------------------------------------------------------
       var dependencies_met_j1_finished = setInterval(function() {
         if (j1.getState() == 'finished') {
@@ -150,6 +151,38 @@ j1.adapter.lunr = (function (j1, window) {
 
     }, // END init
 
+    // -------------------------------------------------------------------------
+    // loadDialog (modal)
+    // -------------------------------------------------------------------------
+    loadDialog: function () {
+
+      logger.info('\n' + 'create|append search modal, id: ' + 'bratze');
+
+      _this.modal = document.createElement('div');
+      _this.modal.id = "topInfoModalContainer";
+      document.body.append(_this.modal);
+
+      {% raw %}
+      _this.modalScript       = document.createElement('script');
+      _this.modalScript.type  = 'text/mustache';
+      _this.modalScript.id    = 'search-results-template';
+      _this.modalScript.text  = '<ul style="list-style: none; margin-left: .5rem; margin-right: 4.25rem">' + '\n';
+      _this.modalScript.text += '{{#docs}}' + '\n';
+      _this.modalScript.text += '  <li>' + '\n';
+      _this.modalScript.text += '    <h4 class="result-item"> <a class="link-no-decoration" href="{{url}}" target="_blank">{{title}} · {{tagline}}</a> </h4>' + '\n';
+      _this.modalScript.text += '    <p class="result-item-text small text-muted mt-2 mb-0"> <i class="mdi mdi-calendar-blank mdi-18px mr-1"></i>{{displaydate}} </p>' + '\n';
+      _this.modalScript.text += '    <p class="result-item-text">{{description}}</p>' + '\n';
+      _this.modalScript.text += '      <i class="mdi mdi-tag-text-outline mdi-18px mr-1"></i><span class="sr-categories">{{#categories}} {{.}} · {{/categories}}</span>' + '\n';
+      _this.modalScript.text += '      <i class="mdi mdi-tag mdi-18px mr-1 ml-2"></i><span class="sr-tags">{{#tags}} {{.}} · {{/tags}}</span>' + '\n';
+      _this.modalScript.text += '    </p>' + '\n';
+      _this.modalScript.text += '  </li>' + '\n';
+      _this.modalScript.text += '{{/docs}}' + '\n';
+      _this.modalScript.text += '<ul>' + '\n';
+      {% endraw %}
+      document.body.append(_this.modalScript);
+
+    }, // END loadDialog
+
     // -------------------------------------------------------------------------
     // event handler
     // -------------------------------------------------------------------------