templates/notice/notice_new_podnet.html.twig line 1

Open in your IDE?
  1. {% extends 'default/base_default.html.twig' %}
  2. {# % set formDocs = form.docs %}
  3. {% use 'notice/_part_doc.html.twig'  with html as doc_html_part, javascripts as doc_javascripts_part % #}
  4. {% set formLocs = form.locs %}
  5. {% use 'notice/_part_loc.html.twig'  with html as loc_html_part, javascripts as loc_javascripts_part %}
  6. {% set formOperators = form.operators %}
  7. {% use 'notice/_part_operator.html.twig'  with html as operator_html_part, javascripts as operator_javascripts_part %}
  8. {% block title %}Podnet | {{ parent() }}{% endblock %}
  9. {% block header %}
  10.     <span class="">
  11.         Podnety environmentálnych škôd a hrozieb
  12.     </span>
  13. {% endblock %}
  14. {% block content %}
  15.     {# zabranenie zobrazovania harmoniky, zoznamu a textu pri editovani #}
  16.     {% if '/edit/' not in app.request.pathinfo %}
  17.         <p>
  18.         Podnet môže byť podaný verejnosťou v prípadoch závažného znečistenia a poškodenia životného prostredia týkajúceho sa vôd, pôd, druhov a biotopov európskeho významu (Natura 2000). Formulár slúži na nahlásenie takýchto prípadov spôsobených prevádzkovateľmi. 
  19.             <!--
  20.             Podnet môže byť podaný verejnosťou len vo vybraných prípadoch veľmi závažného znečistenia a poškodenia ŽP
  21.             týkajúceho sa vôd, pôd, druhov a biotopov eu. významu (Natura 2000). Formulár slúži na nahlásenie takýchto
  22.             prípadov spôsobených prevádzkovateľmi pri
  23.             <button class="btn btn-link p-0 m-0" data-toggle="popover" data-html="true" data-trigger="hover"
  24.                     data-content="
  25.                     a)  iná pracovná činnosť týkajúca sa poškodenia druhov a biotopov eú významu (Natura 2000)
  26.                     <br>b)  prevádzky zariadení IPKZ
  27.                     <br>c)  odpady a nakladanie s nimi
  28.                     <br>d)  cezhraničný pohyb odpadov
  29.                     <br>e)  vypúšťanie odpadových vôd
  30.                     <br>f)  vypúšťanie znečisťujúcich látok
  31.                     <br>g)  odber a vzdúvanie vody
  32.                     <br>h)  výroba, používanie, uskladňovanie, spracúvanie, plnenie a uvoľňovanie do životného prostredia NCHL a NCH prípravkov, prípravkov na ochranu rastlín a biocídnych výrobkov, vrátane ich uvádzania na trh
  33.                     <br>i) preprava nebezpečného alebo znečisťujúceho tovaru cestnou dopravou, železničnou dopravou, vodnou alebo leteckou dopravou
  34.                     <br>j)  prevádzky veľkých zdrojov znečisťovania ovzdušia
  35.                     <br>k)  používanie a zámerné uvoľňovanie GMO;
  36.                     <br>l)  nakladanie s  ťažobným odpadom;
  37.                     <br>m) ukladanie oxidu uhličitého do geologického podložia
  38.                     ">vykonávaní vybraných povolených činností
  39.             </button>
  40.             (čo je podľa zákona rozhodujúce) a v prípadoch poškodenia druhov a biotopov eu. významu (Natura 2000) aj pri
  41.             vykonávaní akejkoľvek inej činnosti len zavineným konaním prevádzkovateľov.
  42.             -->
  43.         </p>
  44.         <div id="accordion">
  45.         <div class="card bg-primary">
  46.             <div class="card-header" id="section_header_all">
  47.                 <h4 class="mb-0">
  48.                     <button class="btn btn-link text-uppercase" data-toggle="collapse" data-target="#section_body_all"
  49.                             aria-expanded="true" aria-controls="section_body_all">
  50.                         <i class="fas fa-plus mr-3"></i>Prehľad podnetov.
  51.                     </button>
  52.                 </h4>
  53.             </div>
  54.             <div id="section_body_all" class="collapse" aria-labelledby="section_header_all" data-parent="#accordion">
  55.                 <div class="card-body">
  56.                     {% include 'notice/_part_table_notices_podnet.html.twig' with {'notices': notices } only %}
  57.                 </div>
  58.             </div>
  59.         </div>
  60.         <div class="card bg-primary">
  61.         <div class="card-header" id="section_header_new">
  62.             <h4 class="mb-0">
  63.                 <button class="btn btn-link text-uppercase" data-toggle="collapse" data-target="#section_body_new"
  64.                         aria-expanded="true" aria-controls="section_body_new">
  65.                     <i class="fas fa-plus mr-3"></i>Pridanie nového podnetu.
  66.                 </button>
  67.             </h4>
  68.         </div>
  69.         <div id="section_body_new" class="collapse" aria-labelledby="section_header_new" data-parent="#accordion">
  70.         <div class="card-body">
  71.         <div class="container">
  72.     {% endif %}
  73.     {{ form_start(form, {'attr': {'class': 'needs-validation',  'novalidate' : true}}) }}
  74.     <div class="row">
  75.         <h3>Informácia o škode.</h3>
  76.     </div>
  77.     <div class="row mb-3">
  78.         <div class="col-md">
  79.             <div class="row form-group align-items-center">
  80.                 <div class="col-lg text-lg-right">
  81.                     {{ form_label(form.nazov) }}
  82.                 </div>
  83.                 <div class="col-lg">
  84.                     {{ form_widget(form.nazov, {'attr': {'class': 'form-control'}}) }}
  85.                 </div>
  86.             </div>
  87.             <div class="row form-group align-items-center">
  88.                 <div class="col-lg text-lg-right">
  89.                     {{ form_label(form.podnet.vznik) }}
  90.                 </div>
  91.                 <div class="col-lg">
  92.                     {{ form_widget(form.podnet.vznik, {'attr': {'class': 'form-control'}}) }}
  93.                 </div>
  94.             </div>
  95.             <div class="row form-group align-items-center mb-3">
  96.                 <div class="col-lg text-lg-right">
  97.                     <label>
  98.                         Súradnice epicentra:
  99.                     </label>
  100.                 </div>
  101.                 <div class="col-lg">
  102.                     <div class="row form-row">
  103.                         <div class="col-md">
  104.                             {{ form_widget(form.podnet.WGSN) }}
  105.                         </div>
  106.                         <div class="col-md">
  107.                             {{ form_widget(form.podnet.WGSE, {'attr': {'class': 'form-control'}}) }}
  108.                         </div>
  109.                     </div>
  110.                 </div>
  111.             </div>
  112.             <div class="row form-group justify-content-center dropdown ">
  113.                 {{ form_label(form.podnet.poskodeneZdroje) }}
  114.                 {{ form_widget(form.podnet.poskodeneZdroje) }}
  115.             </div>
  116.         </div>
  117.         {{ block('loc_html_part') }}
  118.     </div>
  119.     <div class="row mb-4">
  120.         <div class="col-lg-3 text-lg-right">
  121.             {{ form_label(form.podnet.opis) }}
  122.         </div>
  123.         <div class="col-lg-9">
  124.             {{ form_widget(form.podnet.opis, {'attr': {'class': 'form-control'}}) }}
  125.         </div>
  126.     </div>
  127.     <div class="row">
  128.         <h5>Pravdepodobní pôvodcovia:</h5>
  129.         <div class="w-100"></div>
  130.         {{ block('operator_html_part') }}
  131.     </div>
  132.     <div class="row mb-3">
  133.         <h3>Odosielateľ:</h3>
  134.         <div class="w-100"></div>
  135.         <div class="col-md">
  136.             {{ form_row(form.podnet.odNazov) }}
  137.         </div>
  138.         <div class="col-md">
  139.             {{ form_row(form.podnet.odAdresa) }}
  140.         </div>
  141.         <div class="w-100"></div>
  142.         <div class="col-md-4">
  143.             {{ form_row(form.podnet.odEmail) }}
  144.         </div>
  145.         <div class="col-md-4">
  146.             {{ form_row(form.podnet.odTelefon) }}
  147.         </div>
  148.     </div>
  149.     <div class="row mb-3">
  150.         <h5>Komu je adresovaný podnet (úrad):</h5>
  151.         <div class="w-100"></div>
  152.         <div class="col-md-9">
  153.             {{ form_row(form.podnet.urad) }}
  154.         </div>
  155.         {#
  156.         <div class="col">
  157.             {{ form_row(form.podnet.uradAdresa) }}
  158.         </div>
  159.         #}
  160.     </div>
  161.     <div class="row mb-3">
  162.         <h3>Prílohy</h3>
  163.         <div class="w-100"></div>
  164.         {% include 'notice/_part_doc.html.twig' with {'fUpload': form.fileupload, 'formDocs' : form.docs } only %}
  165.         {# { block('doc_html_part') } #}
  166.     </div>
  167.     {#                        <div class="row pt-2"> #}
  168.     {#                            <div class="col"> #}
  169.     {#                                <label class="required" for="notice_gdpr">Súhlasím so <a target="_blank" title="Odkaz na novú kartu" href="{{ path("gdpr") }}">spracovaním osobných údajov</a></label> #}
  170.     {#                                {{ form_widget(form.gdpr) }} #}
  171.     {#                            </div> #}
  172.     {#                        </div> #}
  173.     <div class="row pt-2">
  174.         <div class="col">
  175.             <p>
  176.                 Informácia o <a target="_blank" title="Odkaz na novú kartu" href="{{ path("gdpr") }}">spracovaní
  177.                     osobných údajov</a>.
  178.             </p>
  179.         </div>
  180.     </div>
  181.     <div id="agree" class="row align-items-center">
  182.         <div class="col-lg text-lg-right">
  183.             {{ form_label(form.podnet.agree) }}
  184.         </div>
  185.         <div class="col-lg">
  186.             {{ form_widget(form.podnet.agree, {'attr': {'class': 'form-check'}}) }}
  187.         </div>
  188.     </div>
  189.     {{ form_widget(form) }}
  190.     <button type="submit" class="btn btn-primary">Odoslat podnet</button>
  191.     {{ form_end(form) }}
  192.     {# zabranenie zobrazovania harmoniky, zoznamu a textu pri editovani #}
  193.     {% if '/edit/' not in app.request.pathinfo %}
  194.         </div>
  195.         </div>
  196.         </div>
  197.         </div>
  198.         </div>
  199.     {% endif %}
  200. {% endblock %}
  201. {% block javascripts %}
  202.     <script>
  203.         $('label.required').after('<span class="text-danger">*</span>');
  204.     </script>
  205.     <script>
  206.         $('[id*=section_body_]').on('show.bs.collapse', function () {
  207.             $('#' + this.id.replace('_body_', '_header_') + ' .fa-plus').addClass('fa-minus').removeClass('fa-plus');
  208.         });
  209.         $('[id*=section_body_]').on('hidden.bs.collapse', function () {
  210.             $('#' + this.id.replace('_body_', '_header_') + ' .fa-minus').addClass('fa-plus').removeClass('fa-minus');
  211.         });
  212.     </script>
  213.     <script>
  214.         $('[id*="poskodeneZdroje"] > label').addClass('custom-control-label');
  215.         $('[id*="poskodeneZdroje"] > input').addClass('custom-control-input');
  216.         $('[id*="poskodeneZdroje"] > input').each(function () {
  217.             $(this).add($(this).nextUntil('[id*="poskodeneZdroje"] > input')).wrapAll("<div class='dropdown-item custom-control custom-checkbox'></div>");
  218.         });
  219.         $('#poskodeneZdroje_label.dropdown-toggle').on('click', function (event) {
  220.             $('[id*="poskodeneZdroje"].dropdown-menu').slideToggle();
  221.         });
  222.         $('[id*="poskodeneZdroje"].dropdown-menu').on('click', function (event) {
  223.             event.stopPropagation();
  224.         });
  225.         $(window).on('click', function () {
  226.             $('[id*="poskodeneZdroje"].dropdown-menu').slideUp();
  227.         });
  228.     </script>
  229.     <script>
  230.         $('textarea').each(function (e) {
  231.             autosize(this);
  232.         });
  233.     </script>
  234.     <script>
  235.         $('#agree').addClass('skryty');
  236.         $('#agree input').prop('required', false);
  237.     </script>
  238.     {% include 'notice/_part_doc_js.html.twig' with {'count' : 100 } only %}
  239.     {# { block('doc_javascripts_part') } #}
  240.     {{ block('loc_javascripts_part') }}
  241.     {{ block('operator_javascripts_part') }}
  242.     <script>
  243.     </script>
  244.     <script>
  245.         // Example starter JavaScript for disabling form submissions if there are invalid fields
  246.         (function () {
  247.             'use strict';
  248.             window.addEventListener('load', function () {
  249.                 // Fetch all the forms we want to apply custom Bootstrap validation styles to
  250.                 var forms = document.getElementsByClassName('needs-validation');
  251.                 // Loop over them and prevent submission
  252.                 var validation = Array.prototype.filter.call(forms, function (form) {
  253.                     form.addEventListener('submit', function (event) {
  254.                         $('select option').each(function (e) {
  255.                             if (this.value == "0") {
  256.                                 this.value = "";
  257.                             }
  258.                         });
  259.                         if (form.checkValidity() === false) {
  260.                             event.preventDefault();
  261.                             event.stopPropagation();
  262.                         }
  263.                         if (!($('[id*="poskodeneZdroje"] input[type="checkbox"]').is(":checked"))) {
  264.                             event.preventDefault();
  265.                             event.stopPropagation();
  266.                             $("#poskodeneZdroje_label").addClass('btn-outline-danger').removeClass('btn-outline-secondary');
  267.                             $('[id*="poskodeneZdroje"] input[type="checkbox"]').change(function () {
  268.                                 $("#poskodeneZdroje_label").addClass('btn-outline-secondary').removeClass('btn-outline-danger');
  269.                             });
  270.                         }
  271.                         form.classList.add('was-validated');
  272.                     }, false);
  273.                 });
  274.             }, false);
  275.         })();
  276.     </script>
  277. {% endblock %}