regenerate: true
{% capture cache %}
{% comment %}
# ----------------------------------------------------------------------------- # ~/assets/data/authclient.html # Liquid PROCEDURE to generate the HTML (data) portion of all modals used # by J1AuthClient # # 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 }} # authclient_options: {{ authclient_options | debug }} # -----------------------------------------------------------------------------
{% endcomment %}
{% 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 %} Set config files ——————————————————————————– {% endcomment %} {% assign navigator_config = site.data.modules.j1_navigator %} {% assign nav_defaults = navigator_config.defaults %}
{% comment %} Set config data ——————————————————————————– {% endcomment %} {% assign nav_authclient_default = nav_defaults.nav_authclient %} {% assign nav_authclient_config = navigator_config.nav_authclient %}
{% comment %} Set config options ——————————————————————————– {% endcomment %} {% assign authclient_options = nav_authclient_default | merge: nav_authclient_config %} {% assign providers = site.j1_auth.providers.activated %} {% assign active_provider = site.j1_auth.providers.activated %}
{% comment %} Liquid var initialization ——————————————————————————– {% endcomment %}
{% comment %} Set auth_client properties ——————————————————————————– {% endcomment %} {% assign icon_family = authclient_options.icon_family | downcase %} {% assign signin_icon = authclient_options.signin_icon %} {% assign signout_icon = authclient_options.signout_icon %}
{% assign signin_modal_title = authclient_options.auth_signin_modal.title %} {% assign signin_modal_body_text = authclient_options.auth_signin_modal.body_text %} {% assign signout_modal_title = authclient_options.auth_signout_modal.title %} {% assign signout_modal_body_text = authclient_options.auth_signout_modal.body_text %}
{% if providers contains 'disqus' %}
{% assign auth_disqus_enabled = true %} {% assign auth_disqus_id = authclient_options.auth_disqus.id %} {% assign auth_disqus_title = authclient_options.auth_disqus.title | downcase %} {% assign auth_disqus_text = authclient_options.auth_disqus.text %}
{% else %}
{% assign auth_disqus_enabled = false %}
{% endif %}
{% if providers contains 'github' %}
{% assign auth_github_enabled = true %} {% assign auth_github_id = authclient_options.auth_github.id %} {% assign auth_github_title = authclient_options.auth_github.title | downcase %} {% assign auth_github_text = authclient_options.auth_github.text %}
{% else %}
{% assign auth_github_enabled = false %}
{% endif %}
{% if providers contains 'facebook' %}
{% assign auth_facebook_enabled = true %} {% assign auth_facebook_id = authclient_options.auth_facebook.id %} {% assign auth_facebook_title = authclient_options.auth_facebook.title | downcase %} {% assign auth_facebook_text = authclient_options.auth_facebook.text %}
{% else %}
{% assign auth_facebook_enabled = false %}
{% endif %}
{% if providers contains 'twitter' %}
{% assign auth_twitter_enabled = true %} {% assign auth_twitter_id = authclient_options.auth_twitter.id %} {% assign auth_twitter_title = authclient_options.auth_twitter.title | downcase %} {% assign auth_twitter_text = authclient_options.auth_twitter.text %}
{% else %}
{% assign auth_twitter_enabled = false %}
{% endif %}
{% if providers contains 'patreon' %}
{% assign auth_patreon_enabled = true %} {% assign auth_patreon_id = authclient_options.auth_patreon.id %} {% assign auth_patreon_title = authclient_options.auth_patreon.title | downcase %} {% assign auth_patreon_text = authclient_options.auth_patreon.text %}
{% else %}
{% assign auth_patreon_enabled = false %}
{% endif %}
{% if authclient_options.icon_family == 'FontAwesome' or authclient_options.icon_family == 'FontAwesome4' or authclient_options.icon_family == 'FontAwesome5' %}
{% assign icon_family = 'fa' %}
{% elsif authclient_options.icon_family == 'MDI' or authclient_options.icon_family == 'Material Design Icons'%}
{% assign icon_family = 'mdi' %}
{% else %}
{% assign icon_family = 'mdi' %}
{% endif %}
{% include {{select_color}} color=authclient_options.icon_color fallback=“#9E9E9E” %} {% capture icon_color %}style=“color:{{color}}”{% endcapture %}
{% include {{select_icon_size}} family=authclient_options.icon_family size=authclient_options.icon_size %} {% assign icon_size = size %}
{% comment %} Main ——————————————————————————– {% endcomment %}
{% 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> </div> <!-- 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> <!-- END Content --> </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"> <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> <p style="text-align: justify;">{{signout_modal_body_text | asciidocify}}</p> <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> </div> </form> </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> </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> <!-- Footer --> <div class="modal-footer justify-content-center"> <a type="button" class="btn btn-outline-modal" data-dismiss="modal">OK</a> </div> </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> </div> <!-- END Content --> </div>
</div> <!– [INFO ] [j1.authclient.html ] [END: Modal TOP INFO signed in] –> ——————————————————————————– {% endcomment %}
{% endcapture %}
{{ cache | strip_empty_lines }} {% assign cache = nil %}