{% comment %}
 # -----------------------------------------------------------------------------
 # ~/_includes/themes/j1/layouts/layout_shim_generator.html
 # Liquid template to generate HTML shim configs for ALL modules configured
 #
 # Product/Info:
 # https://jekyll.one
 #
 # Copyright (C) 2019 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 }}
 # -----------------------------------------------------------------------------
{% endcomment %}

{% comment %} Liquid procedures
-------------------------------------------------------------------------------- {% endcomment %}
{% capture select_color %}themes/{{site.template.name}}/procedures/global/select_color.proc{% endcapture %}

{% comment %} Set global settings
-------------------------------------------------------------------------------- {% endcomment %}
{% assign environment                   = site.environment %}


{% comment %} Process YML config data
================================================================================ {% endcomment %}

{% comment %} Set config files
-------------------------------------------------------------------------------- {% endcomment %}
{% assign consent_defaults              = site.data.modules.defaults.cookie_consent.defaults %}
{% assign consent_settings              = site.data.modules.cookie_consent.settings %}
{% assign webhook_defaults              = site.data.modules.defaults.webhook.defaults %}
{% assign webhook_settings              = site.data.modules.webhook.settings %}

{% comment %} Set config data
-------------------------------------------------------------------------------- {% endcomment %}
{% assign consent_options               = consent_defaults | merge: consent_settings %}
{% assign webhook_options               = webhook_defaults | merge: webhook_settings %}


{% comment %} Main
================================================================================ {% endcomment %}
<!-- [INFO   ] [j1.layout_shim_generator.html         ] [ start processing. Place all SHIM config for all MODULES, layout: {{page.layout}} ] -->
<!-- [INFO   ] [j1.layout_shim_generator.html         ] [ create GLOBAL JS script variables for later module access ] -->

<script>
  // [INFO   ] [j1.layout_shim_generator.html         ] [ create global JS variable ENVIRONMENT for Javascript access: {{ site.environment }} ]
  var j1_environment = '{{site.environment}}';

  {% comment %} Create global INSTANCE variables
  TODO: Apps (based j1_apps) on NOT detected !!! 
  ------------------------------------------------------------------------------ {% endcomment %}
  {% if j1_apps.j1_carousel.enabled and page.layout != 'app' %}
  // [INFO   ] [j1.layout_shim_generator.html         ] [ create global INSTANCE variables for J1 Carousel ]
    {% assign config = site.data.apps.j1_carousel %}
    {% for item in config.carousel %}
      {% if item.show.enabled %}
        if ( $('#{{item.show.id}}').length ) {
          j1["{{item.show.id}}"] = true;
        }
      {% endif %}
    {% endfor %}
    {% assign config = nil %}

  {% endif %}
  
  {% if j1_apps.j1_justified_gallery.enabled and page.layout != 'app' %}
    // [INFO   ] [j1.layout_shim_generator.html         ] [ create global INSTANCE variables for J1 Justified Gallery ]
    {% assign config = site.data.apps.j1_justified_gallery %}
    {% for item in config.galleries %}
      {% if item.gallery.enabled %}
        {% capture gallery_id %}{{item.gallery.id}}_div{% endcapture %}
        if ( $('#{{ gallery_id }}').length ) {
          j1["{{gallery_id}}"] = true;
        }
      {% endif %}
    {% endfor %}
    {% assign config = nil %}

  {% endif %}
  
  {% if j1_apps.j1_light_gallery.enabled and page.layout != 'app' %}
    // [INFO   ] [j1.layout_shim_generator.html         ] [ create global INSTANCE variables for J1 Justified Gallery ]
    {% assign config = site.data.apps.j1_light_gallery %}
    {% for item in config.galleries %}
      {% if item.gallery.enabled %}
        {% capture gallery_id %}{{item.gallery.id}}_ul{% endcapture %}
        if ( $('#{{ gallery_id }}').length ) {
          j1["{{gallery_id}}"] = true;
        }
      {% endif %}
    {% endfor %}
    {% assign config = nil %}

  {% endif %}

  // [INFO   ] [j1.layout_shim_generator.html         ] [ create global INSTANCE variables for headers ]
  if ( $('#homehead').length ) {
    j1["homehead"] = true;
  }
  if ( $('#pagehead').length ) {
    j1["pagehead"] = true;
  }
  if ( $('#texthead').length ) {
    j1["texthead"] = true;
  }

  {% comment %} Page hacks
  ------------------------------------------------------------------------------ {% endcomment %}
  // IE10 viewport hack for Surface/Desktop Windows 8 bug
  // Copyright 2014-2015 Twitter, Inc. (Bootstrap)
  if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
    var e = document.createElement("style");
    e.appendChild(document.createTextNode("@-ms-viewport{width:auto!important}"));
    document.querySelector("head").appendChild(e);
  }

</script>


{% comment %} Place|Initialize J1 Module components
-------------------------------------------------------------------------------- {% endcomment %}

{% comment %} Place container for Cookie Consent Modals
-------------------------------------------------------------------------------- {% endcomment %}
{% if consent_options.enabled %}
<!-- [INFO   ] [j1.layout_shim_generator.html         ] [ place container for Cookie Consent Modals ] -->
<div id="{{consent_options.consent_modal_id}}"></div>
{% endif %}

{% comment %} Place container for Web Hook Modals
-------------------------------------------------------------------------------- {% endcomment %}
{% if webhook_options.enabled %}
<!-- [INFO   ] [j1.layout_shim_generator.html         ] [ place container for WebHook Modals ] -->
<div id="{{webhook_options.xhr_container_id}}"></div>
{% endif %}

{% comment %} Initialize Tooltips|Popovers
-------------------------------------------------------------------------------- {% endcomment %}
<!-- [INFO   ] [j1.layout_shim_generator.html         ] [ initialize BS tooltips|popovers ] -->
<script>
  $(function() {
    $('[data-toggle="tooltip"]').tooltip();
    $('[data-toggle="popover"]').popover();
  });
</script>

{% comment %} Initialize Enhanced Bootstrap Modals (used by Roundtrip examples)
-------------------------------------------------------------------------------- {% endcomment %}
<!-- [INFO   ] [j1.layout_shim_generator.html         ] [ initialize enhanced bootstrap modals ] -->
<script>
  $(function() {
    $('body').on('shown.bs.modal', '.modal', function() {
        if($('.modal-backdrop').length) {
        } else {

            $modal_dialog = $(this).children('.modal-dialog');

            if($modal_dialog.hasClass('modal-side')) {
                $(this).addClass('modal-scrolling');
                $('body').addClass('scrollable');
            }

            if($modal_dialog.hasClass('modal-frame')) {
                $(this).addClass('modal-content-clickable');
                $('body').addClass('scrollable');
            }
        }
    });

    $('body').on('hidden.bs.modal', '.modal', function() {
        $('body').removeClass('scrollable');
    });
  });
</script>