manifold: imprved plugin class with helpers for naming HTML tags in plugins

[myslice.git] / plugins / active_filters / active_filters.html

diff --git a/plugins/active_filters/active_filters.html b/plugins/active_filters/active_filters.html
index 21e361e..a722d4a 100644 (file)
--- a/plugins/active_filters/active_filters.html
+++ b/plugins/active_filters/active_filters.html
@@ -1,15 +1,24 @@
-<div id='myActiveFilters' style='clear:both;'>
-       <div id='{{domid}}-template' class='filterButton' style='float:left;margin-bottom:10px;visibility: hidden;'>
-               <span id='{{domid}}-template-filter'>KEY OP VALUE</span>
+<div id='{{domid}}__myActiveFilters' style='clear:both;'>
+
+       <!-- TEMPLATE -->
+       <div id='{{domid}}__template' class='template'>
+                <div id='{% templatetag openvariable %} id {% templatetag closevariable %}' class='filterButton' style='float:left;margin-bottom:10px;'>
+                       <span>{% templatetag openvariable %} span {% templatetag closevariable %}</span>
+            <img src='/all-static/img/details_close.png' class='closeButton' style='padding-left:3px;'/>
+               </div>
        </div>
+
        {% for filter in filters %}
-       <div id='{{domid}}-filter-{{filter.key}}{{filter.op_str}}{{filter.value}}' class='filterButton' style='float:left;margin-bottom:10px;visibility: hidden;'>
-               <span id='{{domid}}-template-filter'>{{filter.key}}{{filter.op}}{{filter.value}}</span>
+       <div id='{{domid}}__filter__{{filter.key}}{{filter.op_str}}{{filter.value}}' class='filterButton' style='float:left;margin-bottom:10px;'>
+               <span>{{filter.key}}__{{filter.op}}__{{filter.value}}</span>
+        <img src='/all-static/img/details_close.png' class='closeButton' style='padding-left:3px;'/>
        </div>
        {% endfor %}
+
 </div>
 
 <div id='clearFilters' class='paging_full_numbers' style='clear:both;'>
     <span class='paginate_button'>Clear</span>
 </div>
+
 <div style='clear:both;'></div>