templates/variation/list.html.twig line 1

Open in your IDE?
  1. {% extends 'layouts/report.html.twig' %}
  2. {% block title %}Domain Variations{% 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('variation_new') }}" title="New Domain Variation">+ 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 Pools</th>
  29.                     <th scope="col">Created</th>
  30.                     <th scope="col">Updated</th>
  31.                     <th scope="col">Actions</th>
  32.                 </tr>
  33.                 </thead>
  34.                 <tbody>
  35.                 {% if lstVariations is empty %}
  36.                     <tr>
  37.                         <th colspan="8">There are no variations.</th>
  38.                     </tr>
  39.                 {% endif %}
  40.                 {% for variation in lstVariations %}
  41.                     <tr>
  42.                         <td class="align-middle">{{ variation.id }}</td>
  43.                         <td class="align-middle text-truncate">
  44.                             <ul>
  45.                                 {% for domain in variation.domainPool %}
  46.                                     <li>{{ domain }}</li>
  47.                                 {% endfor %}
  48.                             </ul>
  50.                         </td>
  51.                         <td class="align-middle">{{ variation.created|date("Y-m-d H:i:s T") }}</td>
  52.                         <td class="align-middle">{{ variation.updated|date("Y-m-d H:i:s T") }}</td>
  53.                         <td class="align-middle">
  54.                             <a class="btn btn-primary" href="{{ path('variation_edit', {id: variation.id}) }}"
  55.                                title="Edit Variation">Edit</a>
  56.                             <a class="btn btn-danger" title="Delete Variation"
  57.                                onclick="onDeleteButtonClicked({{ variation.id }})">Delete</a>
  58.                         </td>
  59.                     </tr>
  60.                 {% endfor %}
  61.                 </tbody>
  62.             </table>
  63.         </div>
  64.     </div>
  66.     <div class="modal modal-confirm-delete" tabindex="-1" role="dialog">
  67.         <div class="modal-dialog" role="document">
  68.             <div class="modal-content">
  69.                 <div class="modal-header">
  70.                     <h5 class="modal-title">Confirm Deletion</h5>
  71.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  72.                         <span aria-hidden="true">&times;</span>
  73.                     </button>
  74.                 </div>
  75.                 <div class="modal-body">
  76.                     <p>Do you want to delete?</p>
  77.                 </div>
  78.                 <div class="modal-footer">
  79.                     <form action="delete" method="post">
  80.                         <input type="hidden" name="variationId" id="variationId"/>
  81.                         <button type="submit" class="btn btn-danger">Confirm</button>
  82.                         <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
  83.                     </form>
  84.                 </div>
  85.             </div>
  86.         </div>
  87.     </div>
  89.     <script>
  90.         $(document).ready(function () {
  91.             //Initialize DataTables, with no sorting on the 'details' column
  92.             $('table#reportTable').DataTable({
  93.                 paging: true,
  94.                 columns: [
  95.                     {"name": "id", orderable: true},
  96.                     {"name": "domainPool", searchable: true, orderable: true},
  97.                     {"name": "created", searchable: false, orderable: true},
  98.                     {"name": "updated", searchable: false, orderable: true},
  99.                     {"name": "action"}
  100.                 ]
  101.             });
  102.         });
  104.         function onDeleteButtonClicked(id) {
  105.             $('input#variationId').val(id);
  106.             $('div.modal-confirm-delete').modal();
  107.         }
  108.     </script>
  109. {% endblock %}