Filter status: All, Available, Unavailable, Unconfigured, Pending, Reserved
[myslice.git] / plugins / filter_status / templates / filter_status.html
index 64c3fb9..a497a14 100644 (file)
@@ -1,34 +1,42 @@
-<div id={{ domid }}>
+<div id="{{ domid }}" class="sl-filter-resources">
   <span class="list-group-item-heading sl-resources">View:</span>
   
   <a href="#" 
      class="list-group-item sl-resources active" 
   <span class="list-group-item-heading sl-resources">View:</span>
   
   <a href="#" 
      class="list-group-item sl-resources active" 
-     style='display: inline-block !important; x        font-size: inherit;' 
+     style='display: inline-block !important; font-size: inherit;' 
      id="{{ domid }}__all" 
      data-status="all"
      id="{{ domid }}__all" 
      data-status="all"
+        title="View all resources."
+        rel='tooltip'>
+       All
+  </a>
+  <a href="#" 
+     class="list-group-item sl-resources" 
+     style='display: inline-block !important; font-size: inherit;' 
+     id="{{ domid }}__available" 
+     data-status="available"
         title="View resources that are available to be reserved."
         rel='tooltip'>
        Available
   </a>
         title="View resources that are available to be reserved."
         rel='tooltip'>
        Available
   </a>
-  
-  <a href="#"
+   <a href="#" 
      class="list-group-item sl-resources" 
      style='display: inline-block !important; font-size: inherit;' 
      class="list-group-item sl-resources" 
      style='display: inline-block !important; font-size: inherit;' 
-     id="{{ domid }}__reserved
-     data-status="reserved"
-     title="View resources that you have previously reserved for the slice."
+     id="{{ domid }}__unavailable
+     data-status="unavailable"
+        title="View resources that are NOT available to be reserved."
         rel='tooltip'>
         rel='tooltip'>
-       Reserved
+       Unavailable
   </a>
   
   <a href="#" class="list-group-item sl-resources"
   </a>
   
   <a href="#" class="list-group-item sl-resources"
-     style='display: inline-block !important; font-size: inherit;' 
+     style='display: inline-block !important; font-size: inherit; width:130px;
      id="{{ domid }}__unconfigured" 
      data-status="unconfigured"
      title="View resources that you have selected to add to your slice, that require configuration before they can be reserved. Hover you mouse over the symbol next to the checkbox for more details."
      rel='tooltip'>
        Unconfigured
      id="{{ domid }}__unconfigured" 
      data-status="unconfigured"
      title="View resources that you have selected to add to your slice, that require configuration before they can be reserved. Hover you mouse over the symbol next to the checkbox for more details."
      rel='tooltip'>
        Unconfigured
-       <span class="badge" id="badge-unconfigured" style="display:none;"></span></a>
+       <span class="badge" id="badge-unconfigured" style="display:none;"></span>
   </a>
   
   <a href="#" class="list-group-item sl-resources" 
   </a>
   
   <a href="#" class="list-group-item sl-resources" 
      title="View pending changes to your slice: resources that you have selected to add, and resources that you have selected to remove. Click on the Apply button to apply those changes, or on the Cancel button to cancel them."
      rel='tooltip'>
        Pending
      title="View pending changes to your slice: resources that you have selected to add, and resources that you have selected to remove. Click on the Apply button to apply those changes, or on the Cancel button to cancel them."
      rel='tooltip'>
        Pending
-       <span class="badge" id="badge-pending" style="display:none;"></span></a>
+       <span class="badge" id="badge-pending" style="display:none;"></span>
+  </a>
+  <a href="#"
+     class="list-group-item sl-resources" 
+     style='display: inline-block !important; font-size: inherit;' 
+     id="{{ domid }}__reserved" 
+     data-status="reserved"
+     title="View resources that you have previously reserved for the slice."
+        rel='tooltip'>
+       Reserved
   </a>
   </a>
+
 </div> 
 </div>