templates/user/produkt_details/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block metaTitle %}{{ schulung.schulungName }} - {{ parent() }}{% endblock %}
  5. {% block body %}
  8.     {% include('/user/produkt_details/schulung.html.twig') %}
  10.     <div class="modal fade" id="modal-warenkorb" tabindex="-1" role="dialog" aria-labelledby="ModalWarenkorbTitle" aria-hidden="true">
  11.         <div class="modal-dialog modal-md modal-dialog-scrollable" role="document" style="max-height: 90%;">
  12.             <div class="modal-content" id="warenkorbHinzufuegen">
  14.             </div>
  15.         </div>
  16.     </div>
  19.     <div class="modal fade" id="scrollable-modal" tabindex="-1" role="dialog" aria-labelledby="scrollableModalTitle" aria-hidden="true">
  20.         <div class="modal-dialog modal-md modal-dialog-scrollable" role="document" style="max-height: 90%;">
  21.             <div class="modal-content">
  22.                 <div class="modal-header">
  23.                     <h4 class="modal-title mb-0" id="scrollableModalTitle">Termine</h4>
  24.                     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-hidden="true"></button>
  25.                 </div>
  26.                 <div class="modal-body">
  28.                     <div id="seminarTermine">
  30.                     </div>
  32.                 </div>
  33.             </div>
  34.         </div>
  35.     </div>
  38.     <div class="modal fade task-modal-content" id="modal-1" tabindex="-1" role="dialog"
  39.          aria-labelledby="Modal-Label-1" aria-hidden="true">
  40.         <div class="modal-dialog modal-md modal-dialog-scrollable" role="document" style="max-height: 90%;">
  41.             <div class="modal-content">
  42.                 <div class="modal-header">
  43.                     <h4>Schulung hinzufügen</h4>
  44.                     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-hidden="true"></button>
  45.                 </div>
  46.                 <div class="modal-body">
  47.                     <b>Der Campus befindet sich noch im Aufbau.</b><br>
  48.                     Im Moment sind Buchungen nur möglich, wenn du mit deiner Firma verbunden bist.
  49.                     <div class="mt-3 fw-bolder">Was kann ich tun?</div>
  50.                     <div class="ps-3">
  51.                         <li>Frage in deiner Firma nach, ob ihr bereits einen Firmenaccount im Campus besitzt.</li>
  52.                         <li>Wenn JA: Verbinde dich mit deiner Firma und nutze die Vorteile auf Firmenrechnung zu buchen</li>
  53.                         <li>Wenn NEIN: Frage in deiner Firma nach, ob sie nicht Teil des Campus werden wollen.</li>
  54.                     </div>
  55.                     <div class="mt-3">
  56.                         Für weitere Informationen schreibe an<br><a href="mailto:support@handwerkXcampus.de">support@handwerkXcampus.de</a><br>
  57.                         oder ruf einfach an unter<br>
  58.                         <a href="tel:04919922222">0491 / 99 22222</a>
  59.                     </div>
  61.                 </div>
  62.             </div>
  63.         </div>
  64.     </div>
  66.     <script>
  67.         jQuery(function ($) {
  69.             $('#staerkenkompass-mobil-ansicht').removeClass('d-none')
  70.             $('.hauptseite-campus-logo').addClass('d-none')
  71.             $('.hauptseite-zurueck-symbol').removeClass('d-none')
  72.             {% if zurueckLink == null %}
  73.             $('.hauptseite-zurueck-link').attr('href', 'javascript:history.back()')
  74.             {% else %}
  75.             $('.hauptseite-zurueck-link').attr('href', '{{ zurueckLink }}')
  76.             {% endif %}
  78.             $(document).on('click', '.lade-modal-fenster', function (event) {
  79.                 event.preventDefault();
  80.                 let href = $(this).attr('href');
  82.                 $.ajax({
  83.                     'url': href,
  84.                     'method': 'get',
  85.                     'success': function (response) {
  86.                         $('#seminarTermine').html(response);
  87.                     },
  88.                     'error': function (response) {
  89.                         console.log('Fehler bei Ajax-Link' + response)
  90.                     }
  91.                 });
  92.             });
  94.             $(document).on('click', '.fremdanbieter-counter-link', function (event) {
  95.                 let counterLink = $(this).attr('data-counter-link');
  96.                 $.ajax({
  97.                     'url': counterLink,
  98.                     'method': 'get',
  99.                     'success': function (response) {
  100.                     },
  101.                     'error': function (response) {
  102.                         console.log('Fehler bei Ajax-Link' + response)
  103.                     }
  104.                 });
  105.             });
  107.             $(document).on('click', '.modal-warenkorb-hinzufuegen', function (event) {
  108.                 event.preventDefault();
  109.                 let terminId = $('.modal-warenkorb-hinzufuegen').attr('data-termin-id');
  111.                 $.ajax({
  112.                     'url': '/user/produkt/details/warenkorb/' + terminId,
  113.                     'method': 'get',
  114.                     'success': function (response) {
  115.                         $("#warenkorbHinzufuegen").html(response);
  116.                         window.refreshFilterList();
  117.                     },
  118.                     'error': function (response) {
  119.                         console.log('Fehler bei Ajax-Link' + response)
  120.                     }
  121.                 });
  122.             });
  127.             $(document).on('click', '.provisorischen-mitarbeiter-anlegen', function (event) {
  128.                 event.preventDefault();
  129.                 let href = $(this).attr('href');
  130.                 let sortieren = parseInt($(this).attr('data-sortieren'));
  131.                 let mailadresse = $('#mailversand').val().trim().toLowerCase();
  132.                 let firmenposition = $('#personal-firmenposition').val().trim();
  133.                 let vorname = $('#personal-vorname').val().trim();
  134.                 let nachname = $('#personal-nachname').val().trim();
  135.                 let ansprechpartner = vorname + ' ' + nachname;
  136.                 if (sortieren === 12) {
  137.                     ansprechpartner = nachname + ' ' + vorname;
  138.                 }
  140.                 if (!validateEmail(mailadresse) || mailadresse.length === 0) {
  141.                     window.toastSpeichern('ungültige E-Mail-Adresse', 'error', 3000);
  142.                     return;
  143.                 }
  144.                 if (firmenposition.length === 0 || vorname.length === 0 || nachname.length === 0 || mailadresse.length === 0) {
  145.                     window.toastSpeichern('Bitte alle Felder ausfüllen', 'error', 3000);
  146.                     return;
  147.                 }
  148.                 $('.provisorischen-mitarbeiter-anlegen').addClass('d-none')
  149.                 $('.provisorischen-mitarbeiter-anlegen-warten').removeClass('d-none')
  152.                 $.ajax({
  153.                     'url': href,
  154.                     'method': 'post',
  155.                     'data': {
  156.                         'email': mailadresse.toLowerCase(),
  157.                         'firmenposition': firmenposition,
  158.                         'vorname': vorname,
  159.                         'nachname': nachname,
  160.                     },
  161.                     'success': function (response) {
  162.                         if (!response['error']) {
  164.                             let teilnehmer = `<div class="row widget-filter-item border-top pb-2 pt-2">
  165.                                     <div class="col-1">
  166.                                         <input type="checkbox" checked
  167.                                            class="checkbox-user-id form-checkbox"
  168.                                            data-user-id="${response['userId']}">
  169.                                     </div>
  170.                                     <div class="col-2">
  171.                                         <img class="rounded-circle" src="/img/campus/kein_user.png" alt="Profilbild" width="40px">
  172.                                     </div>
  173.                                     <div class="col-8 widget-filter-item-text">
  174.                                         <div class="text-success fw-bolder">NEU</div>
  175.                                         <div class="text-info small fw-bolder">Inaktiver Account</div>
  176.                                         ${ansprechpartner}
  177.                                         <br>
  178.                                         <span class="text-muted">${firmenposition}</span>
  179.                                     </div>
  180.                                   </div>`;
  181.                             $(teilnehmer).insertBefore($('.div-neuer-ansprechpartner'));
  183.                             $('#mailversand').val('');
  184.                             $('#personal-firmenposition').val('');
  185.                             $('#personal-vorname').val('');
  186.                             $('#personal-nachname').val('');
  188.                             $('.collapse-weitere-Teilnehmer').trigger('click');
  190.                         } else {
  191.                             window.toastSpeichern(response['fehlermeldung'], 'error', 5000);
  192.                         }
  193.                         $('.provisorischen-mitarbeiter-anlegen').removeClass('d-none')
  194.                         $('.provisorischen-mitarbeiter-anlegen-warten').addClass('d-none')
  195.                     },
  196.                     'error': function (response) {
  197.                         console.log('Konnte nicht gespeichert werden.' + response)
  198.                     }
  199.                 });
  200.             })
  204.             $(document).on('click', '.link-schulung-beobachten', function (event) {
  205.                 event.preventDefault();
  206.                 let href = $(this).attr('href');
  207.                 window.confirmModal('Schulung beobachten', '', 'Möchtest du eine E-Mail erhalten wenn ein neuer Termin zu dieser Schulung veröffentlicht wird?', 'Beobachtung aktivieren', function () {
  208.                     $.ajax({
  209.                         'url': href,
  210.                         'method': 'get',
  211.                         'success': function (response) {
  212.                             window.location.reload();
  213.                         },
  214.                         'error': function (response) {
  215.                             console.log('Fehler bei Ajax-Link' + response)
  216.                         }
  217.                     });
  218.                 });
  219.             });
  220.             $(document).on('click', '.link-schulung-beobachten-loeschen', function (event) {
  221.                 event.preventDefault();
  222.                 let href = $(this).attr('href');
  223.                 window.confirmModal('Schulung beobachten', '', 'Du möchtest bei neuen Terminen nicht mehr informiert werden?', 'Beobachtung deaktivieren', function () {
  224.                     $.ajax({
  225.                         'url': href,
  226.                         'method': 'get',
  227.                         'success': function (response) {
  228.                             window.location.reload();
  229.                         },
  230.                         'error': function (response) {
  231.                             console.log('Fehler bei Ajax-Link' + response)
  232.                         }
  233.                     });
  234.                 });
  235.             });
  238.             $(document).on('click', '.inhouse-schulung-hinzufuegen', function (event) {
  239.                 event.preventDefault();
  240.                 let href = $(this).attr('href');
  241.                 window.confirmModal('Inhouse-Schulungen', '', 'Die Anfrage der Inhouse-Schulung findet im Adminbereich statt. Du wirst nun zum Adminbereich weitergeleitet.' +
  242.                     '<span class="text-info small"><br>&nbsp<br>Der Adminbereich ist für die App-Nutzung nicht so gut geeignet. Es wäre vom Vorteil die Desctop-Version zu verwenden.</span>', 'Zum Adminbereich', function () {
  243.                     window.location.href = href;
  244.                 });
  245.             });
  248.             $(document).on('click', '.modal-empfehlung-hinzufuegen', function (event) {
  249.                 event.preventDefault();
  250.                 let href = $(this).attr('href');
  251.                 $.ajax({
  252.                     'url': href,
  253.                     'method': 'get',
  254.                     'success': function (response) {
  255.                         $("#warenkorbHinzufuegen").html(response);
  256.                         window.refreshFilterList();
  257.                     },
  258.                     'error': function (response) {
  259.                         console.log('Fehler bei Ajax-Link' + response)
  260.                     }
  261.                 });
  262.             });
  264.             $(document).on('change', '.checkbox-user-id', function (event) {
  265.                 event.preventDefault();
  266.                 $('.button-empfehlung-speichern').addClass('d-none')
  268.                 let arrayTeilnehmer = [];
  269.                 $('.checkbox-user-id:checked').each(function (index, checkboxUserId) {
  270.                     arrayTeilnehmer.push(parseInt($(checkboxUserId).attr('data-user-id')));
  271.                 });
  272.                 if (arrayTeilnehmer.length > 0) {
  273.                     $('.keinMitarbeiterAusgewaehlt').text(arrayTeilnehmer.length + ' ausgewählt')
  274.                     $('.keinMitarbeiterAusgewaehlt').removeClass('d-none')
  275.                     $('.button-empfehlung-speichern').removeClass('d-none')
  276.                 } else {
  277.                     $('.keinMitarbeiterAusgewaehlt').text('Personen auswählen')
  278.                 }
  279.             });
  281.             $(document).on('click', '.button-empfehlung-speichern', function (event) {
  282.                 event.preventDefault();
  283.                 let href = $(this).attr('href');
  284.                 $('.keinMitarbeiterAusgewaehlt').addClass('d-none')
  286.                 let arrayTeilnehmer = [];
  287.                 $('.checkbox-user-id:checked').each(function (index, checkboxUserId) {
  288.                     arrayTeilnehmer.push(parseInt($(checkboxUserId).attr('data-user-id')));
  289.                 });
  290.                 if (arrayTeilnehmer.length === 0) {
  291.                     window.toastSpeichern('Bitte mindestens eine Person auswählen', 'error', 3000);
  292.                     $('.keinMitarbeiterAusgewaehlt').text('Min. 1 Person auswählen')
  293.                     $('.keinMitarbeiterAusgewaehlt').removeClass('d-none')
  294.                     return;
  295.                 }
  297.                 let terminIDs = '-1';
  298.                 let arrayTermine = [];
  299.                 $('.checkbox-termin-empfehlen:checked').each(function (index, checkboxTerminId) {
  300.                     arrayTermine.push(parseInt($(checkboxTerminId).attr('data-termin-id')));
  301.                 });
  302.                 if (arrayTermine.length > 0) {
  303.                     terminIDs = JSON.stringify(arrayTermine)
  304.                 }
  306.                 $.ajax({
  307.                     'url': href,
  308.                     'method': 'post',
  309.                     'data': {
  310.                         'arrayTeilnehmer': JSON.stringify(arrayTeilnehmer),
  311.                         'terminIDs': terminIDs,
  312.                     },
  313.                     'success': function (response) {
  314.                         let modal = bootstrap.Modal.getInstance(document.getElementById('modal-warenkorb'));
  315.                         modal.hide();
  316.                         window.toastSpeichern('Empfehlungen wurden gesendet', 'success', 3000);
  317.                     },
  318.                     'error': function (response) {
  319.                         console.log('Fehler bei Ajax-Link' + response)
  320.                     }
  321.                 });
  322.             });
  325.             /*
  326.                         $(document).on('click', '.button-warenkorb-entfernen', function (event) {
  327.                             event.preventDefault();
  329.                             let href = $(this).attr('href');
  330.                             $.ajax({
  331.                                 'url': href,
  332.                                 'method': 'get',
  333.                                 'success': function (response) {
  334.                                     window.refreshUserNotification();
  335.                                     let modal = bootstrap.Modal.getInstance(document.getElementById('modal-warenkorb'));
  336.                                     modal.hide();
  337.                                 },
  338.                                 'error': function (response) {
  339.                                     console.log('Fehler bei Ajax-Link' + response)
  340.                                 }
  341.                             });
  342.                         });
  343.             */
  345.             $(document).on('click', '.button-warenkorb-speichern', function (event) {
  346.                 event.preventDefault();
  348.                 let href = $(this).attr('href');
  349.                 let freiePlaetze = parseInt($(this).attr('data-freie-plaetze'));
  350.                 $('.keinMitarbeiterAusgewaehlt').addClass('d-none')
  351.                 $('.zuvielMitarbeiterAusgewaehlt').addClass('d-none')
  353.                 let arrayTeilnehmer = [];
  354.                 $('.checkbox-user-id:checked').each(function (index, checkboxUserId) {
  355.                     arrayTeilnehmer.push(parseInt($(checkboxUserId).attr('data-user-id')));
  356.                 });
  357.                 if (arrayTeilnehmer.length === 0) {
  358.                     $('.keinMitarbeiterAusgewaehlt').removeClass('d-none')
  359.                     return;
  360.                 }
  361.                 let anzahl = arrayTeilnehmer.length;
  362.                 if (freiePlaetze === -1 || (freiePlaetze > 0 && anzahl > freiePlaetze)) {
  363.                     $('.zuvielMitarbeiterAusgewaehlt').removeClass('d-none')
  364.                     return;
  365.                 }
  367.                 let bemerkung = $('#textarea-bemerkung').val();
  370.                 $(this).addClass('d-none')
  371.                 $('.bitte-warten-spinner').removeClass('d-none')
  373.                 $.ajax({
  374.                     'url': href,
  375.                     'method': 'post',
  376.                     'data': {
  377.                         'arrayTeilnehmer': JSON.stringify(arrayTeilnehmer),
  378.                         'anzahl': anzahl,
  379.                         'bemerkung': bemerkung,
  380.                     },
  381.                     'success': function (response) {
  382.                         let modal = bootstrap.Modal.getInstance(document.getElementById('modal-warenkorb'));
  383.                         modal.hide();
  384.                         if (!response['ueberbucht']) {
  385.                             window.location.href = '/user/bestellung/' + response['buchungId'];
  386.                         } else {
  387.                             window.confirmModal('Ausgebucht', '', 'Es tut uns leid.<br>Die restlichen freien Plätze wurden in der Zwischenzeit von anderen Teilnehmern gebucht.', 'ok', function () {
  388.                             });
  389.                         }
  390.                     },
  391.                     'error': function (response) {
  392.                         console.log('Fehler bei Ajax-Link' + response)
  393.                     }
  394.                 });
  395.             });
  398.             const urlParams = new URLSearchParams(window.location.search);
  399.             const termin_filter_id = urlParams.get('terminId');
  401.             if (termin_filter_id != null) {
  402.                 $('.termine-div').addClass('d-none');
  403.                 $('.termin-id' + termin_filter_id).removeClass('d-none');
  404.             }
  406.             $(document).on('click', '.termin-uebernehmen-link', function (e) {
  407.                 let terminId = $(this).attr('data-termin-id');
  408.                 $('.modal-warenkorb-hinzufuegen').attr('data-termin-id', terminId);
  409.                 $('.termine-div').addClass('d-none');
  410.                 $('.termin-id' + terminId).removeClass('d-none');
  411.                 window.toastSpeichern('Termin wurde übernommen', 'success', 2000);
  412.             });
  415.             $(document).on('click', '.btn-wishlist', function (event) {
  416.                 event.preventDefault();
  418.                 let $button = $(this);
  419.                 let $container = $button.closest('.favoriten-buttons');
  420.                 let href = $(this).attr('href');
  421.                 let buttonArt = $(this).attr('data-herz-button-art');
  423.                 console.log($container)
  425.                 $.ajax({
  426.                     'url': href,
  427.                     'method': 'get',
  428.                     'success': function (response) {
  429.                         $button.addClass('d-none');
  430.                         if (buttonArt === 'plus') {
  431.                             $('a[data-herz-button-art="minus"]', $container).removeClass('d-none');
  432.                             $button.removeClass('d-none');
  433.                         }
  434.                         if (buttonArt === 'minus') {
  435.                             $('a[data-herz-button-art="plus"]', $container).removeClass('d-none');
  436.                         }
  437.                     },
  438.                     'error': function (response) {
  439.                         console.log('Fehler bei Ajax-Link' + response)
  440.                     }
  441.                 });
  442.             });
  445.             $(document).on('click', 'div.star-rating > s', function (e) {
  446.                 $(this).closest('div').find('.active').removeClass('active');
  447.                 $(e.target).parentsUntil("div").addClass('active'); // all elements up from the clicked one excluding self
  448.                 $(e.target).addClass('active');  // the element user has clicked on
  449.                 let numStars = $(e.target).parentsUntil("div").length + 1;
  450.                 $('.sterne-bewertung').text(numStars);
  451.             });
  453.             $(document).on('click', '.kommentar-text-absenden', function (event) {
  454.                 event.preventDefault();
  455.                 let href = $(this).attr('href');
  456.                 let weiterleitung = $(this).attr('data-weiterleitung');
  457.                 let name = $(".kommentar-name").val().trim();
  458.                 let text = $(".kommentar-text").val().trim();
  459.                 $('.fehler-kommentar-name').attr("style", "display: none");
  460.                 $('.fehler-kommentar-text').attr("style", "display: none");
  462.                 if (name.length < 1 || text.length < 1) {
  463.                     if (name.length < 1) {
  464.                         $('.fehler-kommentar-name').attr("style", "display: block");
  465.                     }
  466.                     if (text.length < 1) {
  467.                         $('.fehler-kommentar-text').attr("style", "display: block");
  468.                     }
  469.                     return
  470.                 }
  472.                 $.ajax({
  473.                     'url': href,
  474.                     'method': 'post',
  475.                     'data': {
  476.                         'name': name,
  477.                         'text': text,
  478.                     },
  479.                     'success': function (response) {
  480.                         ladeKommentare(weiterleitung)
  481.                     },
  482.                     'error': function (response) {
  483.                         console.log('Fehler bei antwort_link' + response)
  484.                     }
  485.                 });
  487.             });
  490.             $(document).on('click', '.kommentar-antwort-absenden', function (event) {
  491.                 event.preventDefault();
  492.                 let href = $(this).attr('href');
  493.                 let weiterleitung = $(this).attr('data-weiterleitung');
  494.                 let kommentarId = $(this).attr('data-kommentar-id');
  495.                 let antwort = $(".kommentar-antwort-text" + kommentarId).val().trim();
  496.                 $('.fehler-kommentar-antwort').attr("style", "display: none");
  498.                 if (antwort.length < 1) {
  499.                     $('.fehler-kommentar-antwort').attr("style", "display: block");
  500.                     return
  501.                 }
  502.                 $.ajax({
  503.                     'url': href,
  504.                     'method': 'post',
  505.                     'data': {
  506.                         'kommentarId': kommentarId,
  507.                         'antwort': antwort,
  508.                     },
  509.                     'success': function (response) {
  510.                         ladeKommentare(weiterleitung)
  511.                     },
  512.                     'error': function (response) {
  513.                         console.log('Fehler bei antwort_link' + response)
  514.                     }
  515.                 });
  516.             });
  519.             $(document).on('click', '.bewertung-absenden', function (event) {
  520.                 event.preventDefault();
  521.                 let href = $(this).attr('href');
  522.                 let weiterleitung = $(this).attr('data-weiterleitung');
  523.                 let username = $('.bewertung-username').val().trim();
  524.                 let text = $('.bewertung-text').val().trim();
  525.                 let sterne = parseInt($('.sterne-bewertung').text().trim());
  527.                 $('.fehler-bewertung-name').attr("style", "display: none");
  528.                 $('.fehler-sterne-vergeben').attr("style", "display: none");
  530.                 console.log(sterne)
  531.                 if (username.length < 1 || sterne === 0) {
  532.                     if (username.length < 1) {
  533.                         $('.fehler-bewertung-name').attr("style", "display: block");
  534.                     }
  535.                     if (sterne === 0) {
  536.                         $('.fehler-sterne-vergeben').attr("style", "display: block");
  537.                     }
  538.                     return
  539.                 }
  541.                 $.ajax({
  542.                     'url': href,
  543.                     'method': 'post',
  544.                     'data': {
  545.                         'username': username,
  546.                         'text': text,
  547.                         'sterne': sterne,
  548.                     },
  549.                     'success': function (response) {
  550.                         ladeBewertungen(weiterleitung)
  552.                     },
  553.                     'error': function (response) {
  554.                         console.log('Fehler bei antwort_link' + response)
  555.                     }
  556.                 });
  557.             });
  559.             function validateEmail(email) {
  560.                 let emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
  561.                 if (!emailReg.test(email)) {
  562.                     return false;
  563.                 } else {
  564.                     return true;
  565.                 }
  566.             }
  568.             function ladeBewertungen(link) {
  569.                 const xhttp = new XMLHttpRequest();
  570.                 xhttp.onload = function () {
  571.                     if (this.readyState === 4 && this.status === 200) {
  572.                         document.getElementById("bewertungen-anzeige-fenster").innerHTML = this.responseText;
  573.                         $('.bewertungen-klick').trigger('click');
  574.                     }
  575.                 }
  576.                 xhttp.open("GET", link);
  577.                 xhttp.send();
  578.             }
  580.             function ladeKommentare(link) {
  581.                 const xhttp = new XMLHttpRequest();
  582.                 xhttp.onload = function () {
  583.                     if (this.readyState === 4 && this.status === 200) {
  584.                         document.getElementById("kommentare-anzeige-fenster").innerHTML = this.responseText;
  585.                     }
  586.                 }
  587.                 xhttp.open("GET", link);
  588.                 xhttp.send();
  589.             }
  591.         });
  593.     </script>
  596. {% endblock %}