X-Git-Url: https://gerrit.akraino.org/r/gitweb?p=validation.git;a=blobdiff_plain;f=ui%2Fsrc%2Fmain%2Fwebapp%2Fapp%2FBluvalUI%2FGetBlueprintInstances%2FGetBlueprintInstancesTemplate.html;fp=ui%2Fsrc%2Fmain%2Fwebapp%2Fapp%2FBluvalUI%2FGetBlueprintInstances%2FGetBlueprintInstancesTemplate.html;h=a6a8fdc8f41bbc868e3e17cc61b87ce0d2b393fa;hp=0000000000000000000000000000000000000000;hb=3ff5d7028b19a649f6b80c476ff45ced1fdd67dc;hpb=147ecf7bf79ea9967a121d0038103151a38ebef2

diff --git a/ui/src/main/webapp/app/BluvalUI/GetBlueprintInstances/GetBlueprintInstancesTemplate.html b/ui/src/main/webapp/app/BluvalUI/GetBlueprintInstances/GetBlueprintInstancesTemplate.html
new file mode 100644
index 0000000..a6a8fdc
--- /dev/null
+++ b/ui/src/main/webapp/app/BluvalUI/GetBlueprintInstances/GetBlueprintInstancesTemplate.html
@@ -0,0 +1,89 @@
+<!--
+Copyright (c) 2019 AT&T Intellectual Property. All rights reserved.
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+-->
+
+<div id="page-content" class="content" style="padding: 25px;">
+    <style>
+ul.ul-layer {
+    list-style: none;
+    padding-left: 0;
+    margin-top: 25px;
+}
+
+li.li-layer {
+    border: 1px solid black;
+    display: inline-block;
+    padding: 5px 10px;
+    margin-right: 5px;
+    margin-bottom: 5px;
+    text-transform: capitalize;
+}
+</style>
+    <div>
+        <h1 class="heading-page">Get Blueprint Instances</h1>
+
+        <div ng-show="loadingBlueprintInstances">
+            <img src=" static/fusion/images/giphy.gif" />
+        </div>
+
+        <h2 class="heading-small"></h2>
+        <table class="table table-striped table-bordered">
+            <thead>
+                <tr style="background-color: grey;">
+                    <th class>Id&nbsp;</th>
+                    <th class>Version&nbsp;</th>
+                    <th class>Blueprint&nbsp;</th>
+                    <th class>Layer(s)&nbsp;</th>
+                    <th class>Timeslot(s)&nbsp;</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr class="border_bottom"
+                    ng-repeat="blueprintInstanceInfo in blueprintInstanceInfos">
+                    <td class
+                        style="padding-left: 10px; font-size: 15px; width: 13%;">
+                        {{ blueprintInstanceInfo.blueprintInstanceId }}</td>
+                    <td class
+                        style="padding-left: 10px; font-size: 15px; width: 13%;">
+                        {{ blueprintInstanceInfo.version }}</td>
+                    <td class
+                        style="padding-left: 10px; font-size: 15px; width: 13%;">
+                        {{ blueprintInstanceInfo.blueprint.blueprintName
+                        }}</td>
+                    <td class
+                        style="padding-left: 10px; font-size: 15px; width: 13%;">
+                        <ul class="ul-layer">
+                            <li
+                                ng-repeat="layer in blueprintInstanceInfo.blueprintLayers"
+                                class="li-layer">{{layer.layer}}</li>
+                        </ul>
+                    </td>
+                    <td class
+                        style="padding-left: 10px; font-size: 15px; width: 13%;">
+                        <ul class="ul-layer">
+                            <li
+                                ng-repeat="timeslot in blueprintInstanceInfo.timeslots"
+                                class="li-layer">Lab:
+                                {{timeslot.labInfo.lab}}, Start Date and
+                                Time: {{timeslot.startDateTime}}</li>
+                        </ul>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+
+
+    </div>
+</div>