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

diff --git a/ui/src/main/webapp/app/BluvalUI/RegisterTimeslot/RegisterTimeslotTemplate.html b/ui/src/main/webapp/app/BluvalUI/RegisterTimeslot/RegisterTimeslotTemplate.html
new file mode 100644
index 0000000..113cd21
--- /dev/null
+++ b/ui/src/main/webapp/app/BluvalUI/RegisterTimeslot/RegisterTimeslotTemplate.html
@@ -0,0 +1,137 @@
+<!--
+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>
+$
+melon
+:
+
+#F97D75
+
+ ; $ black
+:
+
+#2E3641
+
+ ; *
+
+button {
+    background-color: $melon;
+    border: 0;
+    padding: 8px 20px;
+    color: white;
+    text-transform: uppercase;
+    cursor: pointer;
+    &:
+    focus
+    ,
+    &
+    :
+    active
+    {
+
+
+
+
+
+
+    outline
+    :
+
+
+
+
+
+
+    0;
+}
+
+}
+ul.ul-timeslot {
+    list-style: none;
+    padding-left: 0;
+    margin-top: 25px;
+}
+
+li.li-timeslot {
+    border: 1px solid black;
+    display: inline-block;
+    padding: 5px 10px;
+    margin-right: 5px;
+    margin-bottom: 5px;
+    text-transform: capitalize;
+}
+
+.fa-close {
+    cursor: pointer;
+}
+</style>
+    <div>
+        <h1 class="heading-page">Register Timeslot</h1>
+
+        <div class="Column">
+            <div class="form-row">
+                <label for="textinputID-3a">Define start date
+                    and time : </label> <input ng-model="definedStart" readonly></input>
+            </div>
+        </div>
+        <br>
+
+        <div>
+            <div class="form-row">
+                <label for="textinputID-3a">Select Lab: </label> <select
+                    ng-model="selectedLab"
+                    ng-change="selectedLabChange()"
+                    ng-options="v for v in labs">
+                </select>
+            </div>
+        </div>
+        <br>
+
+        <div>
+            <div class="form-row">
+                <label for="textinputID-3a">Add Blueprint
+                    Instance: </label> <select
+                    ng-model="selectedDeclerativeInst"
+                    ng-change="selectedDeclerativeInstChange()"
+                    ng-options="v for v in declerativeInsts">
+                </select>
+                <button ng-disabled="!selectedDeclerativeInst"
+                    ng-click="addInst(selectedDeclerativeInst)">Add</button>
+            </div>
+        </div>
+        <br>
+
+        <ul class="ul-timeslot">
+            <li ng-repeat="inst in insts" class="li-timeslot"><span
+                ng-click="deleteInst($index)"><i
+                    class="fa fa-close"></i></span> {{inst}}</li>
+        </ul>
+
+        <div ng-show="loadingLabs || loadingBlueprintInstances">
+            <img src=" static/fusion/images/giphy.gif" />
+        </div>
+
+        <div class="fn-ebz-container"
+            style="position: relative; top: 25px;">
+            <button href="javascript:void(0)" id="addbtn"
+                style="bottom: -17px;" size="small"
+                att-accessibility-click="13,32"
+                class="btn btn-alt btn-small" ng-click="register();">Register</button>
+        </div>
+    </div>
+</div>