src/templates/dashboard/multiple_select_filter_widget.html

   1 <script src="/static/js/dashboard.js">
   2 </script>
   3
   4 <input name="filter_field" id="filter_field" type="hidden"/>
   5 <div id="grid_wrapper" class="container-fluid p-4">
   6     <div class="row">
   7         {% for object_class, object_list in display_objects %}
   8             <div class="col-12 col-lg d-flex flex-column pt-2 my-2">
   9                 <div class="w-100">
  10                     <h4 class="text-capitalize">{{object_class}}</h4>
  11                 </div>
  12                 <div id="{{object_class}}" class="row h-100">
  13                 {% for obj in object_list %}
  14                     <div class="col-12 col-md-6 col-xl-4 my-2">
  15                         <div id="{{ obj.id|default:'not_provided' }}" class="card h-100" onclick="multi_filter_widget.processClick('{{obj.id}}');">
  16                             <div class="card-header">
  17                                 <p class="h5 font-weight-bold mt-2">{{obj.name}}</p>
  18                             </div>
  19                             <div class="card-body">
  20                                 <p class="grid-item-description">{{obj.description}}</p>
  21                             </div>
  22                             <div class="card-footer">
  23                                 <button type="button" class="btn btn-success grid-item-select-btn w-100">{% if obj.multiple %}Add{% else %}Select{% endif %}</button>
  24                             </div>
  25                         </div>
  26                     </div>
  27                 {% endfor %}
  28                 </div>
  29             </div>
  30         {% endfor %}
  31     </div>
  32 </div>
  33
  34 <div id="dropdown_wrapper" class="px-3 list-group-flush w-25 mt-2">
  35 </div>
  36 <script>
  37 function multipleSelectFilterWidgetEntry() {
  38     const graph_neighbors = {{ neighbors|safe }};
  39     const filter_items = {{ filter_items|safe }};
  40     const initial_value = {{ initial_value|default_if_none:"{}"|safe }};
  41
  42     //global variable
  43     multi_filter_widget = new MultipleSelectFilterWidget(graph_neighbors, filter_items, initial_value);
  44 }
  45
  46 multipleSelectFilterWidgetEntry();
  47 </script>