templates/rescan/list.html.twig line 1

Open in your IDE?
  1. {% extends 'layouts/report.html.twig' %}
  2. {% block title %}Rescan Delay Configuration{% endblock %}
  4. {% block report_content %}
  5.     <div class="row mb-4">
  6.         <div class="col-12 js_message_alert_report text-center">
  7.             {% for msg in app.session.flashbag.get('notification-success') %}
  8.                 <div class="alert alert-success col-md-12" role="alert">
  9.                     {{ msg }}
  10.                 </div>
  11.             {% endfor %}
  12.         </div>
  13.     </div>
  15.     <div class="row mb-4 js-actions-bar">
  16.         <div class="col-12 text-right">
  17.             <a class="btn btn-primary" href="{{ path('rescan_config_new') }}" title="New Config">+ New</a>
  18.         </div>
  19.     </div>
  21.     <div class="row">
  22.         <div class="col-12">
  23.             <table class="table table-striped display dt-responsive overflow-auto" id="reportTable" width="100%"
  24.                    data-opsui-base-url="{{ opsui_base_url }}">
  25.                 <thead>
  26.                 <tr>
  27.                     <th scope="col">Id</th>
  28.                     <th scope="col">Affiliate Id</th>
  29.                     <th scope="col">Affiliate Name</th>
  30.                     <th scope="col">Rescan Delay</th>
  31.                     <th scope="col">Actions</th>
  32.                 </tr>
  33.                 </thead>
  34.                 <tbody>
  35.                 {% if configs is empty %}
  36.                     <tr>
  37.                         <th colspan="8">There are no configurations.</th>
  38.                     </tr>
  39.                 {% endif %}
  40.                 {% for config in configs %}
  41.                     <tr>
  42.                         <td class="align-middle">{{ config.id }}</td>
  43.                         <td class="align-middle text-truncate">{{ config.affiliate.id }}</td>
  44.                         <td class="align-middle text-truncate">{{ config.affiliate.name }}</td>
  45.                         <td class="align-middle text-truncate">{{ config.rescanDelay }}</td>
  46.                         <td class="align-items-end">
  47.                             <a class="btn btn-primary" href="{{ path('rescan_config_edit', {id: config.id}) }}"
  48.                                title="Edit Config">Edit</a>
  49.                             <a class="btn btn-danger" title="Delete Config"
  50.                                onclick="onDeleteButtonClicked({{ config.id }})">Delete</a>
  51.                         </td>
  52.                     </tr>
  53.                 {% endfor %}
  54.                 </tbody>
  55.             </table>
  56.         </div>
  57.     </div>
  59.     <div class="modal modal-confirm-delete" tabindex="-1" role="dialog">
  60.         <div class="modal-dialog" role="document">
  61.             <div class="modal-content">
  62.                 <div class="modal-header">
  63.                     <h5 class="modal-title">Confirm Deletion</h5>
  64.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  65.                         <span aria-hidden="true">&times;</span>
  66.                     </button>
  67.                 </div>
  68.                 <div class="modal-body">
  69.                     <p>Do you want to delete?</p>
  70.                 </div>
  71.                 <div class="modal-footer">
  72.                     <form action="delete" method="post">
  73.                         <input type="hidden" name="configId" id="configId"/>
  74.                         <button type="submit" class="btn btn-danger">Confirm</button>
  75.                         <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
  76.                     </form>
  77.                 </div>
  78.             </div>
  79.         </div>
  80.     </div>
  82.     <script>
  83.         $(document).ready(function () {
  84.             //Initialize DataTables, with no sorting on the 'details' column
  85.             $('table#reportTable').DataTable({
  86.                 paging: true,
  87.                 columns: [
  88.                     {"name": "id", orderable: true},
  89.                     {"name": "affiliateId", searchable: true, orderable: true},
  90.                     {"name": "affiliateName", searchable: true, orderable: true},
  91.                     {"name": "rescanDelay", searchable: false, orderable: true},
  92.                     {"name": "action"}
  93.                 ]
  94.             });
  95.         });
  97.         function onDeleteButtonClicked(id) {
  98.             $('input#configId').val(id);
  99.             $('div.modal-confirm-delete').modal();
  100.         }
  101.     </script>
  102. {% endblock %}