templates/alerts/list.html.twig line 1

Open in your IDE?
  1. {% extends 'layouts/report.html.twig' %}
  2. {% block title %}Alerts{% endblock %}
  4. {% block report_content %}
  5.         <div class="loader" style="display:none" >
  6.             <div class="d-flex justify-content-center loading">
  7.                 <div class="spinner-border " role="status">
  8.                 <span class="sr-only">Loading...</span>
  9.                 </div>
  10.             </div>
  11.         </div>
  12.         <div class="row mb-2">
  13.             <div class="col-12 js_message_alert_report text-center" >
  14.                 {% for msg in app.session.flashbag.get('notification-success') %}
  15.                     <div class="alert alert-success col-md-12" role="alert">
  16.                         {{ msg }}
  17.                     </div>
  18.                 {% endfor %}
  19.             </div>
  20.         </div>
  21.             
  22.         <div class="row mb-2">
  23.             <div class="col-lg-3 col-md-2 col-sm-2 col-12 pt-1">
  24.             </div>
  25.             <div class="col-lg-2 col-md-2 col-sm-3 col-12">
  26.                 <div class="row mb-2 float-right">
  27.                     <span class="status-filter-button-header mt-1 mr-2" >Show All: </span>
  28.                     <label class="switch">
  29.                         <input class="js_alerts_report_show_all" type="checkbox">
  30.                         <span class="slider round"></span>
  31.                     </label>
  32.                 </div>
  33.             </div>
  34.             <div class="col-lg-2 col-md-4 col-sm-5 col-12">
  35.                 <select id="js_traffic_type_filter" multiple data-actions-box="true" class="w-100 border" >
  36.                     {% for trafficId, trafficName in trafficType %}
  37.                     <option value="{{trafficId}}">{{trafficName}}</option>
  38.                     {% endfor %}
  39.                 </select>
  40.             </div>
  41.             <div class="col-2">
  42.                 <select id="js-tags_filter" multiple data-actions-box="true" class="w-100 border" title="Choose a tag filter...">
  43.                     {% for tagVal, tagLabel in tagTypes %}
  44.                         <option value="{{tagVal}}">{{tagLabel}}</option>
  45.                     {% endfor %}
  46.                 </select>
  47.             </div>
  48.             <div class="col-lg-3 col-md-4 col-sm-5 col-12 height-40" >
  49.                 <div id="js_last_scan_date_filter" class="h-100 border px-1 py-2 cursor-pointer text-nowrap overflow-hidden" >
  50.                     <i class="fa fa-calendar"></i>&nbsp;
  51.                 <span></span> <i class="fa fa-caret-down float-right"></i>
  52.                 </div>
  53.             </div>
  54.         </div>
  55.     <table class="table table-striped display dt-responsive overflow-auto" id="reportTable" width="100%" data-opsui-base-url="{{ opsui_base_url }}">
  56.         <thead>
  57.             <tr>
  58.                 <th scope="col">Target</th>
  59.                 <th scope="col">Affiliate Name</th>
  60.                 <th scope="col">Affiliate Id</th>
  61.                 <th scope="col">Campaign Name</th>
  62.                 <th scope="col">Campaign</th>
  63.                 <th scope="col"> 
  64.                     <span data-toggle="tooltip" data-placement="top" title="Campaign Status">Status</span>
  65.                 </th>
  66.                 <th scope="col">Domain</th>
  67.                 <th scope="col">Landing Domain</th>
  68.                 <th scope="col">Redirect Path</th>
  69.                 <th scope="col">Screenshot</th>
  70.                 <th scope="col">Captured</th>
  71.                 <th scope="col">Device</th>
  72.                 <th scope="col">Country</th>
  73.                 <th scope="col">PLP Link</th>
  74.                 <th scope="col">Resolution</th>
  75.                 <th scope="col">Tags</th>
  76.             </tr>
  77.         </thead>
  78.         <tbody>
  79.         </tbody>
  80.     </table>
  82.     <div class="modal fade bd-example-modal-lg js-modal-redirect-path" tabindex="-1" role="dialog" aria-hidden="true">
  83.         <div class="modal-dialog modal-lg">
  84.             <div class="modal-content">
  85.                 <div class="modal-header">
  86.                     <h5 class="modal-title" id="exampleModalLongTitle">Redirect Path</h5>
  87.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  88.                     <span aria-hidden="true">&times;</span>
  89.                     </button>
  90.                 </div>
  91.                 <div class="modal-body js-modal-body-redirect-path">
  92.                    
  93.                 </div>
  94.                 <div class="modal-footer">
  95.                     <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
  96.                 </div>
  97.             </div>
  98.         </div>
  99.     </div>
  100.     {{ encore_entry_script_tags('alert-report')}}
  101. {% endblock %}