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
  24
  25 #drilldownOption .selectWrap{
  26         width:450px;
  27 }
  28 </style>
  29
  30 <div style="height: 700px;">
  31     <div class="b2b-modal-header ng-scope in">
  32         <h2 id="myModalLabel" modal-title="">Report Column - Edit </h2>
  33                         <div class="corner-button in">
  34                         <button type="button" class="close" aria-label="Close"
  35                                 ng-click="$dismiss('cancel')"></button>
  36                 </div>
  37         </div>
  38         <div class="b2b-modal-body ng-scope ng-isolate-scope in"  style="margin-bottom: -50px;">
  39                 <form name="workflowForm" class="css-form" novalidate>
  40
  41 <!--                    <div class="form-row input-emphasized-field">
  42                                 <label class="span12 input-emphasized" for="textinputID-2a">The selected report will be removed. Do you want to continue</label>
  43                         </div> -->
  44         <div id="columnEditTable">
  45     <table class="striped">
  46 <!--         <caption><span>Table caption</span></caption> -->
  47 <!--         <thead>
  48             <tr>
  49                 <th>Column ID:</th>
  50                 <th>Name</th>
  51                 <th>ID</th>
  52                 <th>Edit</th>
  53             </tr>
  54         </thead> -->
  55         <tbody>
  56             <tr>
  57                 <td class="colTableLeftColumn">Column ID:</td>
  58                 <td>{{columnEditData.colId}}</td>
  59             </tr>
  60
  61             <tr>
  62                 <td class="colTableLeftColumn">Display Name:</td>
  63                 <td><input type="text" name="displayName" ng-model="colName.value" class="colTableInput"></td>
  64             </tr>
  65
  66 <!--             <tr>
  67                 <td class="colTableLeftColumn">Display Width (px):</td>
  68                                 <td><input type="text" name="displayWidth" ng-model="displayWidth" class="colTableInput"></td>
  69                         </tr> -->
  70
  71             <tr>
  72                 <td class="colTableLeftColumn">Display Alignment: </td>
  73                                 <td>
  74                                         <select name="displayAlignment" b2b-dropdown ng-model="selectedDisplayAlignment.value" placeholder-text="Select">
  75                                                 <option b2b-dropdown-list option-repeat="d in displayAlignmentOptions" value="{{d.value}}">{{d.text}}</option>
  76                     </select>
  77                                 </td>
  78             </tr>
  79
  80             <tr>
  81                 <td class="colTableLeftColumn">Display Header Alignment:</td>
  82                                 <td>
  83                                         <select name="displayHeaderAlignment" b2b-dropdown ng-model="selectedDisplayHeaderAlignment.value" placeholder-text="Select">
  84                                                 <option b2b-dropdown-list option-repeat="d in displayAlignmentOptions" value="{{d.value}}">{{d.text}}</option>
  85                     </select>
  86                                 </td>
  87             </tr>
  88
  89             <tr>
  90                 <td class="colTableLeftColumn">Sortable:</td>
  91                                 <td>
  92                                         <select name="sortable" b2b-dropdown ng-model="sortable.value" placeholder-text="Select">
  93                                                 <option b2b-dropdown-list option-repeat="d in ynOptions" value="{{d.value}}">{{d.text}}</option>
  94                     </select>
  95                                 </td>
  96             </tr>
  97
  98             <tr>
  99                 <td class="colTableLeftColumn">Visible:</td>
 100                                 <td>
 101                                         <select name="visible" b2b-dropdown ng-model="visible.value" placeholder-text="Select">
 102                                                 <option b2b-dropdown-list option-repeat="d in ynOptions" value="{{d.value}}">{{d.text}}</option>
 103                     </select>
 104                                 </td>
 105             </tr>
 106
 107              <tr>
 108                 <td class="colTableLeftColumn" style="width:350px;">Drill-down Link:</td>
 109                                 <td id="drilldownOption">
 110                                         <select name="drillDown" b2b-dropdown ng-model="selectedDrillDownReport.value" placeholder-text="Select">
 111                                                 <option  b2b-dropdown-list option-repeat="d in drilldownReports" value="{{d.id}}">{{d.name}}</option>
 112                     </select>
 113                                 </td>
 114             </tr>
 115
 116
 117         </tbody>
 118       </table>
 119       </div>
 120                                         <div class="b2b-modal-footer ng-scope ng-isolate-scope in">
 121                 <div class="cta-button-group in">
 122                                         <button class="btn btn-alt btn-small" type="button"  ng-click="save()">Save</button>
 123                         <button class="btn btn-alt btn-small" type="button"
 124                                 ng-click="cancel()">Cancel</button>
 125                 </div>
 126         </div>
 127                 </form>
 128                 <br />
 129         </div>
 130 </div>