j1_template_mde 2018.4.10

data/_includes/themes/j1/modules/navigator/procedures/quicklinks.proc

@@ -0,0 +1,97 @@
+{% comment %}
+ # -----------------------------------------------------------------------------
+ #  ~/_includes/templates/j1/modules/navigator/procedures/quicklinks.html
+ #  Liquid PROCEDURE template to create the quickLink bar
+ #
+ #  Product/Info:
+ #  https://jekyll-one.com
+ #
+ #  Copyright (C) 2019 Juergen Adams
+ #
+ #  J1 Template is licensed under the MIT License.
+ #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
+ #
+ # -----------------------------------------------------------------------------
+ #  Test data:
+ #   liquid_var: {{ liquid_var | debug }}
+ #
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedure values
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign quicklinks_options     = include.options %}
+
+{% comment %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
+{% capture select_color     %}themes/{{site.template.name}}/procedures/global/select_color.proc{% endcapture %}
+{% capture select_icon_size %}themes/{{site.template.name}}/procedures/global/select_icon_size.proc{% endcapture %}
+
+
+{% comment %} Liquid var initialization
+-------------------------------------------------------------------------------- {% endcomment %}
+
+  {% comment %} Set intial settings
+  ------------------------------------------------------------------------------ {% endcomment %}
+  {% assign top_search_enabled  = false %}
+  {% assign sidebar_enabled     = false %}
+  {% assign signin_modal_id     = "modalOmniSignIn" %}
+
+  {% comment %} Set quicklinks properties
+  ------------------------------------------------------------------------------ {% endcomment %}
+  {% assign icon_family         = quicklinks_options.icon_family | downcase %}
+
+  {% assign search_icon         = quicklinks_options.top_search_icon %}
+  {% assign sidebar_icon        = quicklinks_options.sidebar_icon %}
+
+  {% assign signin_icon         = quicklinks_options.signin_icon %}
+  {% assign signout_icon        = quicklinks_options.signout_icon %}
+  {% assign facebook_icon       = quicklinks_options.facebook_icon %}
+  {% assign github_icon         = quicklinks_options.github_icon %}
+  {% assign google_plus_icon    = quicklinks_options.google_plus_icon %}
+  {% assign twitter_icon        = quicklinks_options.twitter_icon %}
+  
+  {% assign facebook_url        = quicklinks_options.facebook_url %}
+  {% assign github_url          = quicklinks_options.github_url %}
+  {% assign google_plus_url     = quicklinks_options.google_plus_url %}
+  {% assign twitter_url         = quicklinks_options.twitter_url %}
+
+  {% assign signin              = quicklinks_options.signin %}
+
+  {% if quicklinks_options.top_search_icon %} {% assign top_search_enabled = true %} {% endif %}
+  {% if quicklinks_options.sidebar_icon %} {% assign sidebar_enabled = true %} {% endif %}
+
+  {% if quicklinks_options.icon_family == 'FontAwesome' or quicklinks_options.icon_family == 'FontAwesome4' or quicklinks_options.icon_family == 'FontAwesome5' %}
+    {% assign icon_family = 'fa' %}
+  {% elsif quicklinks_options.icon_family == 'MDI' or quicklinks_options.icon_family == 'Material Design Icons'%}
+    {% assign icon_family = 'mdi' %}
+  {% else %}
+    {% assign icon_family = 'mdi' %}
+  {% endif %}
+ 
+  {% comment %} Icon color set dynamically by adapter
+  ------------------------------------------------------------------------------
+  {% include {{select_color}} color=quicklinks_options.icon_color fallback="#9E9E9E" %}
+  {% assign my_icon_color = {{color}} %}
+  {% capture icon_color %}style="color:{{my_icon_color}}"{% endcapture %}
+  {% endcomment %}
+
+  {% include {{select_icon_size}} family=quicklinks_options.icon_family size=quicklinks_options.icon_size %}
+  {% assign icon_size = {{size}} %}
+
+
+  {% comment %} Main
+  -------------------------------------------------------------------------------- {% endcomment %}
+  <!-- [INFO   ] [j1.modules.navigator.quicklinks.proc] [start processing: quick links] -->
+  <div id="mod_quicklinks" class="attr-nav collapse navbar-collapse justify-content-end">
+    <ul class="navbar-nav">
+      {% if facebook_url != "none" %}<li nav-item><a class="nav-link" href="{{facebook_url}}"><i class="{{icon_family}} {{icon_family}}-{{facebook_icon}} {{icon_size}}"></i></a></li>{% endif %}
+      {% if github_url != "none" %}<li nav-item><a class="nav-link" href="{{github_url}}"><i class="{{icon_family}} {{icon_family}}-{{github_icon}} {{icon_size}}"></i></a></li>{% endif %}
+      {% if google_plus_url != "none" %}<li nav-item><a class="nav-link" href="{{google_plus_url}}"><i class="{{icon_family}} {{icon_family}}-{{google_plus_icon}} {{icon_size}}"></i></a></li>{% endif %}
+      {% if twitter_url != "none" %}<li nav-item><a class="nav-link" href="{{twitter_url}}"><i class="{{icon_family}} {{icon_family}}-{{twitter_icon}} {{icon_size}}"></i></a></li>{% endif %}
+      {% if signin %}<li class="nav-item" id="quickLinksSignInOutButton"><a class="nav-link" id="navLinkSignInOut" href="#" data-toggle="modal" data-target="#{{signin_modal_id}}"><i id="iconSignInOut" class="{{icon_family}} {{icon_family}}-{{signin_icon}} {{icon_size}}"></i></a></li>{% endif %}
+      {% if top_search_enabled %}<li class="nav-item search"><a class="nav-link" href="#"><i class="{{icon_family}} {{icon_family}}-{{search_icon}} {{icon_size}}"></i></a></li>{% endif %}
+      {% if sidebar_enabled %}<li class="nav-item side-menu"><a class="nav-link" href="#"><i class="{{icon_family}} {{icon_family}}-{{sidebar_icon}} {{icon_size}}"></i></a></li>{% endif %}
+    </ul>
+  </div>
+  <!-- [INFO   ] [j1.modules.navigator.quicklinks.proc] [end processing: quick links] -->

data/_includes/themes/j1/modules/navigator/procedures/sidebar.proc

@@ -0,0 +1,117 @@
+{% comment %}
+ # -----------------------------------------------------------------------------
+ #  ~/_includes/templates/j1/modules/navigator/procedures/sidebar.proc
+ #  Liquid PROCEDURE template to create the side menu for the quicklink bar
+ #
+ #  Product/Info:
+ #  https://jekyll-one.com
+ #
+ #  Copyright (C) 2019 Juergen Adams
+ #
+ #  J1 Template is licensed under the MIT License.
+ #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
+ #
+ # -----------------------------------------------------------------------------
+ #  Test data:
+ #   liquid_var: {{ liquid_var | debug }}
+ #
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedure parameter|s
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign sidebar_options = include.options %}
+
+
+{% comment %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
+{% capture select_color     %}themes/{{site.template.name}}/procedures/global/select_color.proc{% endcapture %}
+{% capture select_icon_size %}themes/{{site.template.name}}/procedures/global/select_icon_size.proc{% endcapture %}
+
+
+{% comment %} Liquid var initialization
+-------------------------------------------------------------------------------- {% endcomment %}
+
+  {% comment %} Set config files
+  ------------------------------------------------------------------------------ {% endcomment %}
+  {% assign theme_switcher  = site.data.modules.j1_theme_switcher %}
+ 
+
+  {% comment %} Set sidebar properties
+  ------------------------------------------------------------------------------ {% endcomment %}
+  {% assign display_theme   = sidebar_options.display_theme %}
+  {% assign close_icon      = sidebar_options.close_icon %}
+
+  {% if sidebar_options.icon_family == 'FontAwesome' or sidebar_options.icon_family == 'FontAwesome4' or sidebar_options.icon_family == 'FontAwesome5' %}
+    {% assign icon_family = 'fa' %}
+  {% elsif sidebar_options.icon_family == 'MDI' or sidebar_options.icon_family == 'Material Design Icons'%}
+    {% assign icon_family = 'mdi' %}
+  {% else %}
+    {% assign icon_family = 'mdi' %}
+  {% endif %}
+
+  {% include {{select_color}} color=sidebar_options.icon_color fallback="#9E9E9E" %}
+  {% capture icon_color %}style="color: {{color}}"{% endcapture %}
+
+  {% include {{select_icon_size}} family=icon_family size=sidebar_options.icon_size %}
+  {% assign icon_size = size %}
+
+
+{% comment %} Main 
+-------------------------------------------------------------------------------- {% endcomment %}
+
+<!-- [INFO   ] [j1.modules.navigator.sidebar.proc   ] [start processing: sidebar] -->
+<div id="mod_sidebar" class="side">
+  <a href="#" class="close-side"><i class="{{icon_family}} {{icon_family}}-{{close_icon}} {{icon_size}}" {{icon_color}}></i></a>
+
+  {% if display_theme %}
+    <div class="widget">
+      <h4 class="heading">Theme Info</h4>
+      <ul id="display_theme_details" class="link">
+        <li><a href="#" >Author: Jekyll-One</a></li>
+        <li><a href="http://getbootstrap.com/" target="blank">Version: 4-beta2</a></li>
+      </ul>
+    </div>
+
+    <!-- [INFO   ] [j1.modules.navigator.sidebar.proc   ] [start processing: theme manager] -->
+    {% if theme_switcher.enabled %}
+      <!-- [INFO   ] [j1.modules.navigator.sidebar.proc   ] [theme manager detected: add add bootstrap theme from cookie] -->
+      <script>
+        // [INFO   ] [j1.modules.navigator.sidebar.proc   ] [no theme manager: load previously selected theme from cookie]
+        var themeName     = Cookies.get('{{theme_switcher.cookieThemeName}}');
+        var themeNameItem = '<li><a href="{{theme_switcher.previewPage}}">Theme: <i id="theme_name">' + themeName + '</i></a></li>';
+        $("#display_theme_details").prepend(themeNameItem);
+      </script>
+    {% else %}
+      <script>
+        // [INFO   ] [j1.modules.navigator.sidebar.proc   ] [no theme manager: add bootstrap theme statically]
+        var themeNameItem = '<li><a href="{{theme_switcher.previewPage}}">Theme: <i id="theme_name">Default</i></a></li>';
+        $("#display_theme_details").prepend(themeNameItem);
+      </script>
+    {% endif %}
+    <!-- [INFO   ] [j1.modules.navigator.sidebar.proc   ] [end processing: theme manager] -->
+  {% endif %}
+
+  <!-- [INFO   ] [j1.modules.navigator.sidebar.proc   ] [start processing: sidebar boxes] -->
+  {% for boxes in navigator_config.nav_sidebar.boxes %}
+    {% for box in boxes %}
+      {% if box[0] == 'box' %}
+        <div class="widget">
+          <h4 class="heading">{{box[1].title}}</h4>
+          {% assign type = box[1].type %}
+          {% if type == 'linkbox' %}
+            {% assign links = box[1].links %}
+            {% for link in links %}
+              <ul class="link">
+                <li><a href="{{ link[1] }}">{{ link[0] }}</a></li>
+              </ul>
+            {% endfor %}
+          {% endif %}
+        </div>
+      {% endif %}
+    {% endfor %}
+  {% endfor %}
+  <!-- [INFO   ] [j1.modules.navigator.sidebar.proc   ] [end processing: sidebar boxes] -->
+
+</div>
+<!-- [INFO   ] [j1.modules.navigator.sidebar.proc   ] [end processing: sidebar] -->

data/_includes/themes/j1/modules/navigator/procedures/topsearch.proc

@@ -0,0 +1,115 @@
+{% comment %}
+ # -----------------------------------------------------------------------------
+ #  ~/_includes/templates/j1/modules/navigator/procedures/topsearch.proc
+ #  Liquid PROCEDURE template to create search input for the quicklink bar
+ #
+ #  Product/Info:
+ #  https://jekyll-one.com
+ #
+ #  Copyright (C) 2019 Juergen Adams
+ #
+ #  J1 Template is licensed under the MIT License.
+ #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
+ #
+ # -----------------------------------------------------------------------------
+ #  Test data:
+ #   liquid_var: {{ liquid_var | debug }}
+ #   topsearch_options: {{ topsearch_options | debug }}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedure parameter|s
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign topsearch_options = include.options %}
+
+
+{% comment %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
+{% capture select_color     %}themes/{{site.template.name}}/procedures/global/select_color.proc{% endcapture %}
+{% capture select_icon_size %}themes/{{site.template.name}}/procedures/global/select_icon_size.proc{% endcapture %}
+ 
+
+{% comment %} Liquid var initialization
+-------------------------------------------------------------------------------- {% endcomment %}
+  {% comment %} Set config files
+  ------------------------------------------------------------------------------ {% endcomment %}
+  {% assign quick_search_config   = site.data.modules.j1_jekyll_search %}
+  {% assign elastic_search_config = site.data.modules.j1_elastic_search %}
+
+
+  {% comment %} Set quicksearch properties
+  ------------------------------------------------------------------------------ {% endcomment %}
+  {% assign icon_family         = topsearch_options.icon_family | downcase %}
+  {% assign placeholder         = topsearch_options.placeholder %}
+  {% assign search_heading_lead = topsearch_options.search_heading_lead %}
+  {% assign result_heading_lead = topsearch_options.result_heading_lead %}
+  {% assign search_icon         = topsearch_options.search_icon %}
+  {% assign close_icon          = topsearch_options.close_icon %}
+
+  {% assign quick_search   = true %}
+  {% assign elastic_search = false %}
+
+  {% if topsearch_options.type == 'quick_search' %}
+    {% assign quick_search   = true %}
+  {% endif %}
+
+  {% if topsearch_options.type == 'elastic_search' %}
+    {% assign elastic_search = true %}
+    {% assign quick_search   = false %}
+  {% endif %}
+
+  {% if topsearch_options.icon_family == 'FontAwesome' or topsearch_options.icon_family == 'FontAwesome4' or topsearch_options.icon_family == 'FontAwesome5' %}
+    {% assign icon_family = 'fa' %}
+  {% elsif topsearch_options.icon_family == 'MDI' or topsearch_options.icon_family == 'Material Design Icons'%}
+    {% assign icon_family = 'mdi' %}
+  {% else %}
+    {% assign icon_family = 'mdi' %}
+  {% endif %}
+
+  {% include {{select_color}} color=topsearch_options.icon_color fallback="#9E9E9E" %}
+  {% capture icon_color %}style="color:{{color}}"{% endcapture %}
+
+  {% include {{select_icon_size}} family=topsearch_options.icon_family size=topsearch_options.icon_size %}
+  {% assign icon_size = size %}
+
+
+{% comment %} Main 
+-------------------------------------------------------------------------------- {% endcomment %}
+{% if topsearch_options.enabled %}
+
+  {% comment %} JekyllSimpleSearch engine
+  ------------------------------------------------------------------------------ {% endcomment %}
+  {% if quick_search %}
+    <!-- [INFO   ] [j1.modules.navigator.topsearch.proc ] [start processing: top search] -->
+    <div id="mod_topsearch" class="top-search">
+      <div class="container-fluid">
+        <div class="input-group">
+          <span class="input-group-addon"><i class="{{icon_family}} {{icon_family}}-{{search_icon}} {{icon_size}}" {{icon_color}}></i></span>
+          <input type="text" id="jss-input" class="form-control" placeholder="{{placeholder}}">
+          <span class="input-group-addon close-search"><i class="{{icon_family}} {{icon_family}}-{{close_icon}} {{icon_size}}" {{icon_color}}></i></span>
+        </div>
+      </div>
+      <!-- [INFO   ] [j1.modules.navigator.topsearch.proc ] [add search panel (hidden)] -->
+      <div class="row">
+        <div class="card panel panel-search" id="jss-panel" style="display: none">
+          <div class="panel-heading lead">{{ search_heading_lead }}</div>
+          {% if result_heading_lead %}<div class="panel-body"><p>{{ result_heading_lead }}</p></div>{% endif %}
+          <div class="list-group">
+            <ul id="jss-results"></ul>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- [INFO   ] [j1.modules.navigator.topsearch.proc ] [end processing: top search] -->
+    {% endif %}
+
+    {% comment %} ElasticSearch engine
+    ---------------------------------------------------------------------------- {% endcomment %}
+    <!-- [TODO   ] [j1.modules.navigator.topsearch.proc ] [elasticsearch mode to be implemented] -->
+    {% if elastic_search %}
+      <div id="mod_elasticsearch" class="elasticsearch">
+      <!-- [TODO   ] [j1.modules.navigator.topsearch.proc ] [elasticsearch mode detected] -->
+      </div>
+    {% endif %}
+
+{% endif %}

data/_includes/themes/j1/procedures/collections/create_collection_article_preview.proc

@@ -0,0 +1,68 @@
+{% comment %}
+ # -----------------------------------------------------------------------------
+ #   ~/_includes/themes/j1/procedures/posts/create_ad_block.proc
+ #  Liquid PROCEDURE to create a series header for post series
+ #
+ #  http://jekyll.one
+ #
+ #  Copyright (C) 2019 Juergen Adams
+ #
+ #  J1 Template is licensed under the MIT License.
+ #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
+ #
+ # -----------------------------------------------------------------------------
+ #   Posts procedure. Generates ...
+ #
+ #    Usage:
+ #
+ #      1)  assign the 'page', 'post' and 'readmore' variables
+ #      2)  include the create_ad_block.proc procedure
+ #
+ #    Example:
+ #
+ #      {% capture create_ad_block %}themes/{{site.template.name}}/procedures/posts/create_ad_block.proc{% endcapture %}
+ #      {% assign my_navigation_data = nav_data_array %}
+ #
+ #      {% include {{create_ad_block}} page=page post=post %}
+ #
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #  liquid_var:  {{ liquid_var | debug }}
+ #
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedures
+--------------------------------------------------------------- {% endcomment %}
+
+
+{% comment %} Variables
+--------------------------------------------------------------- {% endcomment %}
+{% assign articles = include.collection %}
+
+
+{% comment %} articles:  {{ articles | debug }} {% endcomment %}
+
+{% comment %} Main
+--------------------------------------------------------------- {% endcomment %}
+{% for article in articles %}
+
+ <div class="article-overview clearfix mb-5">
+   <div class="article-overview-heading">
+
+     <h3 id="{{ 100000 | rand }}" class="article-overview-name">
+       <a href="{{ article.url }}#readmore">
+         {% if article.nickname %}
+           {{ article.nickname }}
+         {% else %}
+           {{ article.title }}
+         {% endif %}
+       </a>
+     </h3>
+
+   </div>
+   <p class="article-overview-description"><i>{{ article.tagline }}</i></p>
+   <div class="article-overview-excerpt"> {{ article.excerpt }} </div>
+ </div>
+
+{% endfor %}

data/_includes/themes/j1/procedures/global/_get_page_path.proc.new

@@ -0,0 +1,80 @@
+{% comment %}
+ # -----------------------------------------------------------------------------
+ #  ~/_includes/themes/j1/procedures/global/get_page_path.proc
+ #  Liquid PROCEDURE to calculate the path of a page (page_path)
+ #
+ #  https://jekyll-one.com
+ #
+ #  Copyright (C) 2019 Juergen Adams
+ #
+ #  J1 Template is licensed under the MIT License.
+ #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
+ #
+ # -----------------------------------------------------------------------------
+ #   Global procedure. Calculates the absolute path of the current page
+ #   relative to the web root. The path is resturned by the liquid variable
+ #   page_path.
+ #
+ #    Usage:
+ #      1)  include the get_page_path.proc procedure
+ #      2)  set mode to full|short
+ #      3)  assign|use the page_path variable
+ #
+ #  Example:
+ #
+ #    {% capture get_page_path %}themes/{{site.template.name}}/procedures/global/get_page_path.proc{% endcapture %}
+ #
+ #    {% include {{get_page_path}} %}
+ #    {% assign my_page_path = page_path %}
+ # -----------------------------------------------------------------------------
+ #  Test data:
+ #  liquid_var:  {{ liquid_var | debug }}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
+
+
+{% comment %} Variables
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign mode          = include.mode %}
+
+{% comment %} extend path for posts|collections if collections_dir is used|set
+-------------------------------------------------------------------------------- {% endcomment %}
+{% if page.collection and site.collections_dir.size > 0 %}
+  {% assign page_path     = page.path | prepend: "/" | prepend: site.collections_dir %}
+  {% assign path_elements = page_path | split: "/" %}
+{% else %}
+  {% assign path_elements = page.path | split: "/" %}
+{% endif %}
+
+{% assign length          = path_elements.size | minus: 2 %}
+{% assign _page_path      = "" %}
+
+
+{% comment %} Main
+-------------------------------------------------------------------------------- {% endcomment %}
+{% for c in (0..length) %}
+  {% capture _page_path %}{{_page_path}}/{{path_elements[c]}}{% endcapture %}
+{% endfor %}
+
+{% comment %} Check if source path defined relative (dot) seems wrong or unneeded
+--------------------------------------------------------------------------------
+{% if site.source.size %}
+  {% assign source_path = site.source %}
+{% else %}
+  {% assign source_path = "." %}
+{% endif %}
+-------------------------------------------------------------------------------- {% endcomment %}
+
+
+{% capture bla_path %}{{_page_path | remove_first:'/'}}{{_page_path}}{% endcapture %}
+
+{% capture page_path %}{{source_path | remove_first:'/'}}{{_page_path}}{% endcapture %}
+
+source_path:  {{ source_path | debug }}
+bla_path:  {{ bla_path | debug }}
+_page_path:  {{ _page_path | debug }}
+
+