templates/backend/t_raw_data/form_file.html.twig line 1

Open in your IDE?
  1. {% extends "@GreenAdmin/modal-layout.html.twig" %}
  2. {% block title %}{{ 'File' }}{% endblock %}
  3. {% block body %}
  6. {# <form action="{{ path('t_raw_data_form_file') }}" method="POST" enctype="multipart/form-data"> #}
  7.     <table class="table table-bordered">
  8.         <tbody>
  9.             {# <tr>
  10.                 <th>Periode <em class="text-danger">*</em></th>
  11.                 {% if null == file.id %}
  13.                     {% if publikasi.periode.id == 5 %}
  14.                         <td>
  15.                             <select name="tanggal" id="" class="form-control" required>
  16.                                 <option value="">-- Pilih Tanggal --</option>
  17.                                 {% for i in 1..31 %}
  18.                                     <option value="{{ i }}">{{ i }}</option>
  19.                                 {% endfor %}
  20.                             </select>
  21.                         </td>
  22.                         <td>
  23.                             <select name="bulan" id="" class="form-control" required>
  24.                                 <option value="">-- Pilih Bulan --</option>
  25.                                 {% for key, val in bulan %}
  26.                                     <option value="{{ key }}">{{ val }}</option>
  27.                                 {% endfor %}
  28.                             </select>
  29.                         </td>
  30.                     {% else %}
  31.                         <td colspan="2">
  32.                             <select name="bulan" id="" class="form-control" required>
  33.                                 <option value="">-- Pilih Periode --</option>
  34.                                 {% for key, val in periode[publikasi.periode.id] %}
  35.                                     <option value="{{ key }}">{{ val }}</option>
  36.                                 {% endfor %}
  37.                             </select>
  38.                         </td>
  39.                     {% endif %}
  41.                 {% else %}
  42.                     
  43.                     <td><input type="text" class="form-control" value="{{ file.periodeAwal | date("d F Y") }}" readonly></td>
  44.                     <td><input type="text" class="form-control" value="{{ file.periodeAkhir | date("d F Y") }}" readonly></td>
  46.                 {% endif %}
  47.             </tr> #}
  48.             {# <tr>
  49.                 <th>Tahun Anggaran <em class="text-danger">*</em></th>
  50.                 <td colspan="2">
  51.                     <select name="tahun_anggaran" class="form-control" id="">
  52.                         {% for a in range(2020, date().format('Y'))|reverse %}
  53.                              <option value="{{ a }}">{{ a }}</option>
  54.                         {% endfor %}
  55.                     </select>
  56.                 </td>
  57.             </tr> #}
  58.             <tr>
  59.                 <th>Periode Upload Sebelumnya <em class="text-danger">*</em></th>
  60.                 <td colspan="2">
  61.                     <input type="text" value="{{ (lastUpdate) ? lastUpdate|date('Y-m-d') : null }}" name="periode_upload" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-theme="dark" title="Isi Dengan Periode Upload Sebelumnya yang akan di update datanya" placeholder="Periode Upload" required="" class="form-control datepicker" id="">
  62.                 </td>
  63.             </tr>
  64.             <tr>
  65.                 <th>File Report Pengadaan <em class="text-danger">*</em></th>
  66.                 <td colspan="2">
  67.                     <input type="file" name="file" class="form-control" accept="application/vnd.ms-excel, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" required>
  68.                     <a href="{{ path('t_raw_data_download_template') }}"> <i class="fa fa-download"></i> <i> Download Template</i> </a>
  69.                 </td>
  70.             </tr>
  71.             
  72.             {# <tr>
  73.                 <th>File Monitoring PR Full <em class="text-danger">*</em></th>
  74.                 <td colspan="2"><input type="file" name="file_monitoring_full" class="form-control" accept="application/vnd.ms-excel, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" required></td>
  75.             </tr> #}
  76.         </tbody>
  77.     </table>
  78.     <div class="pull-right">
  79.         {# <button type="submit" class="btn btn-sm btn-info" ><i class="fa fa-save"></i> <span id="submit_label">{{ 'save' | trans }}</span></button> #}
  80.     </div>
  81. {# </form> #}
  82.     {% endblock %}
  83.     {% block form_start %}
  84.     <form id="uploadForm" action="{{ path('t_raw_data_form_file') }}" method="POST" enctype="multipart/form-data" onsubmit="disableSubmitButton(this)">
  85.     {% endblock %}
  86.     {% block form_end %}
  87.         </form>
  88.     {% endblock %}
  90.     
  91.     {% block actions %}
  92.     <button id="submitBtn" type="submit" class="btn btn-sm btn-info" ><i class="fa fa-save"></i> <span id="submit_label">{{ 'Simpan' | trans }}</span></button>
  93.     
  94.     {% endblock %}
  96. {% block javascripts %}
  97. {{ parent() }}
  99. <style>
  100.   .flatpickr-calendar { z-index: 2000; }
  101.   .flatpickr-day.has-data { background:#00e676; color:#fff; border-radius:50%; }
  102.   .flatpickr-day.has-data:hover { background:#00c853; color:#fff; }
  103.   .flatpickr-day.today.selected {
  104.     border: none;
  105.   }
  106. </style>
  108. <script>
  109.     let __postingDates = null;
  110.     function getPostingDates() {
  111.         if (__postingDates) return Promise.resolve(__postingDates);
  112.         return fetch('{{ path('dashboard_dates') }}')
  113.             .then(r => r.json())
  114.             .then(d => (__postingDates = d))
  115.             .catch(() => (__postingDates = []));
  116.         }
  118.     function attachFlatpickrTo(el, dates, appendRoot) {
  119.         if (el._flatpickr) return el._flatpickr.open();
  120.         flatpickr(el, {
  121.             dateFormat: 'Y-m-d',
  122.             appendTo: appendRoot || document.body, // jika di modal, arahkan ke modal
  123.             onDayCreate: function(dObj, dStr, fp, dayElem) {
  124.             const ymd = dayElem.dateObj.toLocaleDateString('en-CA');
  125.             if (Array.isArray(dates) && dates.includes(ymd)) {
  126.                 dayElem.classList.add('has-data');
  127.                 dayElem.title = 'Ada data posting';
  128.             }
  129.             }
  130.         }).open();
  131.     }
  133.     document.addEventListener('focusin', function(e) {
  134.     if (!e.target.matches('.datepicker')) return;
  136.         const modalRoot = e.target.closest('.modal') || document.body;
  138.         getPostingDates().then(dates => {
  139.             attachFlatpickrTo(e.target, dates, modalRoot);
  140.         });
  141.     });
  142. </script>
  144. <script>
  145. $(document).ready(function(){
  146.   $(document).on('submit', '#uploadForm', function(e){
  147.     const btn = $(this).find('button[type="submit"], #submitBtn');
  148.     if (btn.length) {
  149.       if (btn.prop('disabled')) { e.preventDefault(); return false; }
  150.       btn.prop('disabled', true).html('<i class="fa fa-spinner fa-spin"></i> Sedang menyimpan...');
  151.     }
  152.     return true;
  153.   });
  154. });
  155. </script>
  156. {% endblock %}
  159. {# {% block javascripts %}
  161. <script>
  162.     $(document).ready(function(){
  163.     // Delegasi submit form
  164.     $(document).on('submit', '#uploadForm', function(e){
  165.         const btn = $(this).find('button[type="submit"], #submitBtn');
  167.         if (btn.length) {
  168.             if (btn.prop('disabled')) {
  169.                 e.preventDefault(); // cegah double submit
  170.                 return false;
  171.             }
  173.             btn.prop('disabled', true);
  174.             btn.html('<i class="fa fa-spinner fa-spin"></i> Sedang menyimpan...');
  175.         }
  176.         // biarkan form tetap submit ke server
  177.         return true;
  178.     });
  179. });
  180. </script>
  182. {% endblock %} #}