src/NCBS/WebsiteBundle/Resources/views/Bible/sidr.html.twig line 1

Open in your IDE?
  1. {% set bExplainedVerses = explained_verse is defined and explained_verse is not empty %}
  2. {% set bSingleVersePage = false  %}
  3. {% if content_type is defined and content_type == 'single_verse' %}
  4.     {% set bSingleVersePage = true  %}
  5. {% endif %}
  6. {% set bStoryText = (content_class is defined and content_class == 'storytext' and story.explanations is not empty) %}
  7. {% if (has_slider_item is defined and has_slider_item) or (qbible_link is defined and qbible_link is not empty) or (commentary_with_doc is defined and commentary_with_doc is not empty) or bStoryText %}
  8. {% set nCol = '0' %}
  9. {% if column_num is defined %}
  10.     {% set nCol = column_num %}
  11. {% endif %}
  12. <div id="sidr{{ nCol }}" class="slider" style="display:none">
  13.     <div class="slider-header">
  14.     &nbsp;<a id="close-menu-button{{ nCol }}" ><button class="close close-sidr" title="close study window"><i class="fas fa-arrow-right"></i></button></a>&nbsp;&nbsp;<i class="fas fa-layer-group"></i> {{ app.session.get('ui_str')["bible.button.innermeaning"]|raw }}
  15.     
  16.     </div>
  17.     <div class="slider-body" id="sliderBody{{ nCol }}"> 
  18.         <div class="row" style="text-align: center;">
  19.             <div class="col" style="display: inline-block;padding-top:88px;">
  20.                 <img style="width:64px; height:64px;" alt="page loading graphic" src="{{ asset('/bundles/ncbsw/img/loading.svg') }}" />
  21.             </div>
  22.           </div>
  23.     </div>    
  24. </div>
  26.     <script>
  27.         $(document).ready(function () {
  28.           $('#simple-menu{{ nCol }}').sidr({
  29.               name: 'sidr{{ nCol }}',              
  30.             timing: 'ease-in-out',
  31.             speed: '400',
  32.                     side: 'right',
  33.                     displace: false
  34.                 });
  35.         });
  36.         $('#close-menu-button{{ nCol }}').click(function () {
  37.           $.sidr('close', 'sidr{{ nCol }}');
  38.           onCloseSlider();
  39.         });
  40.         
  41.         if($('body') != null)
  42.         {
  43.             $('body').on('click', function (e) {     
  44.                if ($(e.target).attr('id') != 'simple-menu{{ nCol }}' && $(e.target).parents('.slider').length == 0) 
  45.                {
  46.                   $.sidr('close', 'sidr{{ nCol }}');
  47.                   onCloseSlider();
  48.                 }    
  49.             });
  50.         }
  51.         
  52.         $( document ).ready(function() {
  53.             showElemByID("sidr{{ nCol }}");
  54.         });
  55.     </script>
  56. {% endif %}