---
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[0] %}


{% 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}}</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 }}</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>

        </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}}</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 %}