Filter status: All, Available, Unavailable, Unconfigured, Pending, Reserved

[myslice.git] / plugins / filter_status / templates / filter_status.html

diff --git a/plugins/filter_status/templates/filter_status.html b/plugins/filter_status/templates/filter_status.html
index b6ce25d..a497a14 100644 (file)
--- a/plugins/filter_status/templates/filter_status.html
+++ b/plugins/filter_status/templates/filter_status.html
@@ -1,43 +1,62 @@
-<div id={{ domid }}>
-  <span class="list-group-item-heading">View:</span>
+<div id="{{ domid }}" class="sl-filter-resources">
+  <span class="list-group-item-heading sl-resources">View:</span>
   
   <a href="#" 
-     class="list-group-item sl-platform active" 
-     style='display: inline-block !important;' 
+     class="list-group-item sl-resources active" 
+     style='display: inline-block !important; font-size: inherit;' 
      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'>
-       <p class="list-group-item-heading">Available</p>
+       Available
   </a>
-  
-  <a href="#"
-     class="list-group-item sl-platform" 
-     style='display: inline-block !important;' 
-     id="{{ domid }}__reserved" 
-     data-status="reserved"
-     title="View resources that you have previously reserved for the slice."
+   <a href="#" 
+     class="list-group-item sl-resources" 
+     style='display: inline-block !important; font-size: inherit;' 
+     id="{{ domid }}__unavailable" 
+     data-status="unavailable"
+        title="View resources that are NOT available to be reserved."
         rel='tooltip'>
-       <p class="list-group-item-heading">Reserved</p>
+       Unavailable
   </a>
   
-  <a href="#" class="list-group-item sl-platform"
-     style='display: inline-block !important;' 
+  <a href="#" class="list-group-item sl-resources"
+     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 aside the checkbox for more details."
+     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'>
-       <p class="list-group-item-heading">Unconfigured</p>
-       <span class="badge" id="badge-unconfigured" style="display:none;"></span></a>
+       Unconfigured
+       <span class="badge" id="badge-unconfigured" style="display:none;"></span>
   </a>
   
-  <a href="#" class="list-group-item sl-platform" 
-     style='display: inline-block !important;' 
+  <a href="#" class="list-group-item sl-resources" 
+     style='display: inline-block !important; font-size: inherit;' 
      id="{{ domid }}__pending" 
      data-status="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, and on the Cancel button to cancel them."
+     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'>
-       <p class="list-group-item-heading">Pending</p>
-       <span class="badge" id="badge-pending" style="display:none;"></span></a>
+       Pending
+       <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>
+
 </div>