src/NCBS/WebsiteBundle/Resources/views/Default/index.html.twig line 1

Open in your IDE?
  1. {% extends 'NCBSWBundle::layout.html.twig' %}
  3. {% block title %}{{ app.session.get('ui_str')["meta.site.home.subtitle"] }} - {{ parent() }}{% endblock %}
  5. {% block content %}
  6. <div class="row home-tile" style="margin:25px 1px 0px 1px;">
  7.                         
  8.     <div class="col-sm-6" style="padding:0px; border:3px solid #fff;">
  9. <a style="display:block;color:#000;text-decoration:none;padding: 0px 10px 5px 10px;" href="javascript:openBibleIndex();" title="{{ app.session.get('ui_str')["homepage.quadrants.bible.mouseover"] }}"><span class="tile-title" style="color:#212529;"><i class="fad fa-book-bible" style="padding:right:25px;color:#c4122e;;"></i> {{ app.session.get('ui_str')["homepage.quadrants.bible.title"] }}</span><br>
  10. <span>{{ app.session.get('ui_str')["homepage.quadrants.bible.label"] }}</span></a>
  11.     </div>
  13.     <div class="col-sm-6" style="padding:0px; border:3px solid #fff;">
  14. <a style="display:block;color:#000;text-decoration:none;padding: 0px 10px 5px 10px;" href="{{ path('bible_stories') }}" title="{{ app.session.get('ui_str')["homepage.quadrants.stories.mouseover"] }}"><span class="tile-title" style="color:#212529;"><i class="fad fa-book-open-reader" style="padding:right:25px;color:#296e47;"></i> {{ app.session.get('ui_str')["homepage.quadrants.stories.title"] }}</span><br>
  15. <span>{{ app.session.get('ui_str')["homepage.quadrants.stories.label"] }}</span></a>
  16.     </div>                 
  18. </div>
  20. <div class="row home-tile" style="margin:0px 1px 25px 1px;">
  21.                         
  22.     <div class="col-sm-6" style="padding:0px; border:3px solid #fff;">
  23. <a style="display:block;color:#000;text-decoration:none;padding: 0px 10px 5px 10px;" href="{{ path('consider') }}" title="{{ app.session.get('ui_str')["homepage.quadrants.consider.mouseover"] }}"><span class="tile-title" style="color:#212529;"><i class="fad fa-sun" style="padding:right:25px;color:#ffc107;"></i> {{ app.session.get('ui_str')["homepage.quadrants.consider.title"] }}</span><br>
  24. <span>{{ app.session.get('ui_str')["homepage.quadrants.consider.label"] }}</span></a>
  25.     </div>
  27.     <div class="col-sm-6" style="padding:0px; border:3px solid #fff;">
  28. <a class="tile-link" style="display:block;color:#000;text-decoration:none;padding: 0px 10px 5px 10px;" href="{{ path('swedenborg') }}" title="{{ app.session.get('ui_str')["homepage.quadrants.swedenborg.mouseover"] }}"><span class="tile-title" style="color:#212529;"><i class="fad fa-feather-pointed" style="padding:right:25px;color:#6c3a2a;"></i> {{ app.session.get('ui_str')["homepage.quadrants.swedenborg.title"] }}</span><br>
  29. <span>{{ app.session.get('ui_str')["homepage.quadrants.swedenborg.label"] }}</span></a>
  30.     </div>                 
  32. </div>
  34. <hr />
  35.             <h4><i class="fas fa-message-bot" style="color:#2a836d;"></i> {{ app.session.get('ui_str')["chatbot.heading"]|raw }}</h4>
  36.         <div class="row">
  37.             <div class="input-group col">                
  38.             <textarea class="form-control" rows="1" id="sQuestion" style="display: block; overflow: hidden; resize: none; min-height:38px;" placeholder="{{ app.session.get('ui_str')["chatbot.questionplaceholder"]|raw }}"></textarea>    
  39.             <span class="input-group-append">
  40.             <button type="button" x class="btn btn-primary" onclick=AskBot() id="btnSubmit">{{ app.session.get('ui_str')["form.submitbutton"]|raw }}</button>
  41.             </span>
  42.             </div>
  43.         </div>
  44.         
  46. {% if feature_data is defined %}
  47.     <hr style="margin-top: 1.5rem;">
  48.     <h3 style="font-size:20px; display:inline;">{{ app.session.get('ui_str')["homepage.featuredcontent"] }}</h3> <small>
  49.     {% if see_more %}
  50.         (<a href="{{ path('landing_page') }}">{{ app.session.get('ui_str')["general.seeless"] }}</a>)
  51.     {% else %}
  52.         (<a href="{{ path('landing_page') }}?mfc=1">{{ app.session.get('ui_str')["general.seemore"] }}</a>)
  53.     {% endif %}
  54.     </small>
  55.     {% set feature_num = 0 %}
  56.     <div class="card-deck" style="margin-top:20px;">
  57.     {% for feature_record in feature_data %}
  58.         {% set feature_num = feature_num+1 %}
  59.         {% if feature_record.story_url != '' %}
  60.             {% set sLink = path('bible_translated_story_for_commentary', {'storyUrl': feature_record.story_url, 'bibleTranslationUrl': bible_translation_url, 'commentaryUrl': feature_record.url}) %}        
  61.         {% else %}
  62.             {% set sLink = path('exposition_translation', {'translationUrl': feature_record.url}) %}
  63.         {% endif %}
  64.        
  65.   <div class="card">
  66.     <a href="{{ sLink }}"><img class="card-img-top" src="{{ asset('/bundles/ncbsw/media/'~feature_record.image_file) }}" alt="{{ feature_record.image_title }}"></a>
  67.     <div class="card-body">
  68.         <a href="{{ sLink }}" class="card-body-link">
  69.       <h4 class="card-title">{{ feature_record.title }}</h4>
  70.       <p class="card-text text-content">{{ feature_record.description }}</p>
  71.             </a>
  72.     </div>
  73.   </div>
  75.       {% if feature_num == 3 %}
  76.           </div>
  77.         <div class="card-deck" style="margin-top:20px;">
  78.           {% set feature_num = 0 %}
  79.       {% endif %}        
  80.     {% endfor %}
  81.     </div>
  82.     <div style="clear:both;"></div>             
  83. <span class="see-more"><h4>
  84. {% if see_more %}
  85.         <a href="{{ path('landing_page') }}">{{ app.session.get('ui_str')["general.seeless"] }}...</a>
  86.     {% else %}
  87.         <a href="{{ path('landing_page') }}?mfc=1">{{ app.session.get('ui_str')["general.seemore"] }}...</a>
  88.     {% endif %}
  89. </h4></span>
  90. {% endif %}
  91. <script>    
  92.     var isCtrl = false;
  93.     var isShift = false;
  94.     var isAlt = false;
  95.     document.onkeyup=function(e){
  96.         if(e.keyCode == 17) isCtrl=false;
  97.         else if(e.keyCode == 16) isShift=false;
  98.         else if(e.keyCode == 18) isAlt=false;
  99.     }
  100.     document.onkeydown=function(e){
  101.         if(e.keyCode == 17) isCtrl=true;
  102.         else if(e.keyCode == 16) isShift=true;
  103.         else if(e.keyCode == 18) isAlt=true;
  104.         if(isChatbotFocused())
  105.         {           
  106.             if(e.keyCode == 13) {
  107.                 if(!isShift && !isCtrl && !isAlt) {
  108.                     e.preventDefault();
  109.                     AskBot();                
  110.                 }
  111.                 else
  112.                 {
  113.                     if(isCtrl || isAlt)
  114.                     {
  115.                         var textarea = document.querySelector('#sQuestion');
  116.                         textarea.value = textarea.value + "\r\n";
  117.                         autoHeight("sQuestion");
  118.                     }
  119.                 }
  120.             }
  121.         }
  122.     }
  123.     function AskBot()
  124.     {
  125.         var sQuestion = $("#sQuestion").val();
  126.         if(sQuestion.trim().length === 0)
  127.         {
  128.             alert("{{ app.session.get('ui_str')["chatbot.enter.question"] }}");
  129.         }
  130.         else
  131.         {            
  132.             localStorage.NCBSW_ChatbotQue = sQuestion;
  133.             var sUrl = "{{ path('chatbot') }}";    
  134.             window.location = sUrl;
  135.         }
  136.     }
  137.     function autoHeight(vOdj)
  138.     {
  139.         var oQue = document.getElementById(vOdj);
  140.         if(oQue)
  141.         {
  142.             oQue.style.height = 'auto';
  143.             oQue.style.height = (oQue.scrollHeight) + 'px';
  144.         }        
  145.     }
  146.     $('#sQuestion').on('input', function () {
  147.             autoHeight("sQuestion");            
  148.         });
  149.                 
  150.     function isChatbotFocused() {
  151.         const textarea = document.getElementById('sQuestion');
  152.           return document.activeElement === textarea;
  153.     }
  154. </script>    
  155. <script src="{{ asset('/bundles/ncbsw/js/lazyload.js') }}" type="text/javascript"></script>
  157. {% endblock %}