ecomp-sdk-app/src/main/webapp/app/fusion/notebook-integration/scripts/view-models/notebookInputs.html

   1 <!DOCTYPE html>
   2 <!--
   3   ================================================================================
   4   eCOMP Portal SDK
   5   ================================================================================
   6   Copyright (C) 2017 AT&T Intellectual Property
   7   ================================================================================
   8   Licensed under the Apache License, Version 2.0 (the "License");
   9   you may not use this file except in compliance with the License.
  10   You may obtain a copy of the License at
  11
  12        http://www.apache.org/licenses/LICENSE-2.0
  13
  14   Unless required by applicable law or agreed to in writing, software
  15   distributed under the License is distributed on an "AS IS" BASIS,
  16   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  17   See the License for the specific language governing permissions and
  18   limitations under the License.
  19   ================================================================================
  20   -->
  21
  22 <html>
  23 <head>
  24 <meta charset="ISO-8859-1">
  25 <title></title>
  26 </head>
  27 <body>
  28
  29 <div style="min-height:500px">
  30         <br>
  31         <div class="fn-ebz-container">
  32                 <label class="fn-ebz-text-label">Notebook ID:</label><BR>
  33                 <input type="text"  name="notebookid"  maxlength=200  ng-model="notebookvalue" style="width:180px"/>
  34         </div>
  35         <BR>
  36
  37         <!-- Use this for only 1 key value query parameter
  38         <div class="fn-ebz-container">
  39
  40                                         <label class="fn-ebz-text-label">Key</label><BR>
  41                                         <input type="text"  name="key"  maxlength=200  ng-model="qparamKey" style="width:180px"/>
  42         </div>
  43
  44         <div class="fn-ebz-container">
  45                                         <label class="fn-ebz-text-label">Value</label><BR>
  46                                         <input type="text"  name="val"  maxlength=200  ng-model="qparamVal" style="width:180px"/>
  47         </div> -->
  48
  49
  50
  51         <!-- Use this for multiple key value query parameters -->
  52         <div style="border:2px;border-style:solid;border-color:#808080;margin-bottom:9px">
  53          <div ng-repeat="kv in keyValueList">
  54                         <div style="margin-left:5px">
  55
  56                                 <div class="fn-ebz-container">
  57
  58                                         <label class="fn-ebz-text-label">Key</label><BR>
  59                                         <input type="text"  name="key"  maxlength=100  ng-model="kv.qK" style="width:180px"/>
  60                                 </div>
  61
  62                                 <div class="fn-ebz-container">
  63                                         <label class="fn-ebz-text-label">Value</label><BR>
  64                                         <input type="text"  name="val"  maxlength=100  ng-model="kv.qV" style="width:180px"/>
  65                                 </div>
  66
  67                                 <div class="fn-ebz-container" style="position:relative; top: 25px;">
  68                                 <button href="javascript:void(0)" id="addbtn" ng-show="{{$index==0}}"  style="float: right;" att-button  size="small" att-accessibility-click="13,32"
  69                                                 ng-click="addKeyValuePairs(kv);" >Add</button>
  70                                 <a href="javascript:void(0)" ng-show="{{$index>0}}" style="float: right;" att-button  size="small" att-accessibility-click="13,32" ng-click="removeKeyValuePairs($index);" >
  71                                 Remove</a>
  72                                   </div>
  73                   </div>
  74                  </div>
  75   </div>
  76
  77
  78
  79
  80           <BR>
  81
  82         <div class="fn-ebz-container">
  83         <a  att-button btn-type="primary" att-accessibility-click="13,32" ng-click="submitParameters();">Submit</a>
  84         </div>
  85
  86         <!--  <div ng-show="iframevisibility"><iframe id='itestfr' width="1400" height="1400"></iframe></div>  -->
  87
  88 </div>
  89 </body>
  90 </html>