templates/menu_components/header_nav_bar/header_nav_bar_new.html.twig line 1

Open in your IDE?
  1. <div class="header navbar">
  2. <div class="header-container">
  3. <ul class="nav-left">
  4. <li>
  5. <a id='sidebar-toggle' class="sidebar-toggle" href="javascript:void(0);">
  6. <i class="fa-solid fa-bars"></i>
  7. <i class="fa-solid fa-xmark"></i>
  8. </a>
  9. <a class="sidebar-link mobile-logo" href="{{ path('dashboard') }}">
  10. <img src="{{ asset('assets/images/core-logo-full.png') }}" alt="logo"/>
  11. </a>
  12. </li>
  13. </ul>
  14. <ul class="nav-mid p-0">
  15. <div class="header-lesson-list">
  16. {% set lessonExtension = getNewestLessons() %}
  17. {% for lesson in lessonExtension.lessons %}
  18. {% set wasOnline = (lesson.attendedAtTeacher and lesson.attendedAtChild) ? true : false %}
  19. <div class="card has-timer active h-100p ">
  20. <div class="card-body">
  21. <div class="card-item h-100p"
  22. data-start="{{ lesson.startTime ? lesson.startTime|date('Y-m-d H:i') : '' }}"
  23. data-end="{{ lesson.endTime ? lesson.endTime|date('Y-m-d H:i') : '' }}"
  24. data-lesson-id="{{ lesson.id }}">
  25. <div class="discipline">
  26. <div class="name">{{ lesson.discipline.displayName }}</div>
  27. </div>
  28. <div class="users {{ wasOnline ? "was-joined" : "" }}">
  29. <div class="teacher">
  30. <div class="status">
  31. <div class="box {{ lesson.statusTeacher ? "joined" : "not-joined" }}"></div>
  32. </div>
  33. <div class="label-wrap">
  34. <div class="text">{% trans %}Korepetitorius:{% endtrans %}</div>
  35. <div class="name">{% set name = lesson.teacher|split(' ') %}{{ name[0] }}</div>
  36. </div>
  37. </div>
  38. <div class="student">
  39. <div class="status">
  40. <div class="box {{ lesson.statusChild ? "joined" : "not-joined" }}"></div>
  41. </div>
  42. <div class="label-wrap">
  43. <div class="text">{% trans %}Mokinys:{% endtrans %}</div>
  44. <div class="name">{{ lesson.child.fullname }}</div>
  45. </div>
  46. </div>
  47. </div>
  48. {# <div class="timer"> #}
  49. {# Pradžia: {{ lesson.startTime ? lesson.startTime|date('Y-m-d H:i') : '' }} #}
  50. {# </div> #}
  51. {# <div style="display: none" class="img"><img #}
  52. {# src="{{ lesson.teacher.profileImagePath ? lesson.teacher.profileImagePath : asset('assets/images/default.png') }}"> #}
  53. {# </div> #}
  54. <div class="actions">
  55. <div class="notice"></div>
  56. <button class='btn btn-success join-lesson'
  57. {{ lesson.getLessonJoin() ? "" : "disabled" }}
  58. data-href="{{ path('unicko_router', {'id':lesson.id}) }}">
  59. Jungtis
  60. </button>
  61. </div>
  62. </div>
  64. </div>
  65. </div>
  66. {% endfor %}
  67. </div>
  69. </ul>
  70. <ul class="nav-right">
  71. {% if is_granted('ROLE_ADMIN') %}
  72. {% macro counter_badge(href, icon, count, title) %}
  73. <li class="admin-counter-item">
  74. <a href="{{ href }}" title="{{ title }}">
  75. <span class="counter-icon-wrap">
  76. <i class="fa-solid {{ icon }}"></i>
  77. <span class="badge badge-pill {{ count > 0 ? 'badge-danger' : 'badge-secondary' }}">{{ count }}</span>
  78. </span>
  79. </a>
  80. </li>
  81. {% endmacro %}
  82. {{ _self.counter_badge('/guardian_register/registrations', 'fa-user-plus', getNewRegistrationsCount(), 'Naujos registracijos') }}
  83. {{ _self.counter_badge('/child_preference_assigment/', 'fa-list-check', getPendingAssignmentsCount(), 'Priskyrimo laukia') }}
  84. <li class="admin-counter-item dropdown bug-report">
  85. <a href="javascript:void(0);" title="Klaidos">
  86. <span class="counter-icon-wrap">
  87. <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="currentColor" class="bi bi-bug" viewBox="0 0 16 16">
  88. <path d="M4.355.522a.5.5 0 0 1 .623.333l.291.956A5 5 0 0 1 8 1c1.007 0 1.946.298 2.731.811l.29-.956a.5.5 0 1 1 .957.29l-.41 1.352A5 5 0 0 1 13 6h.5a.5.5 0 0 0 .5-.5V5a.5.5 0 0 1 1 0v.5A1.5 1.5 0 0 1 13.5 7H13v1h1.5a.5.5 0 0 1 0 1H13v1h.5a1.5 1.5 0 0 1 1.5 1.5v.5a.5.5 0 1 1-1 0v-.5a.5.5 0 0 0-.5-.5H13a5 5 0 0 1-10 0h-.5a.5.5 0 0 0-.5.5v.5a.5.5 0 1 1-1 0v-.5A1.5 1.5 0 0 1 2.5 10H3V9H1.5a.5.5 0 0 1 0-1H3V7h-.5A1.5 1.5 0 0 1 1 5.5V5a.5.5 0 0 1 1 0v.5a.5.5 0 0 0 .5.5H3c0-1.364.547-2.601 1.432-3.503l-.41-1.352a.5.5 0 0 1 .333-.623M4 7v4a4 4 0 0 0 3.5 3.97V7zm4.5 0v7.97A4 4 0 0 0 12 11V7zM12 6a4 4 0 0 0-1.334-2.982A3.98 3.98 0 0 0 8 2a3.98 3.98 0 0 0-2.667 1.018A4 4 0 0 0 4 6z"/>
  89. </svg>
  90. </span>
  91. </a>
  92. </li>
  93. {% endif %}
  94. {# <a href="{{ path('app_sync_google_lessons') }}">SYNC</a> #}
  95. {% if is_granted('ROLE_GUARDIAN') or is_granted('ROLE_CHILD') %}
  96. <li class="dropdown">
  97. <a href="https://pagalba.corepetitus.lt/hc/lt/sections/22038273075346-Klientams"
  98. class="peers fxw-nw ai-c lh-1">
  99. <div class="peer">
  100. <i class="fa-solid fa-circle-question"></i>
  101. </div>
  102. </a>
  103. </li>
  104. {% endif %}
  105. {% if is_granted('ROLE_TEACHER') %}
  106. <li class="dropdown">
  107. <a href="https://pagalba.corepetitus.lt/hc/lt/sections/22038256444690-Korepetitoriams"
  108. class="peers fxw-nw ai-c lh-1">
  109. <div class="peer">
  110. <i class="fa-solid fa-circle-question"></i>
  111. </div>
  112. </a>
  113. {# <ul class="dropdown-menu "> #}
  114. {# <li> #}
  115. {# <span class="menu-item sub-headline">{% trans %}Pasirinkite užklausos temą{% endtrans %}</span> #}
  116. {# </li> #}
  117. {# <li> #}
  118. {# <a href="{{ path('me_teacher_stop_lessons_landing') }}" class="menu-item"> #}
  119. {# <span>{% trans %}Korepetitoriaus laikinas veiklos stabdymas{% endtrans %}</span> #}
  120. {# </a> #}
  121. {# </li> #}
  122. {# <li> #}
  123. {# <a href="{{ path('me_teacher_sick_leaves_landing') }}" class="menu-item"> #}
  124. {# <span>{% trans %}Korepetitorius susirgo{% endtrans %}</span> #}
  125. {# </a> #}
  126. {# </li> #}
  127. {# <li> #}
  128. {# <a href="{{ path('me_teacher_cancel_discipline') }}" class="menu-item"> #}
  129. {# <span>{% trans %}Nebegaliu mokyti tam tikros disciplinos{% endtrans %}</span> #}
  130. {# </a> #}
  131. {# </li> #}
  132. {# <li> #}
  133. {# <a href="{{ path('me_teacher_cancel_class') }}" class="menu-item"> #}
  134. {# <span>{% trans %}Nebegaliu mokyti tam tikros klasės{% endtrans %}</span> #}
  135. {# </a> #}
  136. {# </li> #}
  137. {# </ul> #}
  138. </li>
  139. <li class="nav-badge">
  140. <a href="{{ path('app_salary_vacation') }}" class="peers">
  141. <div class="peer">
  142. <img class="w-3r"
  143. src="{{ asset("assets/images/badge_#{app.user.levelInfo.badge}.svg") }}" alt="">
  144. </div>
  145. </a>
  146. </li>
  147. {% endif %}
  149. <li class="{{ is_granted('ROLE_ADMIN') ? 'admin-counter-item ' : '' }}notifications dropdown">
  150. <a href="" class="dropdown-toggle user-notifications no-after {{ is_granted('ROLE_ADMIN') ? '' : 'peers fxw-nw ai-c lh-1' }}"
  151. data-toggle="dropdown">
  152. {% if is_granted('ROLE_ADMIN') %}
  153. <span class="counter-icon-wrap">
  154. <i class="fa fa-bell {% if getUserNotificationCount() %}ring{% endif %}"></i>
  155. <span class="badge badge-pill {{ getUserNotificationCount() > 0 ? 'badge-danger' : 'badge-secondary' }}">{{ getUserNotificationCount() }}</span>
  156. </span>
  157. {% else %}
  158. <div class="peer">
  159. <i class="fa fa-bell {% if getUserNotificationCount() %}ring{% endif %}">
  160. {% if getUserNotificationCount() %}
  161. <span class="badge badge-danger badge-pill user-notification-badge"><span class="number">{{ getUserNotificationCount() }}</span></span>
  162. {% endif %}
  163. </i>
  164. </div>
  165. {% endif %}
  166. </a>
  167. <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1" data-bs-popper="none">
  168. <li class="notification-title"><i class="fa fa-bell pR-10"></i> <span class="text">Pranešimai</span>
  169. </li>
  170. {% if getUserNotificationData().notifications | length > 0 %}
  171. {% for notification in getUserNotificationData().notifications %}
  172. <li class="">
  173. <a href="{{ path('app_me_notification_index_id',{id:notification.id}) }}"
  174. class="{{ notification.seen ? "" : "new" }} peers fxw-nw td-n bdB c-grey-800 cH-blue bgcH-grey-100">
  175. <div class="peer mR-10">
  176. <div class="image w-3r"
  177. style="background-image: url({{ notification.createdBy.profileImagePath }})"></div>
  178. </div>
  179. <div class="peer peer-greed">
  180. <div>
  181. <div class="peers jc-sb fxw-nw mB-5">
  182. <div class="peer"><p
  183. class="fw-500 mB-0">{{ notification.topic | truncate(25, false) }}</p>
  184. </div>
  185. <div class="peer alt-text">
  186. <small class="fsz-xs">prieš {{ notification.getAgo(app.user) }}</small>
  187. </div>
  188. </div>
  189. <span class="sub-headline">{{ notification.message | striptags | truncate(60, true) | split('.')|first | raw }}</span>
  190. </div>
  191. </div>
  192. </a>
  193. </li>
  194. {% endfor %}
  195. {% else %}
  196. <li class="c-grey-600 cH-blue td-n ta-c p-10">Pranešimų nėra</li>
  197. {% endif %}
  198. <li class="notification-title ta-c">
  199. <span>
  200. <a href="{{ path('app_me_notification_index') }}" class="td-n">Visi pranešimai
  201. <i class="ti-angle-right fsz-xs mL-10"></i>
  202. </a>
  203. </span>
  204. </li>
  205. </ul>
  207. </li>
  208. {% if is_granted('ROLE_TEACHER') %}
  209. {% set teacherPublicProfiles = app.user.teacherPublicProfiles|default([]) %}
  210. {% set teacherEditablePublicProfiles = teacherPublicProfiles|filter(publicProfile => publicProfile.status in [constant('App\\Entity\\TeacherPublicProfile::STATUS_IN_REVIEW'), constant('App\\Entity\\TeacherPublicProfile::STATUS_REJECTED')]) %}
  211. {% set teacherConfirmedPublicProfiles = teacherPublicProfiles|filter(publicProfile => publicProfile.status == constant('App\\Entity\\TeacherPublicProfile::STATUS_CONFIRMED')) %}
  212. {% set teacherPublicProfile = teacherEditablePublicProfiles|length ? teacherEditablePublicProfiles|first : (teacherConfirmedPublicProfiles|length ? teacherConfirmedPublicProfiles|first : null) %}
  213. {% set isTeacherPublicProfileCanceled = teacherPublicProfile and teacherPublicProfile.status == constant('App\\Entity\\TeacherPublicProfile::STATUS_REJECTED') %}
  214. {% if not teacherPublicProfile or isTeacherPublicProfileCanceled %}
  215. <li class="nav-fill-profile-item">
  216. <span class="nav-fill-profile-btn"{% if isTeacherPublicProfileCanceled %} style="border-color:#dc3545;color:#dc3545;"{% endif %}>
  217. <a href="{{ path('me_teacher_public_profile') }}" class="td-n"{% if isTeacherPublicProfileCanceled %} style="color:#dc3545;"{% endif %}>
  218. <i class="fas fa-exclamation-triangle" style="margin-right:6px;"></i>{% trans %}Reikia užpildyti viešą profilį{% endtrans %}
  219. </a>
  220. </span>
  221. </li>
  222. {% endif %}
  223. {% endif %}
  224. <li class="dropdown">
  225. <a href="" class="dropdown-toggle no-after peers fxw-nw ai-c lh-1" data-toggle="dropdown">
  226. <div class="peer">
  227. <img class="w-2r bdrs-50p"
  228. src="{% if app.user is defined and app.user is not null and app.user.profileImagePath is not null %}{{ app.user.profileImagePath }}{% else %}{{ asset('assets/images/default.png') }}{% endif %}"
  229. alt="">
  230. </div>
  231. <div class="peer pl-2">
  232. <span class=" user-name">{% if app.user is defined and app.user is not null and app.user.fullname is not null %}{{ app.user.fullname }}{% endif %}</span>
  233. </div>
  234. </a>
  235. <ul class="dropdown-menu ">
  236. {% if is_granted('ROLE_TEACHER') %}
  237. <li>
  238. {% if not teacherPublicProfile %}
  239. <a href="{{ path('me_teacher_public_profile') }}" class="menu-item fill-profile-dropdown-link" style="color:#e08c00;font-weight:600;display:flex;align-items:center;">
  240. <i class="fas fa-exclamation-triangle" style="padding-left:25px;margin-right:4px;flex-shrink:0;"></i><span style="padding:0;margin:0;font-weight:700;">{% trans %}Užpildyk savo viešą profilį{% endtrans %}</span>
  241. </a>
  242. {% elseif teacherPublicProfile.status == constant('App\\Entity\\TeacherPublicProfile::STATUS_REJECTED') %}
  243. <a href="{{ path('me_teacher_public_profile') }}" class="menu-item fill-profile-dropdown-link" style="color:#dc3545;font-weight:600;display:flex;align-items:center;">
  244. <i class="fas fa-exclamation-triangle" style="padding-left:25px;margin-right:4px;flex-shrink:0;"></i><span style="padding:0;margin:0;font-weight:700;">{% trans %}Užpildyk savo viešą profilį{% endtrans %}</span>
  245. </a>
  246. {% else %}
  247. <a href="{{ path('me_teacher_public_profile') }}" class="menu-item">
  248. <span>{% trans %}Public Profile{% endtrans %}</span>
  249. </a>
  250. {% endif %}
  251. </li>
  252. <li class="divider"></li>
  253. {% endif %}
  254. <li>
  255. <a href="{{ path('me_edit') }}" class="menu-item">
  256. <span>{% trans %}Edit Profile{% endtrans %}</span>
  257. </a>
  258. </li>
  259. <li>
  260. <a href="/logout" class="menu-item">
  261. <span>{% trans %}Logout{% endtrans %}</span>
  262. </a>
  263. </li>
  264. </ul>
  265. </li>
  266. <li>
  267. <a id="sidebar-toggle" class="sidebar-toggle" href="javascript:void(0);">
  268. <i class="fa-solid fa-bars"></i>
  269. <i class="fa-solid fa-xmark"></i>
  270. </a>
  271. </li>
  272. </ul>
  273. </div>
  274. </div>
  275. {% if not is_granted('ROLE_ADMIN') %}
  276. {% block stylesheets %}
  277. {% endblock %}
  278. {% block javascripts %}
  279. {# {{ encore_entry_script_tags('app') }}#}
  280. <script>
  281. document.addEventListener("DOMContentLoaded", function(event) {
  282. $('.card.has-timer').each(function (index, item) {
  283. CountDownTimer(item);
  284. })
  285. $('.move-lesson').on('click', function () {
  286. Swal.fire({
  287. title: "Ar tikrai?",
  288. text: "Norint perkelti užsiėmimą į naują dieną ir laiką privaloma susitarti su mokinio ar mokinio tėvais/ globėjais. Nesusitarus, perkelti draudžiama.",
  289. icon: "warning",
  290. showCancelButton: true,
  291. confirmButtonColor: "#3085d6",
  292. cancelButtonColor: "#d33",
  293. confirmButtonText: "Tėvai/mokinys sutiko",
  294. cancelButtonText: "Dar nesusitariau",
  295. customClass: {container: "version_2"},
  296. }).then((result) => {
  297. if (result.isConfirmed) {
  298. initLessonMoveModal(this.getAttribute('data-lesson'))
  299. }
  300. })
  302. })
  303. $('.missed-lesson').on('click', function () {
  304. let modal = $('#missedLessonModal');
  305. modal.modal().show();
  306. modal.attr('data-lesson', this.getAttribute('data-lesson'))
  307. })
  309. $('#modal .modal-save').on('click', function (e) {
  310. e.stopPropagation()
  311. if ($('.modal-body form').get(0).reportValidity()) {
  312. if (confirm("Ar tikrai norite perkelti šią pamoką?")) {
  313. let lessonId = this.getAttribute('lesson');
  314. let url = `{{ path('me_teacher_lesson_move', {'id': 'id'}) }}`;
  315. url = url.replace('id', lessonId);
  316. $.ajax({
  317. type: 'POST',
  318. url: url,
  319. data: $('.modal-body form').serialize(),
  320. success: function (res) {
  321. $('#modal').modal('hide')
  322. $('#modal .modal-footer .modal-save').removeAttr('lesson')
  323. window.location.reload()
  324. },
  325. error: function (error) {
  326. toastr.error(error.responseJSON.status);
  327. }
  328. });
  329. }
  330. }
  331. })
  332. let searchParams = new URLSearchParams(window.location.search)
  333. if (searchParams.has('action') && searchParams.get('action') == 'missed') {// true
  334. initModal('Informacija', `
  335. <p>Kadangi kita pusė neinformuotai praleido užsiėmimą (neprisijungė laiku), užsiėmimas laikomas kaip kitos pusės neinformuotai praleistas.</p>
  336. <p>Klientas už tokį korepetitoriaus praleistą užsiėmimą pinigų nemoka. Esant galimybei, korepetitorius susisieks su Jumis ir sutars naują laiką užsiėmimui atidirbti.</p>
  337. <p>Korepetitorius už tokį mokinio praleistą užsiėmimą atlygį gauna ir klientas už mokinio neinformuotai praleistą užsiėmimą moka pilną kainą. Esant galimybei, korepetitorius susisieks su Jumis ir sutars naują laiką užsiėmimui atidirbti.</p>`);
  338. let url = document.location.href;
  339. window.history.pushState({}, "", url.split("?")[0]);
  340. }
  341. if (searchParams.has('action') && searchParams.get('action') == 'moved') {// true
  342. initModal('Informacija', `
  343. <div class="ta-c">
  344. <p>Korepetitorius šį užsiėmimą ką tik perkėlė ir užsiėmimas vyks kitu laiku!</p>
  345. <p>Pradinė užsiėmimo data ir laikas:<br>${searchParams.get('from')}</p>
  346. <p>Nauja užsiėmimo data ir laikas:<br>${searchParams.get('to')}</p>
  347. </div>`);
  348. let url = document.location.href;
  349. window.history.pushState({}, "", url.split("?")[0]);
  350. }
  351. if (searchParams.has('action') && searchParams.get('action') == 'denied') {// true
  352. initModal('Šiuo metu nėra galimybės prisijungti prie užsiėmimo.', `
  353. <div class="ta-c">
  354. <p><b>Taip yra dėl vienos iš žemiau pateiktų priežasčių:</b></p>
  355. <p>A) šiuo metu vienas vartotojas jau yra prisijungęs (mokinys arba tėvas/ globėjas);</p>
  356. <p>B) jūs neplanuotai atsijungėte nuo užsiėmimo.</p>
  357. <p><b>JEI NORITE PRISIJUNGTI:</b></p>
  358. <p>A) atveju privaloma, jog vienas vartotojas atsijungtų ir tik tada galės prisijungti kitas vartotojas;</p>
  359. <p>B) atveju vėl galėsite prisijungti 60 sekundžių eigoje nuo neplanuoto atsijungimo;</p>
  360. </div>`);
  361. let url = document.location.href;
  362. // window.history.pushState({}, "", url.split("?")[0]);
  363. }
  364. // create new scope
  365. var timer;
  366. // bind event handler
  367. $('.join-lesson').on('click', function () {
  368. var buttonClicked = this;
  369. if (timer) {
  370. clearTimeout(timer);
  371. }
  372. timer = setTimeout(function () {
  373. window.open(buttonClicked.getAttribute('data-href'), "_blank")
  374. }, 700, buttonClicked);
  375. });
  376. })
  379. function initModal(header, body, footerVisible = false) {
  380. let modal = $('#modal').modal();
  381. modal.find('.modal-header .modal-title').html(header)
  382. modal.find('.modal-body .content').html(body)
  383. if (footerVisible) {
  384. modal.find('.modal-footer').show();
  385. } else {
  386. modal.find('.modal-footer').hide();
  387. }
  388. modal.show();
  389. }
  392. function initLessonMoveModal(lessonId) {
  394. let url = `{{ path('me_teacher_lesson_move', {'id': 'id'}) }}`;
  395. url = url.replace('id', lessonId);
  396. $('#modal .modal-footer .modal-save').attr('lesson', lessonId);
  397. $.ajax({
  398. type: 'GET',
  399. url: url,
  400. success: function (res) {
  401. initModal('Perkelti...', res, true);
  402. $('#lesson_move_startTime').flatpickr({
  403. locale: "lt",
  404. altInput: true,
  405. enableTime: true,
  406. altFormat: "Y-m-d H:i",
  407. dateFormat: "Y-m-d H:i",
  408. minTime: "05:00",
  409. time_24hr: true,
  410. allowInput: true,
  411. onClose: function (change, string, event) {
  412. var duration = $('#lesson_move_duration').val();
  414. var endTime = moment(string).add(duration, 'minutes').format('YYYY-MM-DD HH:mm')
  415. $('#lesson_move_endTime').val(endTime);
  416. }
  417. })
  418. }
  419. })
  420. }
  422. function CountDownTimer(selector) {
  423. var timeBlock = $(selector).find('.card-item');
  424. var startTime = new Date(timeBlock.attr('data-start').replace(/-/g, "/"));
  425. var endTime = new Date(timeBlock.attr('data-end').replace(/-/g, "/"));
  426. endTime = endTime.setMinutes(endTime.getMinutes() + 4);
  427. var _second = 1000;
  428. var _minute = _second * 60;
  429. var _hour = _minute * 60;
  430. var _day = _hour * 24;
  431. var timer;
  432. ///var now = new Date("{{ "now"|date('Y-m-d H:i:s') }}");
  433. var server = moment('{{ "now"|date('Y-m-d H:i:s') }}')
  434. var user = moment()
  435. var difference = user - server;
  437. // console.log(server);
  438. function showRemaining() {
  439. var now = new Date(new Date().toLocaleString("en-US", {timeZone: "Europe/Vilnius"})) - difference;
  440. // console.log(moment(now).format())
  441. // console.log(moment().format())
  442. var distanceUntilStart = startTime - now;
  443. var days = Math.floor(distanceUntilStart / _day);
  444. var hours = Math.floor((distanceUntilStart % _day) / _hour);
  445. var minutes = Math.floor((distanceUntilStart % _hour) / _minute);
  446. var seconds = Math.floor((distanceUntilStart % _minute) / _second);
  449. //how long lesson is already going
  450. var distanceFromStart = now - startTime;
  451. var goingHours = Math.floor((distanceFromStart % _day) / _hour);
  452. var goingMinutes = Math.floor((distanceFromStart % _hour) / _minute) + (goingHours * 60);
  453. var goingSeconds = Math.floor((distanceFromStart % _minute) / _second);
  455. //how long after the lesson end to remove the card dom object.
  456. var distanceFromEnd = endTime - now;
  457. var afterMinutes = Math.floor((distanceFromEnd % _hour) / _minute);
  458. var afterSeconds = Math.floor((distanceFromEnd % _minute) / _second);
  459. //console.log(goingMinutes + " going");
  460. if (distanceUntilStart > 0) {
  461. // timeText = days + 'days ';
  462. timeText = hours + 'val. ';
  463. timeText += minutes + 'min. ';
  464. timeText += seconds + 's.';
  465. // $(selector).find('.timer').html(timeText);//bug
  467. checkminutes = 5
  468. {% if is_granted('ROLE_TEACHER') %}
  469. checkminutes = 10
  470. {% endif %}
  472. if (days == 0 && hours == 0 && minutes < checkminutes) {
  473. // $(selector).find('.timer').hide()
  474. $(selector).find('.notice').html(`Iki pradžios liko: <b>${minutes} min. ${seconds} s.</b><br>Junkitės į užsiėmimą!`)
  475. $(selector).find('.join-lesson').removeAttr('disabled')
  476. } else {
  477. if (days > 0) {
  478. $(selector).find('.notice').html(`Iki užsiėmimo pradžios liko: <b>${days + " d."} ${hours} val ${minutes} min.</b>`)
  479. } else {
  480. if (hours == 0) {
  482. let text = `Iki užsiėmimo pradžios: <b>${minutes} min. ${seconds} s.</b>`
  483. {% if is_granted('ROLE_TEACHER') %}
  484. minutes = minutes - 10
  485. {% else %}
  486. minutes = minutes - 5
  487. {% endif %}
  489. text += `<br>Jungtis galėsite po: <b>${minutes} min. ${seconds} s.</b>`;
  491. $(selector).find('.notice').html(text)
  492. } else {
  493. let text = `Iki užsiėmimo pradžios: <b>${hours} val ${minutes} min.</b>`
  494. {% if is_granted('ROLE_TEACHER') %}
  495. minutes = minutes - 10
  496. {% else %}
  497. minutes = minutes - 5
  498. {% endif %}
  499. if (minutes < 0) {
  500. hours = hours - 1;
  501. minutes = minutes + 60;
  502. }
  503. text += `<br>Jungtis galėsite po: <b>${hours ? hours : ""} ${hours ? "val" : ""} ${minutes} min.</b>`;
  504. $(selector).find('.notice').html(text)
  505. }
  506. }
  507. }
  508. if (days == 0 && hours == 0 && minutes < 60) {
  509. $(selector).find('.missed-lesson').attr('disabled', false);
  510. } else {
  511. $(selector).find('.missed-lesson').attr('disabled', true);
  512. }
  513. return;
  514. }
  515. //console.log('after', afterMinutes)
  517. // console.log(`afterminutes`,afterMinutes);
  518. // console.log(`going`,goingMinutes);
  519. if (distanceFromStart > 0) {
  520. lesson = $(selector).find('.card-item').data('lesson-id');
  521. if (!$(`[data-lesson-id=${lesson}]`).find('.users').hasClass('was-joined')) {
  522. if ($(selector).find('.teacher').find('.box').hasClass('not-joined') && $(selector).find('.student').find('.box').hasClass('not-joined') && goingMinutes > 4) {
  523. $(`[data-lesson-id=${lesson}]`).parent().parent().hide();
  524. }
  525. if ($(selector).find('.student').find('.box').hasClass('not-joined') && $(selector).find('.teacher').find('.box').hasClass('not-joined') && goingMinutes > 14) {
  526. $(`[data-lesson-id=${lesson}]`).parent().parent().hide();
  527. // $(selector).find('.btn').hide();
  528. }
  529. }
  530. // $(selector).find('.timer').hide()
  531. $(selector).find('.notice').html(``);
  532. $(selector).find('.notice').html(`Jau vyksta (${goingMinutes}min. ${goingSeconds}s.)!`);
  534. }
  535. if (afterMinutes < 0) {
  536. clearInterval(timer);
  537. $(selector).hide();
  538. }
  540. }
  542. timer = setInterval(showRemaining, 1000);
  544. }
  545. {% set userType = lessonExtension.learncubeUser %}
  546. {% if is_granted('ROLE_GUARDIAN') %}
  547. {% set userType = constant('App\\Service\\LearnCubeService::tag_guardian') %}
  548. {% endif %}
  549. const eventSource = new EventSource("{{ mercure('lesson_status/' ~ userType ~ '/' ~ app.user.id )|escape('js') }}");
  550. eventSource.onmessage = event => {
  551. event = JSON.parse(event.data);
  552. console.log(event);
  553. if (event.action == "reload") {
  554. window.location.reload();
  555. }
  556. if (event.id > 0) {
  557. $(`.lesson-list .card-item[data-lesson-id=${event.id}] .box`).removeClass('joined')
  558. $(`.lesson-list .card-item[data-lesson-id=${event.id}] .box`).removeClass('not-joined')
  559. $(`.lesson-list .card-item[data-lesson-id=${event.id}] .teacher .box`).toggleClass(parseStatus(event.teacher))
  560. $(`.lesson-list .card-item[data-lesson-id=${event.id}] .student .box`).toggleClass(parseStatus(event.student))
  561. }
  562. }
  564. function parseStatus(status) {
  565. if (status) {
  566. return "joined"
  567. } else {
  568. return `not-joined`
  569. }
  570. }
  571. </script>
  572. {% endblock %}
  574. {% endif %}