src/MentalSchool/AppBundle/Resources/views/Student/page.html.twig line 1

Open in your IDE?
  1. {# @AppBundle/views/Default/layout.html.twig #}
  2. {% extends '::base.html.twig' %}
  3. {% block stylesheets %}
  4.     {{ parent() }}
  5. {% endblock %}
  6. {% block classTheme %}
  7. {{ app.user.themeColor }}-theme
  8. {% endblock %}
  9. {% block body %}
  10.     <div class="content-holder">
  11.         <div class="sidebar  stars-box">
  12.             {% block sidebar %}
  13.                 {%- embed 'AppBundle:Student:Components/_sidebar.html.twig' -%}{%- endembed -%}
  14.             {% endblock %}
  15.         </div>
  16.         {% if show_info_about_debt() %}
  17.             <div class="info-about-debt"  id="debt-notice">
  18.                 <a class="close-btn" onclick="dismissNotice()">&times;</a>
  19.                 {{- 'app.info_about_debt'|trans({}, 'app') -}}
  20.             </div>
  21.         {% endif %}
  22.         <div class="breadcrumbs">
  23.             {% if breadcrumbs is defined and breadcrumbs is not empty %}
  24.                 {% block breadcrumb %}{{ app_breadcrumbs(breadcrumbs) }}{% endblock breadcrumb %}
  25.             {% endif %}
  26.         </div>
  27.         <div class="content-wrap">
  28.             {%- embed 'AppBundle:Student:Components/_flash_notice.html.twig' -%}{%- endembed -%}
  29.             <div class="modal app-modal-send-message mt-3" data-url={{ path('ms_app_send_message') }}></div>
  30.             {% block content %}
  31.             {% endblock %}
  32.         </div>
  33.     </div>
  34. {% endblock %}
  35. {%- block javascripts -%}
  36.     {{ parent() }}
  37.     <script type="text/javascript" src="{{ asset('/bundles/app/js/animation.js?344523') }}"></script>
  38.     <script>
  39.         if (sessionStorage.getItem('debtNoticeDismissed')) {
  40.             document.getElementById('debt-notice').style.display = 'none';
  41.         }
  43.         function dismissNotice() {
  44.             // Hide the notice
  45.             document.getElementById('debt-notice').style.display = 'none';
  46.             // Mark as dismissed in session storage
  47.             sessionStorage.setItem('debtNoticeDismissed', 'true');
  48.         }
  50.         window.addEventListener && window.addEventListener('load', function() {
  51.             document.body.className += ' loaded';
  52.             // check devices
  53.             var isMobile = false;
  54.             if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
  55.                 isMobile = true;
  56.                 document.body.className += ' mobile-version';
  57.             } else {
  58.                 document.body.className += ' full-version';
  59.             }
  60.         });
  61.         
  62.         document.body.addEventListener("keydown", (e) => {
  63.             if (e.key == "Enter" || e.key == " ") {
  64.                 if($('body').hasClass('columns-page')){
  65.                     if ($('.enter-triger') != null && $('.enter-triger').is(":visible")) {
  66.                         $('.enter-triger').trigger("click");
  67.                     }
  68.                 } else if($('body').hasClass('subtask-list')){
  69.                     if ($('.enter-triger') != null && $('.enter-triger').is(":visible")) {
  70.                         var href = $('.enter-triger').attr('href');
  71.                         if(href != ''){
  72.                             location.href = href;
  73.                         }
  74.                     }
  75.                 } else {
  76.                     if ($('.start-game') != null && $('.start-game').is(":visible")) {
  77.                         $('.start-game').trigger("click");
  78.                     } else {
  79.                         if ($('.enter-triger') != null && $('.enter-triger').is(":visible")) {
  80.                             $('.enter-triger').trigger("click");
  81.                         }
  82.                         if ($('.finish-task-enter-triger') != null && $('.finish-task-enter-triger').is(":visible")) {
  83.                             location.href = $('.finish-task-enter-triger').attr('href');
  84.                         }
  85.                     }
  86.                 }
  87.             }
  88.         });
  90.     </script>
  91.     <script type="text/javascript" src="{{ asset('bundles/app/js/jquery.min.js') }}"></script>
  92.     <script src="/bundles/sonatacore/vendor/bootstrap/dist/js/bootstrap.min.js"></script>
  93.     <script src="/bundles/sonatacore/vendor/select2/select2.min.js"></script>
  94.     <script type="text/javascript" src="{{ asset('/bundles/app/js/notification.js') }}"></script>
  95.     <script>
  96.         (function () {
  97.             var holder = $('body');
  99.             // open user menu
  100.             function openUserInfo() {
  101.                 var button = $('.sidebar .user-info .wrap');
  102.                 button.on('click', function () {
  103.                     $(this).parents('.user-info').toggleClass('open');
  104.                     // remove other
  105.                     $('.langs-wrap').removeClass('active');
  106.                     $('.menu li.open-submenu').removeClass('open-submenu');
  107.                     $('body').removeClass('submenu-is-active');
  108.                 });
  109.             }
  111.             // open sub menu
  112.             function openSubMenu() {
  113.                 var button = $('.sub-button'),
  114.                     close = $('.mob-close-submenu');
  115.                 button.on('click', function () {
  116.                     $(this).parent().toggleClass('open-submenu');
  117.                     $('body').toggleClass('submenu-is-active');
  118.                     // remove other
  119.                     $('.langs-wrap').removeClass('active');
  120.                     $('.user-info').removeClass('open');
  121.                 });
  122.                 close.on('click', function () {
  123.                     $('.menu li.open-submenu').removeClass('open-submenu');
  124.                     $('body').removeClass('submenu-is-active');
  125.                 });
  126.             }
  128.             // open mobile menu
  129.             function openMobMenu() {
  130.                 var button = $('.sidebar .mob-button-menu');
  131.                 button.on('click', function () {
  132.                     holder.toggleClass('open-menu');
  133.                 });
  134.             }
  136.             // open langs
  137.             function openLangs() {
  138.                 var button = $('.langs-wrap .active-lang');
  139.                 button.on('click', function () {
  140.                     $(this).parents('.langs-wrap').toggleClass('active');
  141.                     // remove other
  142.                     $('.user-info').removeClass('open');
  143.                     $('.menu li.open-submenu').removeClass('open-submenu');
  144.                     $('body').removeClass('submenu-is-active');
  145.                 });
  146.             }
  148.             $(document).ready(function () {
  149.                 openUserInfo();
  150.                 openMobMenu();
  151.                 openSubMenu();
  152.                 openLangs();
  153.             });
  154.         })();
  155.     </script>
  158. {% endblock %}