Testbed/Facility selection

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

diff --git a/plugins/testbeds/templates/testbeds.html b/plugins/testbeds/templates/testbeds.html
index 22f7f0a..6ee26f2 100644 (file)
--- a/plugins/testbeds/templates/testbeds.html
+++ b/plugins/testbeds/templates/testbeds.html
@@ -1,24 +1,27 @@
-<div id={{ domid }} ng-controller="TestbedsCtrl">
-
-<div class="list-group-item sl-platform"><span class="list-group-item-heading">Testbeds</span></div>
-
-<div ng-repeat="testbed in testbeds"
-     ng-click="select(testbed)">
-       <a href="#" 
-          class="list-group-item sl-platform"
-       ng-class="{active: testbed.active}"
-          id="testbeds-filter_{[{ testbed.network_hrn }]}"
-          data-platform="{[{ testbed.network_hrn }]}">
-       <span class="list-group-item-heading">{[{ testbed.platform }]}</span>
-       <!--<p class="list-group-item-heading">{[{ testbed.network_hrn }]}</p>-->
-       </a>
-</div>
-
-<style>
-a.sl-platform  {
-    text-transform: uppercase;
-}
-
-</style>
-
+<div id="{{ domid }}" class="sl-filter-facilities" ng-controller="TestbedsCtrl">
+    <h4>
+       Facilities
+    </h4>
+    <div>
+        <div class="sl-facilities" ng-repeat="facility_name in facility_names">
+            <a href="#" 
+               class="sl-facility"
+               ng-class="{active: is_facility_active(facility_name)}"
+               id="facility-filter_{[{ facility_name }]}"
+               ng-click="select_facility(facility_name)"
+               data-platform="{[{ facility_name }]}">
+               <img class="sl-image" src="/static/icons/{[{ facility_name }]}.png" /> {[{ facility_name }]}
+            </a>
+            <div class="sl-testbeds" ng-repeat="testbed_name in testbed_names[facility_name]">
+                <a href="#" 
+                   class="sl-testbed"
+                   ng-class="{active: is_testbed_active(facility_name, testbed_name)}"
+                   id="testbeds-filter_{[{ testbed_name }]}"
+                   ng-click="select_testbed(facility_name, testbed_name)"
+                   data-platform="{[{ testbed_name }]}">
+                    <input ng-checked="is_testbed_active(facility_name, testbed_name)" type="checkbox">&nbsp;{[{testbed_name}]}
+                </a>
+            </div>
+        </div>
+    </div>
 </div>