j1_template_mde 2018.4.31 → 2018.4.32

data/lib/starter_web/assets/data/authclient.html

@@ -49,7 +49,7 @@ regenerate:                             true
 {% comment %} Liquid var initialization
 -------------------------------------------------------------------------------- {% endcomment %}
 
-{% comment %} Set auth_client properties
+{% comment %} Set auth_client properties 
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign icon_family                 = authclient_options.icon_family | downcase %}
 {% assign signin_icon                 = authclient_options.signin_icon %}
@@ -121,252 +121,243 @@ regenerate:                             true
 
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
-{% if authclient_options.enabled %}
 
-  {% comment %} Modal SignIn
-  ------------------------------------------------------------------------------ {% endcomment %}
-  <!-- [INFO   ] [j1.authclient.html                  ] [START: Modal signin|signup] -->
-  <div class="modal fade" id="modalOmniSignIn" tabindex="-1" role="dialog" aria-labelledby="modalOmniSignIn" aria-hidden="true">
-    <div class="modal-dialog modal-lg modal-notify modal-info" role="document">
-      
-      <!-- Content -->
-      <div class="modal-content">
-
-        <!--Header-->
-        <div class="modal-header">
-          <p class="lead">{{signin_modal_title}}</p>
-          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-          <i class="mdi mdi-close mdi-dark mdi-48px"></i>
-          </button>
-        </div>
-
-        <!-- Body -->
-        <div class="modal-body mr-5 ml-5 mb-0">
-          <div class="text-center">
-            <i class="mdi mdi-4x mdi-login mdi-rotateIn mb-1"></i>
-          </div>
-          <p style="text-align: justify;">{{signin_modal_body_text}}</p>
-          <h5 class="mt-1 mb-3 notoc">Available options</h5>
-
-          <!-- Modal nav pills -->
-          <div class="row ml-2 mr-2">
-            <ul class="nav nav-pills nav-pills-icons mt-2" role="tablist">
-
-            {% comment %} Array used to order the (provider) tabs
-            -------------------------------------------------------------------- {% endcomment %}
-            {% for provider in providers %}
-
-              {% if provider == active_provider %}
-                {% assign active_flag = " active" %}
-              {% else %}
-                {% assign active_flag = "" %}
-              {% endif %}
-
-              {% if provider == 'disqus' and auth_disqus_enabled %}
-              <li class="nav-item">
-                <a class="nav-link{{active_flag}}" href="#h-tabs-{{ auth_disqus_id }}" role="tab" data-toggle="tab" aria-expanded="false" aria-selected="false">
-                  <i class="mdi mdi-disqus mt-1 mb-2"></i> {{ auth_disqus_title }}
-                </a>
-              </li>
-              {% endif %}
-
-              {% if provider == 'github' and auth_github_enabled %}
-              <li class="nav-item">
-                <a class="nav-link{{active_flag}}" href="#h-tabs-{{ auth_github_id }}" role="tab" data-toggle="tab" aria-expanded="false" aria-selected="true">
-                  <i class="mdi mdi-github-circle mt-1 mb-2"></i> {{ auth_github_title }}
-                </a>
-              </li>
-              {% endif %}
-
-              {% if provider == 'facebook' and auth_facebook_enabled %}
-              <li class="nav-item">
-                <a class="nav-link{{active_flag}}" href="#h-tabs-{{ auth_facebook_id }}" role="tab" data-toggle="tab" aria-expanded="false" aria-selected="false">
-                  <i class="mdi mdi-facebook mt-1 mb-2"></i> {{ auth_facebook_title }}
-                </a>
-              </li>
-              {% endif %}
-
-              {% if provider == 'twitter' and auth_twitter_enabled %}
-              <li class="nav-item">
-                <a class="nav-link{{active_flag}}" href="#h-tabs-{{ auth_twitter_id }}" role="tab" data-toggle="tab" aria-expanded="false" aria-selected="false">
-                  <i class="mdi mdi-twitter mt-1 mb-2"></i> {{ auth_twitter_title }}
-                </a>
-              </li>
-              {% endif %}
-
-              {% if provider == 'patreon' and auth_patreon_enabled %}
-              <li class="nav-item">
-                <a class="nav-link{{active_flag}}" href="#h-tabs-{{ auth_patreon_id }}" role="tab" data-toggle="tab" aria-expanded="true" aria-selected="false">
-                  <i class="mdi">
-                    <svg width="40px" height="40px" viewBox="0 0 569 546" version="1.1"><g><circle fill="#F96854" id="Oval" cx="362.589996" cy="204.589996" r="204.589996"></circle><rect fill="#052D49" id="Rectangle" x="0" y="0" width="100" height="545.799988"></rect></g></svg>
-                  </i> {{ auth_patreon_title }}
-                </a>
-              </li>
-              {% endif %}
-
-            {% endfor %}
-            </ul>
-            
-            <div class="tab-content tab-space">
-            {% for provider in providers %}
-
-              {% if provider == active_provider %}
-                {% assign active_flag = " active" %}
-              {% else %}
-                {% assign active_flag = "" %}
-              {% endif %}
-
-              {% if provider == 'disqus' and auth_disqus_enabled %}
-                <div class="tab-pane{{active_flag}}" id="h-tabs-{{ auth_disqus_id }}">{{ auth_disqus_text }}</div>
-              {% endif %}
-              {% if provider == 'github' and auth_github_enabled %}
-                <div class="tab-pane{{active_flag}}" id="h-tabs-{{ auth_github_id }}">{{ auth_github_text }}</div>
-              {% endif %}
-              {% if provider == 'facebook' and auth_facebook_enabled %}
-                <div class="tab-pane{{active_flag}}" id="h-tabs-{{ auth_facebook_id }}">{{ auth_facebook_text }}</div>
-              {% endif %}
-              {% if provider == 'patreon' and auth_patreon_enabled %}
-                <div class="tab-pane{{active_flag}}" id="h-tabs-{{ auth_patreon_id }}">{{ auth_patreon_text }}</div>
-              {% endif %}
-              {% if provider == 'twitter' and auth_twitter_enabled %}
-                <div class="tab-pane{{active_flag}}" id="h-tabs-{{ auth_twitter_id }}">{{ auth_twitter_text }}</div>
-              {% endif %}
-            {% endfor %}
-            </div>
+{% comment %} Modal SignIn
+-------------------------------------------------------------------------------- {% endcomment %}
+<!-- [INFO   ] [j1.authclient.html                    ] [START: Modal signin|signup] -->
+<div class="modal fade" id="modalOmniSignIn" tabindex="-1" role="dialog" aria-labelledby="modalOmniSignIn" aria-hidden="true">
+  <div class="modal-dialog modal-lg modal-notify modal-info" role="document">
+    
+    <!-- Content -->
+    <div class="modal-content">
+
+      <!--Header-->
+      <div class="modal-header">
+        <p class="lead">
+          <i class="mdi mdi-2x mdi-account mdi-dark"></i>
+          {{signin_modal_title}}
+        </p>
+      </div>
 
