templates/warehouse/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Hello WarehouseController!{% endblock %}
  5. {% set linkActive = 'warehouse' %}
  7. {% block body %}
  8. <div class="container" style="padding-top: 10px;">
  9.     <div class="row">
  10.         <div class="col-sm-4">
  11.             <div class="input-group">
  12.                 <input type="text" class="form-control" id="search" placeholder="Wyszukaj urządzenie" aria-label="Numer seryjny" aria-describedby="button-search-clear">
  13.                 <button class="btn btn-outline-secondary" type="button" id="button-search-clear">Wyczyść</button>
  14.             </div>
  15.         </div>
  16.         <div class="col-sm-7 offset-1 align-content-end" style="text-align: right">
  17.             <a href="{{ path('hangover_from_warehouse') }}" class="btn btn-success">Wydanie z magazynu</a>
  18.             <a href="{{ path('acceptance_of_delivery') }}" class="btn btn-success">Przyjęcie dostawy</a>
  19.             <a href="{{ path('hangover_of_equipment_to_engineer') }}" class="btn btn-success">Wydanie technikowi</a>
  20.         </div>
  21.     </div>
  22. </div>
  23. <div class="container" style="margin-top: 20px">
  24.     <div class="row">
  25.         <div class="col-sm-12">
  26.             <table id="warehouse" class="table table-striped">
  27.                 <thead>
  28.                     <td>Technik</td>
  29.                     <td>Data pobrania</td>
  30.                     <td>Nazwa urządzenia</td>
  31.                     <td>Numer seryjny</td>
  32.                     <td>Data montażu/wydania</td>
  33.                     <td>Numer zlecenia / Wydanie</td>
  34.                     <td></td>
  35.                 </thead>
  36.                 <tbody></tbody>
  37.             </table>
  38.         </div>
  39.     </div>
  40. </div>
  41. {% endblock %}
  44. {% block js_external %}
  45.     <script>
  46.         $( document ).ready(function() {
  47.             $('#button-search-clear').click(function () {
  48.                 $('#search').val('');
  49.             })
  50.             var timer;
  51.             var timeout = 500;
  52.             $('#search').keyup(function (event) {
  53.                 clearTimeout(timer);
  54.                 if ($('#search').val) {
  55.                     timer = setTimeout(function(){
  56.                         //do stuff here e.g ajax call etc....
  57.                         search();
  58.                     }, timeout);
  59.                 }
  61.                 // selectedDevice = 'test';
  62.                 // serialNumber = 'test';
  63.                 // $('#warehouse tbody').append('<tr><td>' + selectedDevice + '</td><td>' + serialNumber + '</td><td></td></tr>');
  64.                 // event.preventDefault();
  65.             });
  66.         });
  67.         function search() {
  68.             var search = $('#search').val();
  69.             $.ajax({
  70.                 url: '/warehouse/search',
  71.                 data: { search: search }
  72.             }).done(function (data) {
  73.                 $('#warehouse tbody').empty();
  74.                 console.log(data.length);
  75.                 $.each(data, function (i, item) {
  76.                     var returnUrl = '';
  77.                     var notes = item.notes;
  78.                     if (item.hangoverFromWarehouse === true) {
  79.                         notes += ' <strong>wydano z magazynu</strong>';
  80.                     }
  81.                     if (item.releaseDate.length == 0 && item.engineer.length > 0) {
  82.                         returnUrl = '<a class="btn btn-danger btn-sm" href="{{ path('warehouse_return_to_warehouse') }}' + '?deviceId=' + item.id +'">zwróć na magazyn</a>';
  83.                     }
  84.                     $('#warehouse tbody').append('<tr>' +
  85.                         '<td>' + item.engineer + '</td>' +
  86.                         '<td>' + item.admissionDate + '</td>' +
  87.                         '<td>' + item.deviceModel + '</td>' +
  88.                         '<td>' + item.serialNumber + '</td>' +
  89.                         '<td>' + item.releaseDate + '</td>' +
  90.                         '<td>' + notes + '</td>' +
  91.                         '<td>' + returnUrl + '</td></tr>');
  92.                 })
  93.             })
  94.         }
  95.     </script>
  96. {% endblock %}