templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6. <title>{% block title %}Corepetitus{% endblock %}</title>
  7. {% for css_file in encore_entry_css_files('app') %}
  8. <link rel="stylesheet" href="{{ css_file }}?v=5.1"/>
  9. {% endfor %}
  11. <link rel="manifest" href="/manifest.json">
  12. <link rel="mask-icon" href="{{ asset('assets/images/safari-pinned-tab.svg') }}" color="#1b6690">
  13. <link rel="icon" href="{{ asset('assets/images/core-logo-min.png') }}" type="image/png">
  14. <meta name="msapplication-TileColor" content="#2d89ef">
  15. <meta name="msapplication-config" content="{{ asset('/browserconfig.xml') }}">
  16. <meta name="theme-color" content="#2d89ef">
  18. {% block stylesheets %}
  19. <style>
  20. #loader {
  21. transition: all 0.3s ease-in-out;
  22. opacity: 1;
  23. visibility: visible;
  24. position: fixed;
  25. height: 100vh;
  26. width: 100%;
  27. background: #fff;
  28. z-index: 90000;
  29. }
  31. #loader.fadeOut {
  32. opacity: 0;
  33. visibility: hidden;
  34. }
  36. .spinner {
  37. width: 40px;
  38. height: 40px;
  39. position: absolute;
  40. top: calc(50% - 20px);
  41. left: calc(50% - 20px);
  42. background-color: #333;
  43. border-radius: 100%;
  44. -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  45. animation: sk-scaleout 1.0s infinite ease-in-out;
  46. }
  48. @-webkit-keyframes sk-scaleout {
  49. 0% {
  50. -webkit-transform: scale(0)
  51. }
  52. 100% {
  53. -webkit-transform: scale(1.0);
  54. opacity: 0;
  55. }
  56. }
  58. @keyframes sk-scaleout {
  59. 0% {
  60. -webkit-transform: scale(0);
  61. transform: scale(0);
  62. }
  63. 100% {
  64. -webkit-transform: scale(1.0);
  65. transform: scale(1.0);
  66. opacity: 0;
  67. }
  68. }
  69. </style>
  70. {% endblock %}
  71. </head>
  72. <body class="{% block bodyclass %}app{% endblock %}">
  73. <!-- @TOC -->
  74. <!-- =================================================== -->
  75. <!--
  76. + @Page Loader
  77. + @App Content
  78. - #Left Sidebar
  79. > $Sidebar Header
  80. > $Sidebar Menu
  82. - #Main
  83. > $Topbar
  84. > $App Screen Content
  85. -->
  87. <!-- @Page Loader -->
  88. <!-- =================================================== -->
  89. {% if app.environment != 'dev' %}
  90. <div id='loader'>
  91. <div class="spinner"></div>
  92. </div>
  93. {% endif %}
  95. <!-- @App Content -->
  96. <!-- =================================================== -->
  97. {# <div class="{{ app.request.attributes.get('_route') }}"> #}
  99. <div class="{% if is_granted('ROLE_GUARDIAN') or is_granted('ROLE_TEACHER') or is_granted('ROLE_CHILD') %}version_2{% endif %}">
  100. <!-- ### Left side bar menu ### -->
  102. {{ include('menu_components/side_menu/left_sidebar_menu_v2.html.twig') }}
  103. <!-- #Main ============================ -->
  104. {% if getInfoLines() is not empty %}
  105. {% set infoLine = getInfoLines()|first %}
  106. {% if is_granted('ROLE_TEACHER') and app.user.id == 517%}
  108. {% else %}
  109. <div class="wrapperrunngline">
  110. <div class="marquee">
  111. {% for i in 0..20 %}
  112. <a target="_blank"
  113. href="{{ infoLine.link }}">
  114. <img src="http://corepetitus.lt/wp-content/uploads/2024/10/favicon.svg" alt="corepetitus">
  115. {{ infoLine.description|replace({" ": "&nbsp;"})|raw }}
  116. </a>
  117. {% endfor %}
  118. </div>
  119. </div>
  120. {% endif %}
  122. {% endif %}
  124. <div class="page-container">
  126. <!-- ### $Topbar ### -->
  127. {% if is_granted('IS_IMPERSONATOR') %}
  128. <div class="peer" style="bottom: 0;z-index: 10000;position: fixed;">
  129. <a class="btn btn-success" href="{{ impersonation_exit_path(path('dashboard') ) }}">Grįžti į savo
  130. sesiją</a>
  131. </div>
  132. {% endif %}
  136. {{ include('menu_components/header_nav_bar/header_nav_bar_new.html.twig') }}
  137. <!-- ### $MainBody ### -->
  139. {% block body %}
  141. {% endblock %}
  142. {% if is_granted("ROLE_TEACHER") and (survey_data is not defined or survey_data is empty) %}
  143. {% set firstLessonSurveyData = getTeacherFirstLessonSurveyData() %}
  144. {% if firstLessonSurveyData is not empty %}
  145. {% include 'me/teacher/me_teacher_after_first_lesson_modal.html.twig' with {survey_data:firstLessonSurveyData} %}
  146. {% endif %}
  147. {% if show_preference_modal is defined and show_preference_modal %}
  148. {% include 'me/teacher/me_teacher_auto_preferences_modal.html.twig'%}
  149. {% endif %}
  150. {% endif %}
  152. {% if is_granted('ROLE_TEACHER') %}
  153. {% if app.user.qrCode is null or app.user.qrCode.documentPath is null %}
  154. {% include '/me/teacher/me_teacher_missing_qr_code_modal.html.twig' %}
  155. {% endif %}
  156. {% set lastLessonSurveyData = getTeacherLastLessonSurveyData() %}
  157. {% if lastLessonSurveyData is not empty %}
  158. {% include 'me/teacher/me_teacher_after_last_lesson_modal.html.twig' with {survey_data:lastLessonSurveyData} %}
  159. {% endif %}
  160. {% endif %}
  162. {% if is_granted("ROLE_ADMIN") %}
  163. {{ render(controller(
  164. 'App\\Controller\\BugReport\\BugReportController::form'
  165. )) }}
  166. {% endif %}
  167. <!-- ### $App Screen Footer ### -->
  168. <footer style="background: #FFF" class="bdT ta-c p-30 lh-0 fsz-sm c-grey-600">
  169. <span>2026 Copyright © COREPETITUS.LT</span>
  170. </footer>
  171. </div>
  172. </div>
  173. {% set allowed_ips = ['84.15.151.106', '83.181.124.158', '78.56.131.247'] %}
  175. {% if is_granted('ROLE_GUARDIAN') or is_granted('ROLE_TEACHER') or is_granted('ROLE_CHILD') %}
  176. {{ include('me/chat_widget.html.twig') }}
  177. {% endif %}
  179. <script>
  180. (function () {
  181. if ('serviceWorker' in navigator) {
  182. navigator.serviceWorker.register('/assets/service-worker.js');
  183. }
  184. })();
  186. window.addEventListener('load', function () {
  187. const loader = document.getElementById('loader');
  188. if (loader) {
  189. setTimeout(function () {
  190. loader.classList.add('fadeOut');
  191. }, 300);
  192. }
  193. });
  194. </script>
  195. {% block javascripts %}
  196. {# <script src="{{ asset('assets/runtime.js') }}?v=v3"></script>#}
  197. {# <script src="{{ asset('assets/app.js') }}?v=v3"></script>#}
  199. {% for js_file in encore_entry_js_files('app') %}
  200. {% set src = js_file|replace({'<script src="': '', '"></script>': ''}) %}
  201. <script src="{{ src }}?v=3"></script>
  202. {% endfor %}
  204. {% if is_granted('ROLE_GUARDIAN') or is_granted('ROLE_TEACHER') %}
  205. <script>
  206. const unreadNotifs = {{ getUserNotificationCount() }};
  207. if (unreadNotifs > 0 && !getCookie('ceNModal') && !window.location.href.includes('notifications')) {
  208. Swal.fire({
  209. html: `
  210. <div class='card blue'>
  211. <div class='card-body'>
  212. <div class="icon">
  213. <i style="font-size: 24px;
  214. margin-bottom: 15px;" class="fa-solid fa-bell"></i>
  215. </div>Svarbu! turi ${unreadNotifs} neperskaitytus pranešimus!</div>
  216. </div>`,
  217. showCancelButton: true,
  218. confirmButtonColor: "#1AB2FE",
  219. cancelButtonColor: "#d33",
  220. confirmButtonText: "Peržiūrėti",
  221. cancelButtonText: "Priminti vėliau",
  222. customClass: {
  223. container: "version_2",
  224. icon: 'border-0'
  225. }
  226. }).then((result) => {
  227. if (result.isConfirmed) {
  228. setCookie('ceNModal', true, 30);
  229. window.location = `{{ path('app_me_notification_index') }}`;
  230. } else {
  231. setCookie('ceNModal', true, 30);
  232. }
  233. })
  234. }
  235. </script>
  236. {% endif %}
  237. {% if is_granted('ROLE_TEACHER') and teacherHasLessonsToday() %}
  238. <script>
  239. (function () {
  240. const storageKey = 'teacherLessonReviewReminder';
  242. function getNextResetAt8AM() {
  243. const now = new Date();
  244. const reset = new Date(now);
  245. reset.setHours(8, 0, 0, 0);
  246. if (now.getTime() >= reset.getTime()) {
  247. reset.setDate(reset.getDate() + 1);
  248. }
  249. return reset.getTime();
  250. }
  252. const storedUntil = parseInt(localStorage.getItem(storageKey) || '0', 10);
  253. if (Date.now() < storedUntil) {
  254. return;
  255. }
  257. localStorage.setItem(storageKey, String(getNextResetAt8AM()));
  258. Swal.fire({
  259. title: 'Primename',
  260. customClass: "version_2",
  261. html:`
  262. <div class='card blue'>
  263. <div class='card-body'>
  264. <div class="icon">
  265. <i style="font-size: 24px;
  266. margin-bottom: 15px;" class="fa-solid fa-bell"></i>
  267. </div>Mokiniai jus vertina po kiekvienos pamokos.</div>
  268. </div>
  269. `,
  270. confirmButtonText: 'Ok',
  271. });
  272. })();
  273. </script>
  274. {% endif %}
  276. {% if is_granted('ROLE_CHILD') %}
  277. {% set childLessonReminder = getChildClosestLessonReminder() %}
  279. {% if childLessonReminder %}
  280. {% set childLessonReviewModalHtml %}
  281. {% include 'child_lesson_review/_review_modal_content.html.twig' with {lesson: childLessonReminder} %}
  282. {% endset %}
  283. <script>
  284. (function () {
  285. const lesson = {{ childLessonReminder|json_encode|raw }};
  286. const submitUrl = '{{ path('app_child_lesson_review_submit') }}';
  287. const dismissUrl = '{{ path('app_child_lesson_review_dismiss') }}';
  288. const originalTitle = document.title;
  289. const alertTitle = '(1) Corepetitus įvertinimas';
  290. let titleFlashTimer = null;
  292. function startTitleFlash() {
  293. if (titleFlashTimer) {
  294. return;
  295. }
  296. let showAlert = false;
  297. titleFlashTimer = setInterval(() => {
  298. document.title = showAlert ? originalTitle : alertTitle;
  299. showAlert = !showAlert;
  300. }, 1000);
  301. }
  303. function stopTitleFlash() {
  304. if (titleFlashTimer) {
  305. clearInterval(titleFlashTimer);
  306. titleFlashTimer = null;
  307. }
  308. document.title = originalTitle;
  309. }
  311. const now = Date.now();
  312. const triggerAt = new Date(lesson.triggerAt).getTime();
  313. const forceUntil = lesson.forceUntil ? new Date(lesson.forceUntil).getTime() : null;
  315. if (forceUntil !== null && now >= forceUntil) {
  316. return;
  317. }
  319. const fire = () => {
  320. if (forceUntil !== null && Date.now() >= forceUntil) {
  321. return;
  322. }
  324. startTitleFlash();
  325. if (forceUntil !== null && forceUntil > Date.now()) {
  326. setTimeout(stopTitleFlash, forceUntil - Date.now());
  327. }
  329. let selectedRating = null;
  331. Swal.fire({
  332. title: 'Įvertink pamoką',
  333. customClass: { popup: 'version_2 child-lesson-review-swal' },
  334. html: {{ childLessonReviewModalHtml|json_encode|raw }},
  335. confirmButtonText: 'Pateikti',
  336. confirmButtonColor: '#1AB2FE',
  337. showCancelButton: false,
  338. showCloseButton: true,
  339. allowOutsideClick: false,
  340. allowEscapeKey: false,
  341. focusConfirm: false,
  342. didOpen: () => {
  343. document.querySelectorAll('.child-lesson-review-rating').forEach((btn) => {
  344. btn.addEventListener('click', () => {
  345. document.querySelectorAll('.child-lesson-review-rating').forEach((b) => b.classList.remove('is-selected'));
  346. btn.classList.add('is-selected');
  347. selectedRating = parseInt(btn.dataset.rating, 10);
  348. });
  349. });
  350. },
  351. preConfirm: () => {
  352. if (!selectedRating) {
  353. Swal.showValidationMessage('Pasirink įvertinimą');
  354. return false;
  355. }
  356. const commentEl = document.getElementById('child-lesson-review-comment');
  357. return {
  358. rating: selectedRating,
  359. comment: commentEl ? commentEl.value.trim() : '',
  360. };
  361. },
  362. }).then(async (result) => {
  363. if (result.dismiss) {
  364. stopTitleFlash();
  365. await fetch(dismissUrl, {
  366. method: 'POST',
  367. headers: { 'Content-Type': 'application/json' },
  368. body: JSON.stringify({ lessonId: lesson.lessonId }),
  369. });
  370. window.location.reload();
  371. return;
  372. }
  374. if (!result.isConfirmed || !result.value) {
  375. return;
  376. }
  378. try {
  379. const response = await fetch(submitUrl, {
  380. method: 'POST',
  381. headers: { 'Content-Type': 'application/json' },
  382. body: JSON.stringify({
  383. lessonId: lesson.lessonId,
  384. rating: result.value.rating,
  385. comment: result.value.comment,
  386. }),
  387. });
  388. const data = await response.json();
  389. if (!response.ok) {
  390. throw new Error(data.message || 'Nepavyko išsaugoti');
  391. }
  392. stopTitleFlash();
  393. await Swal.fire({
  394. icon: 'success',
  395. title: 'Ačiū!',
  396. text: 'Jūsų atsiliepimas išsaugotas.',
  397. confirmButtonText: 'Ok',
  398. customClass: { popup: 'version_2' },
  399. });
  400. window.location.reload();
  401. } catch (error) {
  402. Swal.fire({
  403. icon: 'error',
  404. title: 'Klaida',
  405. text: error.message || 'Nepavyko išsaugoti',
  406. confirmButtonText: 'Ok',
  407. customClass: { popup: 'version_2' },
  408. });
  409. }
  410. });
  411. };
  413. if (now >= triggerAt) {
  414. fire();
  415. } else {
  416. setTimeout(fire, triggerAt - now);
  417. }
  418. })();
  419. </script>
  420. {% endif %}
  421. {% endif %}
  422. {% endblock %}
  424. </body>
  425. </html>