+      <!-- Body -->
+      <div class="modal-body mr-5 ml-5 mb-0">
+        <p style="text-align: justify;">{{signin_modal_body_text | asciidocify}}</p>
+        <h5 class="mt-1 mb-3 notoc">Available options</h5>
+
+        <!-- Modal nav pills -->
+        <div class="row ml-2 mr-2">
+          <ul class="nav nav-pills nav-pills-icons mt-2" role="tablist">
+
+          {% comment %} Array used to order the (provider) tabs
+          ---------------------------------------------------------------------- {% endcomment %}
+          {% for provider in providers %}
+
+            {% if provider == active_provider %}
+              {% assign active_flag = " active" %}
+            {% else %}
+              {% assign active_flag = "" %}
+            {% endif %}
+
+            {% if provider == 'disqus' and auth_disqus_enabled %}
+            <li class="nav-item">
+              <a class="nav-link{{active_flag}}" href="#h-tabs-{{ auth_disqus_id }}" role="tab" data-toggle="tab" aria-expanded="false" aria-selected="false">
+                <i class="mdi mdi-disqus mt-1 mb-2"></i> {{ auth_disqus_title }}
+              </a>
+            </li>
+            {% endif %}
+
+            {% if provider == 'github' and auth_github_enabled %}
+            <li class="nav-item">
+              <a class="nav-link{{active_flag}}" href="#h-tabs-{{ auth_github_id }}" role="tab" data-toggle="tab" aria-expanded="false" aria-selected="true">
+                <i class="mdi mdi-github-circle mt-1 mb-2"></i> {{ auth_github_title }}
+              </a>
+            </li>
+            {% endif %}
+
+            {% if provider == 'facebook' and auth_facebook_enabled %}
+            <li class="nav-item">
+              <a class="nav-link{{active_flag}}" href="#h-tabs-{{ auth_facebook_id }}" role="tab" data-toggle="tab" aria-expanded="false" aria-selected="false">
+                <i class="mdi mdi-facebook mt-1 mb-2"></i> {{ auth_facebook_title }}
+              </a>
+            </li>
+            {% endif %}
+
+            {% if provider == 'twitter' and auth_twitter_enabled %}
+            <li class="nav-item">
+              <a class="nav-link{{active_flag}}" href="#h-tabs-{{ auth_twitter_id }}" role="tab" data-toggle="tab" aria-expanded="false" aria-selected="false">
+                <i class="mdi mdi-twitter mt-1 mb-2"></i> {{ auth_twitter_title }}
+              </a>
+            </li>
+            {% endif %}
+
+            {% if provider == 'patreon' and auth_patreon_enabled %}
+            <li class="nav-item">
+              <a class="nav-link{{active_flag}}" href="#h-tabs-{{ auth_patreon_id }}" role="tab" data-toggle="tab" aria-expanded="true" aria-selected="false">
+                <i class="mdi mdi-patreon mt-1 mb-2"></i>
+                {{ auth_patreon_title }}
+              </a>
+            </li>
+            {% endif %}
+
+          {% endfor %}
+          </ul>
+          
+          <div class="tab-content tab-space">
+          {% for provider in providers %}
+
+            {% if provider == active_provider %}
+              {% assign active_flag = " active" %}
+            {% else %}
+              {% assign active_flag = "" %}
+            {% endif %}
+
+            {% if provider == 'disqus' and auth_disqus_enabled %}
+              <div class="tab-pane{{active_flag}}" id="h-tabs-{{ auth_disqus_id }}">{{ auth_disqus_text | asciidocify }}</div>
+            {% endif %}
+            {% if provider == 'github' and auth_github_enabled %}
+              <div class="tab-pane{{active_flag}}" id="h-tabs-{{ auth_github_id }}">{{ auth_github_text | asciidocify }}</div>
+            {% endif %}
+            {% if provider == 'facebook' and auth_facebook_enabled %}
+              <div class="tab-pane{{active_flag}}" id="h-tabs-{{ auth_facebook_id }}">{{ auth_facebook_text | asciidocify }}</div>
+            {% endif %}
+            {% if provider == 'patreon' and auth_patreon_enabled %}
+              <div class="tab-pane{{active_flag}}" id="h-tabs-{{ auth_patreon_id }}">{{ auth_patreon_text | asciidocify }}</div>
+            {% endif %}
+            {% if provider == 'twitter' and auth_twitter_enabled %}
+              <div class="tab-pane{{active_flag}}" id="h-tabs-{{ auth_twitter_id }}">{{ auth_twitter_text | asciidocify }}</div>
+            {% endif %}
+          {% endfor %}
           </div>
