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