---
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
 #
 # Copyright (C) 2020 Juergen Adams
 #
 # J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/J1 Template/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 site_config             = site %}
{% assign template_config         = site.data.template_settings %}
{% assign blocks                  = site.data.blocks %}
{% assign modules                 = site.data.modules %}

{% assign authentication_defaults = modules.defaults.authentication.defaults %}
{% assign authentication_settings = modules.authentication.settings %}

{% assign navigator_defaults      = modules.defaults.navigator.defaults %}
{% assign navigator_settings      = modules.navigator.settings %}

{% comment %} Set config data
-------------------------------------------------------------------------------- {% endcomment %}
{% assign environment             = site_config.environment %}
{% assign nav_authclient_defaults = authentication_defaults.auth_client %}
{% assign nav_authclient_settings = authentication_settings.auth_client %}

{% comment %} Set config options
-------------------------------------------------------------------------------- {% endcomment %}
{% assign authentication_options  = authentication_defaults | merge: authentication_settings %}
{% assign authclient_options      = nav_authclient_defaults | merge: nav_authclient_settings %}

{% assign providers               = authentication_options.j1_auth.providers.activated %}
{% assign active_provider         = authentication_options.j1_auth.providers.activated[0] %}


{% comment %} Liquid var initialization
-------------------------------------------------------------------------------- {% endcomment %}

{% assign production = '' %}
{% if environment == 'prod' or environment == 'production' %}
  {% assign production = true %}
{% endif %}

{% 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 btn-raised btn-flex btn-md btn-info g-mr-5" data-dismiss="modal">
          <i class="mdi mdi-18px mdi-dark mdi-login"></i>
          Yes, please
        </a>
        <a type="button" id="exitButton" class="btn btn btn-raised btn-flex btn-md btn-secondary" 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 btn-raised btn-flex btn-md btn-warning g-mr-5" data-dismiss="modal">
          <i class="mdi mdi-18px mdi-dark mdi-logout"></i>
          Yes, please
        </a>
        <a type="button" id="exitButton" class="btn btn btn-raised btn-flex btn-md btn-secondary" 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 btn-raised btn-flex btn-md btn-info" 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 btn-raised btn-flex btn-md btn-info" data-dismiss="modal"OK</a>
        </div>
      </div>
    </div>
    <!-- END Content -->
  </div>
</div>
<!-- [INFO   ] [j1.authclient.html                    ] [END: Modal TOP INFO signed in] -->
-------------------------------------------------------------------------------- {% endcomment %}

{% endcapture %}

{% if production %}
  {% capture _LINE_FEED %}{% endcapture %}{% if site.compress_html.ignore.envs contains jekyll.environment %}{{ cache | strip_html_comments }}{% else %}{% capture _content %}{{ cache | strip_html_comments }}{% endcapture %}{% assign _profile = site.compress_html.profile %}{% if site.compress_html.endings == "all" %}{% assign _endings = "html head body li dt dd p rt rp optgroup option colgroup caption thead tbody tfoot tr td th" | split: " " %}{% else %}{% assign _endings = site.compress_html.endings %}{% endif %}{% for _element in _endings %}{% capture _end %}</{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _end %}{% endfor %}{% if _profile and _endings %}{% assign _profile_endings = _content | size | plus: 1 %}{% endif %}{% for _element in site.compress_html.startings %}{% capture _start %}<{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _start %}{% endfor %}{% if _profile and site.compress_html.startings %}{% assign _profile_startings = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.comments == "all" %}{% assign _comments = "<!-- -->" | split: " " %}{% else %}{% assign _comments = site.compress_html.comments %}{% endif %}{% if _comments.size == 2 %}{% capture _comment_befores %}.{{ _content }}{% endcapture %}{% assign _comment_befores = _comment_befores | split: _comments.first %}{% for _comment_before in _comment_befores %}{% if forloop.first %}{% continue %}{% endif %}{% capture _comment_outside %}{% if _carry %}{{ _comments.first }}{% endif %}{{ _comment_before }}{% endcapture %}{% capture _comment %}{% unless _carry %}{{ _comments.first }}{% endunless %}{{ _comment_outside | split: _comments.last | first }}{% if _comment_outside contains _comments.last %}{{ _comments.last }}{% assign _carry = false %}{% else %}{% assign _carry = true %}{% endif %}{% endcapture %}{% assign _content = _content | remove_first: _comment %}{% endfor %}{% if _profile %}{% assign _profile_comments = _content | size | plus: 1 %}{% endif %}{% endif %}{% assign _pre_befores = _content | split: "<pre" %}{% assign _content = "" %}{% for _pre_before in _pre_befores %}{% assign _pres = _pre_before | split: "</pre>" %}{% assign _pres_after = "" %}{% if _pres.size != 0 %}{% if site.compress_html.blanklines %}{% assign _lines = _pres.last | split: _LINE_FEED %}{% capture _pres_after %}{% for _line in _lines %}{% assign _trimmed = _line | split: " " | join: " " %}{% if _trimmed != empty or forloop.last %}{% unless forloop.first %}{{ _LINE_FEED }}{% endunless %}{{ _line }}{% endif %}{% endfor %}{% endcapture %}{% else %}{% assign _pres_after = _pres.last | split: " " | join: " " %}{% endif %}{% endif %}{% capture _content %}{{ _content }}{% if _pre_before contains "</pre>" %}<pre{{ _pres.first }}</pre>{% endif %}{% unless _pre_before contains "</pre>" and _pres.size == 1 %}{{ _pres_after }}{% endunless %}{% endcapture %}{% endfor %}{% if _profile %}{% assign _profile_collapse = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.clippings == "all" %}{% assign _clippings = "html head title base link meta style body article section nav aside h1 h2 h3 h4 h5 h6 hgroup header footer address p hr blockquote ol ul li dl dt dd figure figcaption main div table caption colgroup col tbody thead tfoot tr td th" | split: " " %}{% else %}{% assign _clippings = site.compress_html.clippings %}{% endif %}{% for _element in _clippings %}{% assign _edges = " <e;<e; </e>;</e>;</e> ;</e>" | replace: "e", _element | split: ";" %}{% assign _content = _content | replace: _edges[0], _edges[1] | replace: _edges[2], _edges[3] | replace: _edges[4], _edges[5] %}{% endfor %}{% if _profile and _clippings %}{% assign _profile_clippings = _content | size | plus: 1 %}{% endif %}{{ _content }}{% if _profile %} <table id="compress_html_profile_{{ site.time | date: "%Y%m%d" }}" class="compress_html_profile"> <thead> <tr> <td>Step <td>Bytes <tbody> <tr> <td>raw <td>{{ cache | strip_html_comments | size }}{% if _profile_endings %} <tr> <td>endings <td>{{ _profile_endings }}{% endif %}{% if _profile_startings %} <tr> <td>startings <td>{{ _profile_startings }}{% endif %}{% if _profile_comments %} <tr> <td>comments <td>{{ _profile_comments }}{% endif %}{% if _profile_collapse %} <tr> <td>collapse <td>{{ _profile_collapse }}{% endif %}{% if _profile_clippings %} <tr> <td>clippings <td>{{ _profile_clippings }}{% endif %} </table>{% endif %}{% endif %}
{% else %}
  {{ cache | pretty_print | remove:'<html><body>' | remove:'</body></html>' | strip_empty_lines }}
{% endif %}
{% assign cache = nil %}