-        </div>
 
-        <!-- Footer -->
-        <div class="modal-footer justify-content-right">
-          <a type="button" id="signInButton" class="btn btn-primary-modal mr-2" data-dismiss="modal">
-            <i class="mdi mdi-18px mdi-dark mdi-login"></i>
-            Yes, please
-          </a>
-          <a type="button" id="exitButton" class="btn btn-outline-secondary-modal" data-dismiss="modal">
-            No, thanks
-          </a>
         </div>
       </div>
-      <!-- END Content -->
 
+      <!-- Footer -->
+      <div class="modal-footer justify-content-center">
+        <a type="button" id="signInButton" class="btn btn-primary-modal mr-2" data-dismiss="modal">
+          <i class="mdi mdi-18px mdi-dark mdi-login"></i>
+          Yes, please
+        </a>
+        <a type="button" id="exitButton" class="btn btn-outline-modal" data-dismiss="modal">
+          <i class="mdi mdi-18px mdi-dark mdi-close"></i>
+          No, thanks
+        </a>
+      </div>
     </div>
-  </div> <!-- Modal SignIn -->
-  <!-- [INFO   ] [j1.authclient.html                  ] [END: Modal signin] -->
-
-  {% comment %} Modal SignOut
-  ------------------------------------------------------------------------------ {% endcomment %}
-  <!-- [INFO   ] [j1.authclient.html                  ] [START: Modal signout] -->
-  <div class="modal fade top" id="modalOmniSignOut" tabindex="-1" role="dialog" aria-labelledby="modalOmniSignOut" aria-hidden="true" data-backdrop="false">
-    <div class="modal-dialog modal-lg modal-notify modal-warning" role="document">
-      <!-- Content -->
-      <div class="modal-content">
-        <!--Header-->
-        <div class="modal-header">
-          <p class="lead">{{signout_modal_title}}</p>
-          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-            <i class="mdi mdi-close mdi-dark mdi-48px"></i>
-          </button>
-        </div>
-        <!-- Body -->
-        <div class="modal-body mr-5 ml-5 mb-0">
-          <div class="text-center">
-            <i class="mdi mdi-4x mdi-logout mdi-rotateIn mb-1"></i>
-          </div>
+    <!-- END Content -->
 
