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

diff --git a/ui/src/main/webapp/app/BluvalUI/GetTimeslots/GetTimeslotsTemplate.html b/ui/src/main/webapp/app/BluvalUI/GetTimeslots/GetTimeslotsTemplate.html
new file mode 100644
index 0000000..320dcbe
--- /dev/null
+++ b/ui/src/main/webapp/app/BluvalUI/GetTimeslots/GetTimeslotsTemplate.html
@@ -0,0 +1,51 @@
+<!--
+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;">
+    <div>
+        <h1 class="heading-page">Get Timeslots</h1>
+
+        <div ng-show="loadingTimeslots">
+            <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>Start date and time&nbsp;</th>
+                    <th class>Lab&nbsp;</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr class="border_bottom"
+                    ng-repeat="timeslotInfo in timeslotInfos">
+                    <td class
+                        style="padding-left: 10px; font-size: 15px; width: 13%;">
+                        {{ timeslotInfo.timeslotId }}</td>
+                    <td class
+                        style="padding-left: 10px; font-size: 15px; width: 13%;">
+                        {{ timeslotInfo.startDateTime }}</td>
+                    <td class
+                        style="padding-left: 10px; font-size: 15px; width: 13%;">
+                        {{ timeslotInfo.labInfo.lab }}</td>
+                </tr>
+            </tbody>
+        </table>
+
+    </div>
+</div>