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