templates/adserver/list.html.twig line 1

Open in your IDE?
  1. {% extends 'layouts/report.html.twig' %}
  2. {% block title %}Ad Server Mapping{% 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('server_mapping_new') }}" title="New Mapping">+ 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">Domain</th>
  29.                     <th scope="col">Ad Server</th>
  30.                     <th scope="col">Actions</th>
  31.                 </tr>
  32.                 </thead>
  33.                 <tbody>
  34.                 {% if lstMapping is empty %}
  35.                     <tr>
  36.                         <th colspan="8">There are no endpoints.</th>
  37.                     </tr>
  38.                 {% endif %}
  39.                 {% for mapping in lstMapping %}
  40.                     <tr>
  41.                         <td class="align-middle">{{ mapping.id }}</td>
  42.                         <td class="align-middle text-truncate">{{ mapping.domain }}</td>
  43.                         <td class="align-middle text-truncate">{{ mapping.adServer }}</td>
  44.                         <td class="align-items-end">
  45.                             <a class="btn btn-primary" href="{{ path('server_mapping_edit', {id: mapping.id}) }}"
  46.                                title="Edit Mapping">Edit</a>
  47.                             <a class="btn btn-danger" title="Delete Mapping"
  48.                                onclick="onDeleteButtonClicked({{ mapping.id }})">Delete</a>
  49.                         </td>
  50.                     </tr>
  51.                 {% endfor %}
  52.                 </tbody>
  53.             </table>
  54.         </div>
  55.     </div>
  57.     <div class="modal modal-confirm-delete" tabindex="-1" role="dialog">
  58.         <div class="modal-dialog" role="document">
  59.             <div class="modal-content">
  60.                 <div class="modal-header">
  61.                     <h5 class="modal-title">Confirm Deletion</h5>
  62.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  63.                         <span aria-hidden="true">&times;</span>
  64.                     </button>
  65.                 </div>
  66.                 <div class="modal-body">
  67.                     <p>Do you want to delete?</p>
  68.                 </div>
  69.                 <div class="modal-footer">
  70.                     <form action="delete" method="post">
  71.                         <input type="hidden" name="mappingId" id="mappingId"/>
  72.                         <button type="submit" class="btn btn-danger">Confirm</button>
  73.                         <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
  74.                     </form>
  75.                 </div>
  76.             </div>
  77.         </div>
  78.     </div>
  80.     <script>
  81.         $(document).ready(function () {
  82.             //Initialize DataTables, with no sorting on the 'details' column
  83.             $('table#reportTable').DataTable({
  84.                 paging: true,
  85.                 columns: [
  86.                     {"name": "id", orderable: true},
  87.                     {"name": "domain", searchable: true, orderable: true},
  88.                     {"name": "adserver", searchable: true, orderable: true},
  89.                     {"name": "action"}
  90.                 ]
  91.             });
  92.         });
  94.         function onDeleteButtonClicked(id) {
  95.             $('input#mappingId').val(id);
  96.             $('div.modal-confirm-delete').modal();
  97.         }
  98.     </script>
  99. {% endblock %}