gerrit.onap Code Review - portal/sdk.git/blob

   1 <style>
   2 #columnEditTable table tbody td {
   3         border: none;
   4 }
   5
   6 #columnEditTable table tbody tr {
   7         border: none;
   8 }
   9
  10 .colTableLeftColumn {
  11         width: 45%;
  12         text-align: right;
  13         vertical-align: middle;
  14 }
  15
  16 .colTableInput {
  17         width: 220px;
  18 }
  19
  20 #columnEditTable .selectWrap {
  21         width: 220px;
  22 }
  23 table {
  24      border-bottom: none;
  25 }
  26 </style>
  27
  28 <div class="b2b-modal-header">
  29         <h2 id="myModalLabel" modal-title="">Report Form Field - Edit</h2>
  30         <div class="corner-button in">
  31                 <button type="button" class="close" aria-label="Close"
  32                         ng-click="$dismiss('cancel')"></button>
  33         </div>
  34 </div>
  35 <div class="b2b-modal-body">
  36         <div ng-show="dataProcessing" class="span loader-container">
  37                 <i class="icon-primary-spinner" role="img"
  38                         aria-label="Please wait while we load your content"></i>
  39         </div>
  40         <div id="columnEditTable" ng-hide="dataProcessing">
  41                 <table class="striped">
  42                         <tbody>
  43                                 <tr>
  44                                         <td class="colTableLeftColumn">Field Name:</td>
  45                                         <td><input type="text" name="displayName"
  46                                                 ng-model="formFieldEditData.fieldName" class="colTableInput"></td>
  47                                 </tr>
  48
  49                                 <tr>
  50                                         <td class="colTableLeftColumn">Field Type:</td>
  51                                         <td><select name="fieldType" b2b-dropdown
  52                                                 ng-model="formFieldEditData.fieldType" placeholder-text="Select">
  53                                                         <option b2b-dropdown-list option-repeat="d in fieldTypeOptions"
  54                                                                 value="{{d.value}}">{{d.text}}</option>
  55                                         </select></td>
  56                                 </tr>
  57                                 <tr>
  58                                         <td class="colTableLeftColumn">Visible:</td>
  59                                         <td>
  60                                                 <select name="visible" b2b-dropdown     ng-model="formFieldEditData.visible">
  61                                                         <option b2b-dropdown-list option-repeat="d in ynOptions" value="{{d.value}}">{{d.text}}</option>
  62                                                 </select>
  63                                         </td>
  64                                 </tr>
  65                                 <tr>
  66                                         <td class="colTableLeftColumn">Is used in Group By Clause?</td>
  67                                         <td>
  68                                                 <label for="checkboxGrp" class="checkbox">
  69                                                 <input  id="checkboxGrp" type="checkbox" ng-model="formFieldEditData.groupFormField" /><i class="skin"></i><span></span>
  70                                                 </label>
  71                                         </td>
  72                                 </tr>
  73                                 <tr>
  74                                         <td class="colTableLeftColumn">SQL as Default Value:</td>
  75                                         <td>
  76                                                 <label for="cehckboxSql" class="checkbox"> <input
  77                                                         id="cehckboxSql" type="checkbox"
  78                                                         ng-model="sqlAsDefaultValue.value" /><i class="skin"></i><span></span>
  79                                                 </label>
  80                                         </td>
  81                                 </tr>
  82                                 <tr ng-show="sqlAsDefaultValue.value">
  83                                         <td class="colTableLeftColumn">Default SQL:</td>
  84                                         <td>
  85                                                 <textarea b2b-reset b2b-dragon-input b2b-reset-textarea
  86                                                         ng-model="formFieldEditData.fieldDefaultSQL" style="height: 80px">
  87                                 </textarea>
  88                         </td>
  89                                         <td>
  90                                                 <p>
  91                                                         <button ng-click="formFieldVerifySQL(formFieldEditData.fieldDefaultSQL)"
  92                                                                 class="btn btn-alt btn-small">Verify</button>
  93                                                 </p>
  94                                         </td>
  95                                 </tr>
  96                                 <tr ng-hide="formFieldEditData.fieldDefaultSQL">
  97                                         <td class="colTableLeftColumn">Default Value:</td>
  98                                         <td><input type="text" name="defaultValue"
  99                                                 ng-model="formFieldEditData.defaultValue" class="colTableInput"></td>
 100                                 </tr>
 101
 102
 103                                 <tr>
 104                                         <td class="colTableLeftColumn">Verify Field Value As:</td>
 105                                         <td><select name="visible" b2b-dropdown
 106                                                 ng-model="formFieldEditData.validationType" placeholder-text="Select">
 107                                                         <option b2b-dropdown-list option-repeat="d in verifyFieldValueOptions"
 108                                                                 value="{{d.value}}">{{d.text}}</option>
 109                                         </select></td>
 110                                 </tr>
 111                                 <tr>
 112                                         <td class="colTableLeftColumn">SQL Generating Custom List of
 113                                                 Values:</td>
 114                                         <td><textarea b2b-reset b2b-dragon-input b2b-reset-textarea
 115                                                         ng-model="formFieldEditData.fieldSQL" style="height: 80px">
 116                 </textarea></td>
 117                                         <td>
 118                                                 <p>
 119                                                         <button ng-click="formFieldVerifySQL(formFieldEditData.fieldSQL)"
 120                                                                 class="btn btn-alt btn-small">Verify</button>
 121                                                 </p>
 122                                         </td>
 123                                 </tr>
 124                                 <tr>
 125                                         <td class="colTableLeftColumn">Provide Predefined List of Values:       Do not use Predefined list - Generate list from database :</td>
 126                                         <td>
 127                                 <input type="text" name="defaultValue"  ng-model="predefinedValues.value" class="colTableInput">
 128                         </td>
 129                                         <td>
 130                                                 <p>
 131                                                         <button ng-click="addPredefinedValueList();"    class="btn btn-alt btn-small">Add to List</button>
 132                                                 </p>
 133                                         </td>
 134                                 </tr>
 135                                 <tr>
 136                                         <td class="colTableLeftColumn"></td>
 137                                         <td>
 138                                 <div ng-repeat = "rowData in formFieldEditData.predefinedValueList">
 139                                         <span>{{rowData.id}}</span>
 140                                         <a ng-click="removePredefinedValueList(rowData.id)" class="icon-misc-trash"></a>
 141                                 </div>
 142                         </td>
 143                                 </tr>
 144                         </tbody>
 145                 </table>
 146         </div>
 147 </div>
 148 <div class="b2b-modal-footer">
 149         <div class="cta-button-group in">
 150                 <button class="btn btn-alt btn-small" type="button" ng-click="save()" ng-show="type=='edit'">Save</button>
 151                 <button class="btn btn-alt btn-small" type="button" ng-click="add()" ng-show="type=='add'">Add</button>
 152                 <button class="btn btn-alt btn-small" type="button" ng-click="cancel()">Cancel</button>
 153         </div>
 154 </div>