templates/search/list.html.twig line 1

Open in your IDE?
  1. {% extends 'layouts/report.html.twig' %}
  2. {% block title %}Search{% endblock %}
  4. {% block javascripts %}
  5.     {{  parent() }}
  6.     <script type="text/javascript">
  7.         window.engageVars.searchConstants.REQUEST_PARAMS = {{ requestParams|json_encode | raw }};
  8.         window.engageVars.searchConstants.ADVANCED_SEARCH_LABELS = {{ advancedSearchLabels|json_encode | raw }};
  9.     </script>
  10. {% endblock %}
  12. {% block report_content %}
  13.         <div class="row mb-2">
  14.             <div class="col-12 js_message_alert_report text-center" >
  15.                 {% for msg in app.session.flashbag.get('notification-success') %}
  16.                     <div class="alert alert-success col-md-12" role="alert">
  17.                         {{ msg }}
  18.                     </div>
  19.                 {% endfor %}
  20.             </div>
  21.         </div>
  22.         <div class="row mb-2">
  23.             <div class="col-lg-5 col-md-2 col-sm-6 col-12 pt-1">
  24.                 <div class="input-group w-75">
  25.                     <input type="text" class="js-search-input form-control" placeholder="Start Searching Redirect Path">
  26.                     <div class="input-group-append">
  27.                         <button class="btn btn-secondary js-search-button" type="button">
  28.                             <i class="fa fa-search"></i>
  29.                         </button>
  30.                     </div>
  31.                     <div class="invalid-feedback">
  32.                     The keyword should be more than five letters long.
  33.                     </div>
  34.                 </div>
  35.             </div>
  36.             <div class="col-lg-2 col-md-2 col-sm-6 col-12">
  37.             </div>
  38.             <div class="col-lg-2 col-md-4 col-sm-6 col-12">
  39.             </div>
  40.             <div class="col-lg-3 col-md-4 col-sm-6 col-12 height-40" >
  41.                 <div id="js_last_scan_date_filter" class="h-100 border px-1 py-2 cursor-pointer text-nowrap overflow-hidden" >
  42.                     <i class="fa fa-calendar"></i>&nbsp;
  43.                 <span></span> <i class="fa fa-caret-down float-right"></i>
  44.                 </div>
  45.             </div>
  46.         </div>
  47.         <div class="row mb-2">
  48.             <div class="col-lg-2 col-md-2 col-sm-5 col-12 pt-1">
  49.                 <div class="content-advanced-search">
  50.                     <button class="btn btn-link js-advanced-search-button">Advanced Search</button>
  51.                     <div class="popover bs-popover-bottom js-content-advanced-search-popover content-advanced-search-popover" role="tooltip" x-placement="bottom">
  52.                         <div class="arrow arrow-popover"></div>
  53.                         <h4 class="popover-header"> SEARCH TERMS</h4>
  54.                         <div class="popover-body">
  55.                             <div class="form-row">
  56.                                 <div class=" form-group col-md-12 form-error-msg js-form-error-msg text-danger js-search-field-error-msg text-center h6" hidden >
  57.                                     <i class="fa fa-exclamation-triangle"></i>
  58.                                     <span class="js-advanced-search-message"></span>
  59.                                 </div>
  60.                                 <div class="form-group col-md-6">
  61.                                     <label for="search_params" class="text-dark">Field</label>
  62.                                     <select id="search_params"  data-actions-box="true" class="form-control js-search-param-select" placeholder="Please select">
  63.                                         {% for key,label in advancedSearchLabels %}
  64.                                         <option value="{{key}}">{{label}}</option>
  65.                                         {% endfor %}
  66.                                     </select>
  67.                                 </div>
  68.                                 <div class="form-group col-md-6 js-input-advanced-search">
  69.                                     <label for="input_key_value" class="text-dark">Keyword</label>
  70.                                     <input type="text" class="form-control" id="input_key_value">
  71.                                     <input type="number" class="form-control" id="input_number_key_value" hidden>
  73.                                     <div  class="js-traffic-type-filter-container" hidden  >
  74.                                         <select id="js_traffic_type_filter"  multiple data-actions-box="true" class="w-100 border" >
  75.                                         {% for trafficId,trafficName in trafficType %}
  76.                                             <option value="{{trafficId}}">{{trafficName}}</option>
  77.                                         {% endfor %}
  78.                                         </select>
  79.                                     </div>
  80.                                     <div class="js-scan-status-filter-container" hidden>
  81.                                         <select id="js_scan_status_filter" multiple data-actions-box="true" class="w-100 border" >
  82.                                         {% for statusId,statusName in statusLabels %}
  83.                                             <option value="{{statusId}}">{{statusName}}</option>
  84.                                         {% endfor %}
  85.                                         </select>
  86.                                     </div>
  87.                                     <div class="js-tags-filter-container" hidden>
  88.                                         <select id="js-tags_filter"  multiple data-actions-box="true" class="w-100 border" >
  89.                                             {% for tagVal, tagLabel in tagTypes %}
  90.                                                 <option value="{{tagVal}}">{{tagLabel}}</option>
  91.                                             {% endfor %}
  92.                                         </select>
  93.                                     </div>
  94.                                 </div>
  95.                             </div>
  96.                             <div class="form-row float-right mr-1 mb-2">
  97.                                 <button class="btn btn-link js-advanced-search-cancel">Cancel</button>
  98.                                 <button type="submit" class="btn btn-secondary js-advanced-search-add">Add</button>
  99.                             </div>
  100.                         </div>
  101.                     </div>
  102.                 </div>
  103.             </div>
  104.             <div class="col-lg-10 col-md-10 col-sm-5 col-12 out-put-advanced-search-container js-out-put-advanced-search-container mt-2 " >
  105.                 <input type="text" data-role="tagsinput" class="form-control" readonly id="search_param_tags">
  106.             </div>
  107.         </div>
  108.         
  109.     <table class="table table-striped display dt-responsive overflow-auto" id="reportTable" width="100%" data-opsui-base-url="{{ opsui_base_url }}">
  110.         <thead>
  111.             <tr>
  112.                 <th scope="col">Target</th>
  113.                 <th scope="col">Affiliate Name</th>
  114.                 <th scope="col">Campaign Name</th>
  115.                 <th scope="col">Campaign</th>
  116.                 <th scope="col">Campaign Status</th>
  117.                 <th scope="col">Domain</th>
  118.                 <th scope="col">Landing Domain</th>
  119.                 <th scope="col">Redirect Path</th>
  120.                 <th scope="col">Scan Status</th>
  121.                 <th scope="col">Captured</th>
  122.                 <th scope="col">Tags</th>
  123.                 <th scope="col">PLP Link</th>
  124.             </tr>
  125.         </thead>
  126.         <tbody>
  127.         </tbody>
  128.         <tfoot>
  129.             <tr>
  130.                 <td scope="col">Target</td>
  131.                 <td scope="col">Affiliate Name</td>
  132.                 <td scope="col">Campaign Name</td>
  133.                 <td scope="col">Campaign</td>
  134.                 <td scope="col">Campaign Status</td>
  135.                 <td scope="col">Domain</td>
  136.                 <td scope="col">Landing Domain</td>
  137.                 <td scope="col">Redirect Path</td>
  138.                 <td scope="col">Scan Status</td>
  139.                 <td scope="col">Captured</td>
  140.                 <td scope="col">Tags</td>
  141.                 <th scope="col">PLP Link</th>
  143.             </tr>
  144.         </tfoot>
  145.     </table>
  147.     <div class="modal fade bd-example-modal-lg js-modal-redirect-path" tabindex="-1" role="dialog" aria-hidden="true">
  148.         <div class="modal-dialog modal-lg">
  149.             <div class="modal-content">
  150.                 <div class="modal-header">
  151.                     <h5 class="modal-title" id="exampleModalLongTitle">Redirect Path</h5>
  152.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  153.                     <span aria-hidden="true">&times;</span>
  154.                     </button>
  155.                 </div>
  156.                 <div class="modal-body js-modal-body-redirect-path">
  157.                    
  158.                 </div>
  159.                 <div class="modal-footer">
  160.                     <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
  161.                 </div>
  162.             </div>
  163.         </div>
  164.     </div>
  165.     {# <div class="js-all-redirect-path invisible"></div> #}
  166.     {{ encore_entry_script_tags('search-report')}}
  167. {% endblock %}