ui/src/main/webapp/app/BluvalUI/RegisterBlueprintInstance/RegisterBlueprintInstanceTemplate.html

   1 <!--
   2 Copyright (c) 2019 AT&T Intellectual Property. All rights reserved.
   3
   4 Licensed under the Apache License, Version 2.0 (the "License");
   5 you may not use this file except in compliance with the License.
   6 You may obtain a copy of the License at
   7
   8        http://www.apache.org/licenses/LICENSE-2.0
   9
  10 Unless required by applicable law or agreed to in writing, software
  11 distributed under the License is distributed on an "AS IS" BASIS,
  12 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  13 See the License for the specific language governing permissions and
  14 limitations under the License.
  15 -->
  16
  17 <div id="page-content" class="content" style="padding: 25px;">
  18     <style>
  19 $
  20 melon
  21 :
  22
  23 #F97D75
  24
  25  ; $ black
  26 :
  27
  28 #2E3641
  29
  30  ; *
  31
  32 button {
  33     background-color: $melon;
  34     border: 0;
  35     padding: 8px 20px;
  36     color: white;
  37     text-transform: uppercase;
  38     cursor: pointer;
  39     &:
  40     focus
  41     ,
  42     &
  43     :
  44     active
  45     {
  46
  47
  48     outline
  49     :
  50
  51
  52     0;
  53 }
  54
  55 }
  56 ul.ul-layer {
  57     list-style: none;
  58     padding-left: 0;
  59     margin-top: 25px;
  60 }
  61
  62 li.li-layer {
  63     border: 1px solid black;
  64     display: inline-block;
  65     padding: 5px 10px;
  66     margin-right: 5px;
  67     margin-bottom: 5px;
  68     text-transform: capitalize;
  69 }
  70
  71 .fa-close {
  72     cursor: pointer;
  73 }
  74 </style>
  75     <div>
  76         <h1 class="heading-page">Register Blueprint Instance</h1>
  77
  78         <div>
  79             <div class="form-row">
  80                 <label for="textinputID-3a">Select Blueprint: </label> <select
  81                     ng-model="selectedBlueprint"
  82                     ng-change="selectedBlueprintChange()"
  83                     ng-options="v for v in blueprints">
  84                 </select>
  85             </div>
  86         </div>
  87         <br>
  88
  89         <div class="Column">
  90             <div class="form-row">
  91                 <label for="textinputID-3a">Define version: </label> <input
  92                     ng-model="definedVersion"</input>
  93             </div>
  94         </div>
  95         <br>
  96
  97         <div>
  98             <div class="form-row">
  99                 <label for="textinputID-3a">Add Layer: </label> <select
 100                     ng-model="selectedLayer"
 101                     ng-change="selectedLayerChange()"
 102                     ng-options="v for v in layers">
 103                 </select>
 104                 <button ng-disabled="!selectedLayer"
 105                     ng-click="addConfiguredLayer(selectedLayer)">Add</button>
 106             </div>
 107         </div>
 108         <br>
 109
 110         <ul class="ul-layer">
 111             <li ng-repeat="configuredLayer in configuredLayers"
 112                 class="li-layer"><span
 113                 ng-click="deleteConfiguredLayer($index)"><i
 114                     class="fa fa-close"></i></span> {{configuredLayer}}</li>
 115         </ul>
 116
 117         <div ng-show="loadingBlueprints || loadingLayers">
 118             <img src=" static/fusion/images/giphy.gif" />
 119         </div>
 120
 121         <div class="fn-ebz-container"
 122             style="position: relative; top: 25px;">
 123             <button href="javascript:void(0)" id="addbtn"
 124                 style="bottom: -17px;" size="small"
 125                 att-accessibility-click="13,32"
 126                 class="btn btn-alt btn-small" ng-click="register();">Register</button>
 127         </div>
 128     </div>
 129 </div>