-          <!-- User info placed dynamically -->
-          <div id="user_state_info" class="text-left mb-3">
-            <h4 class="user-info">You are signed in to provider: </h4>
-          </div>
+  </div>
+</div> <!-- Modal SignIn -->
+<!-- [INFO   ] [j1.authclient.html                    ] [END: Modal signin] -->
 
-          <p style="text-align: justify;">{{signout_modal_body_text}}</p>
+{% comment %} Modal SignOut
+-------------------------------------------------------------------------------- {% endcomment %}
+<!-- [INFO   ] [j1.authclient.html                    ] [START: Modal signout] -->
+<div class="modal fade top" id="modalOmniSignOut" tabindex="-1" role="dialog" aria-labelledby="modalOmniSignOut" aria-hidden="true" data-backdrop="false">
+  <div class="modal-dialog modal-lg modal-notify modal-warning" role="document">
+    <!-- Content -->
+    <div class="modal-content">
+      
+      <!--Header-->
+      <div class="modal-header">
+        <p class="lead">
+          <i class="mdi mdi-2x mdi-dark mdi-account"></i>
+          {{signout_modal_title}}
+        </p>
+      </div>
+
+      <!-- Body -->
+      <div class="modal-body mr-5 ml-5 mb-0">
+        <!-- User info placed dynamically -->
+        <div id="user_state_info" class="text-left mb-3">
+          <h4 class="user-info">You are signed in to provider: </h4>
+        </div>
 
-          <h5 class="mt-1 mb-3 notoc">Available options</h5>
-          <form id="authclient-form" class="form-horizontal">
-            <div class="mdc-list-group">
-              <div class="ml-5 mt-0 mr-0 mb-5">
+        <p style="text-align: justify;">{{signout_modal_body_text | asciidocify}}</p>
 
-                <div class="switch">
-                  <label>
-                    <input id="providerSignOut" name="providerSignOut" type="checkbox">
-                    <span class="bmd-switch-track"></span>
-                    SignOut completely (Provider)
-                  </label>
-                </div>
+        <h5 class="mt-1 mb-3 notoc">Available options</h5>
+        <form id="authclient-form" class="form-horizontal">
+          <div class="mdc-list-group">
+            <div class="ml-5 mt-0 mr-0 mb-5">
 
+              <div class="switch">
+                <label>
+                  <input id="providerSignOut" name="providerSignOut" type="checkbox">
+                  <span class="bmd-switch-track"></span>
+                  SignOut completely (Provider)
+                </label>
               </div>
+
             </div>
-          </form>
+          </div>
+        </form>
 
-        </div>
+      </div>
 
-        <!-- Footer -->
-        <div class="modal-footer">
-          <a type="button" id="signOutButton" class="btn btn-primary-modal mr-2" data-dismiss="modal">
-            <i class="mdi mdi-18px mdi-dark mdi-logout"></i>
-            Yes, please
-          </a>
-          <a type="button" id="exitButton" class="btn btn-outline-secondary-modal" data-dismiss="modal">No, thanks</a>
-        </div>
+      <!-- Footer -->
+      <div class="modal-footer">
+        <a type="button" id="signOutButton" class="btn btn-primary-modal mr-2" data-dismiss="modal">
+          <i class="mdi mdi-18px mdi-dark mdi-logout"></i>
+          Yes, please
+        </a>
+        <a type="button" id="exitButton" class="btn btn-outline-modal" data-dismiss="modal">
+          <i class="mdi mdi-18px mdi-dark mdi-close"></i>
+          No, thanks
+        </a>
       </div>
