src/NCBS/WebsiteBundle/Resources/views/Exposition/passage_text.html.twig line 1

Open in your IDE?
  1. {% if translation is defined and translation is not null %}
  2.   {% set translation_id = translation.id %}
  3. {% elseif work is defined and work is not null %}
  4.   {% set translation = work.selectTranslation() %}
  5.   {% set translation_id = translation.id %}
  6. {% elseif passage is not null %}
  7.   {% set work = passage.findWork() %}
  8.   {% set translation = work.selectTranslation() %}
  9.   {% set translation_id = translation.id %}
  10. {% endif %}
  12. {% if passage is not empty %}
  13.   {% include "NCBSWBundle:Exposition:display_framework/passage_text.html.twig" %}
  14.   
  15.   {% if work_toc is defined and work_toc is not empty %}
  16.       {% set nColNum = 0 %}
  17.     {% if column_num is defined %}
  18.         {% set nColNum = column_num %}
  19.     {% endif %}
  20.     {% set bHas2Columns = (columns is defined and columns|length == 2) %} 
  21.     {% set bHas3Columns = (columns is defined and columns|length == 3) %}
  22.     {% set sToc = '' %}
  23.     {% set sHrefStart = " href=\"javascript:gotoToc('" %}
  24.     {% set sHrefEnd = "',"~nColNum~");\" " %}
  25.     {% set sClassName = 'list-group-item d-flex justify-content-between align-items-center list-group-item-action' %}
  26.     {% set sActiveElemID = "activeTOC"~nColNum %}
  27.     <div  class="tab-content-header"><i class="fas fa-list-ol"></i> {{ app.session.get('ui_str')["exposition.slider.tab.toc"] }}</div>
  28.           {% for toc_record in work_toc %}              
  29.             {% set link_spec = toc_record['link_spec'] %}{% set href_str = '' %}{% set class_str = " class='"~sClassName~"' " %}{% if passage_id is defined and passage_id == toc_record['startpassage_id'] %}{% elseif bInFrame %}{# 
  30.           #}{% set href_str = sHrefStart~path('exposition_frame_passage', {'translationUrl': toc_record['translation_url'], 'divisionUrls': toc_record['division_url'], 'passageNumber': toc_record['startpassageorder']})~sHrefEnd %}{% elseif bHas3Columns %}{% if nColNum == 3 %}{# 
  31.           #}{% set href_str = sHrefStart~path('arbitrary_three_column', multicolumn_route_params|merge({('column3Details'): link_spec}) )~sHrefEnd %}{% elseif nColNum == 2 %}{% set href_str = sHrefStart~path('arbitrary_three_column', multicolumn_route_params|merge({('column2Details'): link_spec}) )~sHrefEnd %}{% elseif nColNum == 1 %}{% set href_str = sHrefStart~path('arbitrary_three_column', multicolumn_route_params|merge({('column1Details'): link_spec}) )~sHrefEnd %}{% endif %}{% elseif bHas2Columns %}{% if nColNum == 2 %}{% set href_str = sHrefStart~path('arbitrary_two_column', multicolumn_route_params|merge({('column2Details'): link_spec}) )~sHrefEnd %}{% elseif nColNum == 1 %}{% set href_str = sHrefStart~path('arbitrary_two_column', multicolumn_route_params|merge({('column1Details'): link_spec}) )~sHrefEnd %}{% endif %}{#
  32.           #}{% else %}{#
  33.                   #}{% set href_str = sHrefStart~path('exposition_translation_division_passage', {'translationUrl': toc_record['translation_url'], 'divisionUrls': toc_record['division_url'], 'passageNumber': toc_record['startpassageorder']}) %}{% if compare_to is defined and compare_to is not null %}{% set href_str = href_str ~ "?compareTo=" ~ compare_to.url %}{% endif %}{% if compare_to2 is defined and compare_to2 is not null %}{% set href_str = href_str ~ ";;" ~ compare_to2.url %}{% endif %}{% set href_str = href_str ~ sHrefEnd %}{# 
  34.               #}{% endif %}     
  35.               {% if passage_order is defined and passage_order >= toc_record['startpassageorder'] and (toc_record['nextstartpassageorder'] == '' or passage_order < toc_record['nextstartpassageorder']) %} 
  36.                   {% set class_str = " class='"~sClassName~" active' id='"~sActiveElemID~"'" %}
  37.               {% endif %}         
  38.             {% set sToc = sToc ~"<a "~href_str~" " ~ class_str ~ " >"~toc_record['toc_text']~" <span class='badge badge-pill'>"~toc_record['link_text']~"</span></a> " %}     
  39.         {% endfor %}
  40.         {{ sToc|trim|raw }}
  41.   {% endif %}
  42.   
  43.   {% if related_concept_list is defined and related_concept_list is not empty %}
  44.         <p><b><i>{{ app.session.get('ui_str')["related.concepts"] }}:</i></b>
  45.        {% for curr_record in related_concept_list %}              
  46.       <p><a href="/gte?t={{ curr_record.translation_id }}&l={{ translation.getLanguage.id }}" target=_blank >{{ curr_record.title }}</a>
  47.     {% endfor %}
  48.   {% endif %}
  49.   {% set nPct = app.request.get('pct') %}
  50.   {% if nPct > 0 %}
  51.       <script>
  52.           function scrollToPercentage(element, percentage) {
  53.             var nMoreOffset = -30;
  54.             var nOffset = getElementTopPosition(element) + nMoreOffset;          
  55.           const scrollHeight = element.scrollHeight;             
  56.           const scrollTopPosition = scrollHeight * (percentage / 100) + nOffset;        
  57.             setTimeout(function () {
  58.                 window.scrollTo({ top: scrollTopPosition });    
  59.                 //element.animate({ scrollTop: scrollTopPosition }, 300);            
  60.             },500);
  61.         }
  62.                 
  63.         function getElementTopPosition(element) {
  64.           let topPosition = element.offsetTop;
  65.           let currentElement = element.offsetParent;
  66.         
  67.           while (currentElement !== null) {
  68.             topPosition += currentElement.offsetTop;
  69.             currentElement = currentElement.offsetParent;
  70.           }
  72.           return topPosition;
  73.         }
  74.         
  75.         $( document ).ready(function() {
  76.             const textElement = document.getElementById('tts0');
  77.             scrollToPercentage(textElement, {{ nPct }});            
  78.         });                
  79.       </script>
  80.   {% endif %}
  81. {% else %}
  82.   <p>{{ app.session.get('ui_str')["exposition.passage.notfound"] }}</p>
  83. {% endif %}