-      <!-- END Content -->
-    </div>
-  </div> <!-- Modal SignOut -->
-
-  {% comment %} Modal UserStateInfo
-  ------------------------------------------------------------------------------ {% endcomment %}
-  <!-- [INFO   ] [j1.authclient.html                  ] [START: Modal SIDE INFO signed in] -->
-  <div class="modal fade right" id="sideModalAlreadySigneIn" tabindex="-1" role="dialog" aria-labelledby="sideModalAlreadySigneIn" aria-hidden="true" data-backdrop="false">
-    <div class="modal-dialog modal-side modal-top-right modal-notify modal-success" role="document">
-      <!-- Content -->
-      <div class="modal-content">
-        <!--Header-->
-        <div class="modal-header">
-          <p class="lead">Info</p>
-          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-            <i class="mdi mdi-close mdi-dark mdi-48px"></i>
-          </button>
-        </div>
-        <!-- Body -->
-        <div class="modal-body">
-          <div class="text-center">
-            <i class="mdi mdi-4x mdi-check mdi-rotateIn mb-1"></i>
-            <p>You're already signed in
-            </p>
-          </div>
-        </div>
-        <!-- Footer -->
-        <div class="modal-footer justify-content-center">
-          <a type="button" class="btn btn-outline-secondary-modal" data-dismiss="modal">OK</a>
+
+    </div> <!-- END Content -->    
+  </div>
+</div> <!-- Modal SignOut -->
+
+{% comment %} Modal UserStateInfo
+-------------------------------------------------------------------------------- {% endcomment %}
+<!-- [INFO   ] [j1.authclient.html                    ] [START: Modal SIDE INFO signed in] -->
+<div class="modal fade right" id="sideModalAlreadySigneIn" tabindex="-1" role="dialog" aria-labelledby="sideModalAlreadySigneIn" aria-hidden="true" data-backdrop="false">
+  <div class="modal-dialog modal-side modal-top-right modal-notify modal-success" role="document">
+    <!-- Content -->
+    <div class="modal-content">
+      <!--Header-->
+      <div class="modal-header">
+        <i class="mdi mdi-2x mdi-account mdi-dark"></i>
+        <p class="lead">Info</p>
+      </div>
+      <!-- Body -->
+      <div class="modal-body">
+        <div class="text-center">
+          <p>You're already signed in</p>
         </div>
       </div>
-      <!-- END Content -->
+      <!-- Footer -->
+      <div class="modal-footer justify-content-center">
+        <a type="button" class="btn btn-outline-modal" data-dismiss="modal">OK</a>
+      </div>
     </div>
-  </div> <!-- END Modal UserStateInfo -->
-  <!-- [INFO   ] [j1.authclient.html                  ] [END: Modal SIDE INFO signed in] -->
-
-  {% comment %} Modal TOP INFO signed in
-  ----------------------------------------------------------------------------
-  <!-- [INFO   ] [j1.authclient.html                  ] [START: Modal TOP INFO signed in] -->
-  <div class="modal fade top" id="modalTopInfoSignedIn" tabindex="-1" role="dialog" aria-labelledby="modalTopInfoSignedIn" aria-hidden="true" data-backdrop="false">
-    <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 class="row px-4">
-            <p class="pt-1 pr-2">You're already signed in</p>
-            <a type="button" class="btn btn-outline-secondary-modal" data-dismiss="modal"OK</a>
-          </div>
+    <!-- END Content -->
+  </div>
+</div> <!-- END Modal UserStateInfo -->
+<!-- [INFO   ] [j1.authclient.html                    ] [END: Modal SIDE INFO signed in] -->
+
+{% comment %} Modal TOP INFO signed in
+--------------------------------------------------------------------------------
+<!-- [INFO   ] [j1.authclient.html                    ] [START: Modal TOP INFO signed in] -->
+<div class="modal fade top" id="modalTopInfoSignedIn" tabindex="-1" role="dialog" aria-labelledby="modalTopInfoSignedIn" aria-hidden="true" data-backdrop="false">
+  <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 class="row px-4">
+          <p class="pt-1 pr-2">You're already signed in</p>
+          <a type="button" class="btn btn-outline-modal" data-dismiss="modal"OK</a>
         </div>
       </div>
-      <!-- END Content -->
     </div>
+    <!-- END Content -->
   </div>
-  <!-- [INFO   ] [j1.authclient.html                  ] [END: Modal TOP INFO signed in] -->
-  ---------------------------------------------------------------------------- {% endcomment %}
-
-{% endif %}
+</div>
+<!-- [INFO   ] [j1.authclient.html                    ] [END: Modal TOP INFO signed in] -->
+-------------------------------------------------------------------------------- {% endcomment %}
 
 {% endcapture %}