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
  11 </style>
  12
  13 <div class="b2b-modal-header">
  14         <h2 id="myModalLabel" modal-title="">Report Column - Edit</h2>
  15         <div class="corner-button in">
  16                 <button type="button" class="close" aria-label="Close"
  17                         ng-click="$dismiss('cancel')"></button>
  18         </div>
  19 </div>
  20 <div class="b2b-modal-body">
  21                 <div ng-show="processingData" class="span loader-container">
  22                         <i class="icon-primary-spinner" role="img"
  23                                 aria-label="Please wait while we load your content"></i>
  24                 </div>
  25
  26                 <div id="columnEditTable" ng-hide="processingData">
  27                         <table class="striped">
  28                                 <tbody>
  29                                         <tr ng-hide="!isEditCol">
  30                                                 <td class="colTableLeftColumn">Column ID:</td>
  31                                                 <td>{{colInfo.colId}}</td>
  32                                         </tr>
  33                                         <tr ng-hide="!isEditCol">
  34                                                 <td class="colTableLeftColumn">Column Name:</td>
  35                                                 <td>{{colInfo.colName}}</td>
  36                                         </tr>
  37                                         <tr ng-hide="!isEditCol">
  38                                                 <td class="colTableLeftColumn">Depends on formfield:</td>
  39                                                 <td><input type="text" name="dependsOnFF"
  40                                                         ng-model="colInfo.depeondsOnForField" class="colTableInput"></td>
  41                                         </tr>
  42                                         <tr ng-hide="!isEditCol">
  43                                                 <td class="colTableLeftColumn">Datatype:</td>
  44                                                 <td>
  45                                                         <select id="dataTypeDD" name="dataTypeDD" aria-describedby="dataTypeDD" b2b-dropdown placeholder-text="Select Data Type" ng-model="colInfo.dataType">
  46                                                     <option b2b-dropdown-list option-repeat="d in dataTypeOptions" value="{{d.value}}">{{d.text}}</option>
  47                                                 </select>
  48                                             </td>
  49                                         </tr>
  50                                         <tr ng-hide="!isEditCol">
  51                                                 <td class="colTableLeftColumn">Group By Pos:</td>
  52                                                 <td>
  53                                                         <input type="text" name="groupByPos" ng-model="colInfo.groupByPos" class="colTableInput">
  54                                                 </td>
  55                                         </tr>
  56                                         <tr ng-hide="!isEditCol">
  57                                                 <td class="colTableLeftColumn">Custom Text for Sub-Total:</td>
  58                                                 <td><input type="text" name="subTotalCus"
  59                                                         ng-model="colInfo.subTotalCustomText" class="colTableInput"></td>
  60                                         </tr>
  61                                         <tr ng-hide="!isEditCol">
  62                                                 <td class="colTableLeftColumn">Hide Repeated Values:</td>
  63                                                 <td>
  64                                                         <label for="noWrap" class="checkbox">
  65                                                                 <input id="hideFormFieldsRun" type="checkbox" ng-model="colInfo.hideRepeatedKey" />     <i class="skin"></i>
  66                                                         </label>
  67                                                 </td>
  68                                         </tr>
  69                                         <tr ng-hide="!isEditCol">
  70                                                 <td class="colTableLeftColumn">Multi Group Column Level:</td>
  71                                                 <td>
  72                                                         <select id="mgcLevel" name="mgcLevel" aria-describedby="mgcLevel" b2b-dropdown placeholder-text="Select Level" ng-model="colInfo.level">
  73                                                     <option b2b-dropdown-list option-repeat="d in multiGroupColLevel" value="{{d.value}}">{{d.text}}</option>
  74                                                 </select>
  75                                             </td>
  76                                         </tr>
  77                                         <tr ng-hide="!isEditCol">
  78                                                 <td class="colTableLeftColumn">Multi group Column Range : Colspan:</td>
  79                                                 <td>
  80                                                         <input type="text" name="colSpan" ng-model="colInfo.colspan" class="colTableInput">
  81                                                 </td>
  82                                         </tr>
  83                                         <!-- <tr ng-hide="!isEditCol">
  84                                                 <td class="colTableLeftColumn">Dataformat:</td>
  85                                                 <td>
  86                                                         <select id="mgcLevel" name="mgcLevel" aria-describedby="mgcLevel" b2b-dropdown placeholder-text="Select Level" ng-model="colInfo.level">
  87                                                     <option b2b-dropdown-list option-repeat="d in multiGroupColLevel" value="{{d.value}}">{{d.text}}</option>
  88                                                 </select>
  89                                             </td>
  90                                         </tr> -->
  91                                         <tr ng-hide="!isEditCol">
  92                                                 <td class="colTableLeftColumn">Display Name:</td>
  93                                                 <td>
  94                                                         <input type="text" name="colSpan" ng-model="colInfo.displayName" class="colTableInput">
  95                                                 </td>
  96                                         </tr>
  97                                         <tr ng-hide="!isEditCol">
  98                                                 <td class="colTableLeftColumn">Display Width (In Pxls):</td>
  99                                                 <td>
 100                                                         <input type="text" id="displayWidth" name="displayWidth" ng-model="colInfo.displayWidth" class="colTableInput">
 101                                                 </td>
 102                                         </tr>
 103                                         <tr ng-hide="!isEditCol">
 104                                                 <td class="colTableLeftColumn">No Wrap ?:</td>
 105                                                 <td>
 106                                                         <label for="noWrap" class="checkbox">
 107                                                                 <input id="noWrap" type="checkbox" ng-model="colInfo.noWrap" /><i class="skin"></i>
 108                                                         </label>
 109                                                 </td>
 110                                         </tr>
 111                                         <tr ng-hide="!isEditCol">
 112                                                 <td class="colTableLeftColumn">Indent Parameter to display value:</td>
 113                                                 <td>
 114                                                         <select id="indentPara" name="indentPara" aria-describedby="indentPara" b2b-dropdown placeholder-text="Select Indent" ng-model="colInfo.indentation">
 115                                                     <option b2b-dropdown-list option-repeat="d in indentValues" value="{{d.value}}">{{d.text}}</option>
 116                                                 </select>
 117                                             </td>
 118                                         </tr>
 119                                         <tr ng-hide="!isEditCol">
 120                                                 <td class="colTableLeftColumn">Display Alignment:</td>
 121                                                 <td>
 122                                                         <select id="displayAlign" name="displayAlign" aria-describedby="displayAlign" b2b-dropdown placeholder-text="Select Display Alignment" ng-model="colInfo.displayAlignment">
 123                                                     <option b2b-dropdown-list option-repeat="d in displayAlignmentOptions" value="{{d.value}}">{{d.text}}</option>
 124                                                 </select>
 125                                             </td>
 126                                         </tr>
 127                                         <tr ng-hide="!isEditCol">
 128                                                 <td class="colTableLeftColumn">Display Header Alignment:</td>
 129                                                 <td>
 130                                                         <select id="displayHAlign" name="displayHAlign" aria-describedby="displayAlign" b2b-dropdown placeholder-text="Select Display Header Alignment" ng-model="colInfo.displayHeaderAlignment">
 131                                                     <option b2b-dropdown-list option-repeat="d in displayAlignmentOptions" value="{{d.value}}">{{d.text}}</option>
 132                                                 </select>
 133                                             </td>
 134                                         </tr>
 135                                         <tr ng-hide="!isEditCol">
 136                                                 <td class="colTableLeftColumn">Sortable:</td>
 137                                                 <td>
 138                                                         <label for="sortable" class="checkbox">
 139                                                                 <input id="sortable" type="checkbox" ng-model="colInfo.sortable" /><i class="skin"></i>
 140                                                         </label>
 141                                             </td>
 142                                         </tr>
 143                                         <tr ng-hide="!isEditCol">
 144                                                 <td class="colTableLeftColumn">Visible:</td>
 145                                                 <td>
 146                                                    <label for="visibleCheck" class="checkbox">
 147                                                                 <input id="visibleCheck" type="checkbox" ng-model="colInfo.visible" /><i class="skin"></i>
 148                                                         </label>
 149                                             </td>
 150                                         </tr>
 151                                         <tr ng-hide="!isEditCol">
 152                                                 <td class="colTableLeftColumn">Drill-down Link: <a href="javascript:void(0);" ng-click="getDrillReportFormField(colInfo.drilldownURL,colInfo.drilldownParams)"><span class="icon-misc-pen" ></span></a></td>
 153                                                 <td id="drilldownOption">
 154                                                         <select name="drillDown" b2b-dropdown ng-model="colInfo.drilldownURL">
 155                                                                 <option b2b-dropdown-list option-repeat="d in drilldownReports" value="{{d.id}}">{{d.name}}</option>
 156                                                         </select>
 157                                                 </td>
 158                                         </tr>
 159
 160                                         <tr ng-hide="!isEditCol">
 161                                                 <td class="colTableLeftColumn">Total for the column:</td>
 162                                                 <td id="totalForTheCol">
 163                                                         <select name="totalForTheCol" b2b-dropdown ng-model="colInfo.displayTotal" placeholder-text="Select">
 164                                                                 <option b2b-dropdown-list option-repeat="d in totalForTheColList"       value="{{d.id}}">{{d.name}}</option>
 165                                                         </select>
 166                                                 </td>
 167                                         </tr>
 168                                         <tr >
 169                                                 <table class="striped" ng-repeat="ff in drilDownFormField" ng-init="outerIndex=$index" ng-show="!isEditCol">
 170                                                         <thead>
 171                                                                 <tr>
 172                                                                         <th>{{ff.name}}</th>
 173                                                                         <th></th>
 174                                                                 </tr>
 175                                                         </thead>
 176                                                         <tbody type="body" ng-repeat="dd in drilDownValues[$index]" ng-init="innerIndex=$index">
 177                                                                 <tr>
 178                                                                         <td>
 179                                                                                 <label for="{{dd.radioGroup}}" class="radio">
 180                                                                         <input type="radio" ng-model="selectedDrillReportFormField[outerIndex]"  id="{{dd.radioGroup}}" name="optionsRadio{{outerIndex}}" value="{{dd.radioGroup}}">
 181                                                                         <i class="skin"></i>
 182                                                                     </label>
 183                                                                         </td>
 184                                                                         <td>{{ dd.selection }} </td>
 185                                                                         <td ng-if="dd.selection=='Value set'" ng-bind="dd.value"></td>
 186                                                                         <td  ng-if='dd.selection=="No Value"'>
 187                                                                                         Accept default
 188                                                                         </td>
 189                                                                         <td  ng-if='dd.selection=="Fixed Value"'>
 190                                                                                 <div class="field-group">
 191                                                                                         <input id="emptyMessage" ddh-reset="" class="span12" type="text" data-ng-model="drillDownParams[outerIndex].valValue">
 192                                                                                 </div>
 193                                                                         </td>
 194                                                                         <td  ng-if='dd.selection=="Value of Column"'>
 195                                                                                 <select name="drillDown" b2b-dropdown ng-model="drillDownParams[outerIndex].valColId" placeholder-text="Select">
 196                                                                                         <option b2b-dropdown-list option-repeat="d in childReportCol" value="{{d.id}}">{{d.name}}</option>
 197                                                                                 </select>
 198                                                                         </td>
 199                                                                         <td  ng-if='dd.selection=="Value of form field"'>
 200                                                                                 <select name="drillDownField" b2b-dropdown ng-model="drillDownParams[outerIndex].valFieldId" placeholder-text="Select">
 201                                                                                         <option b2b-dropdown-list option-repeat="d in childReportFF" value="{{d.id}}">{{d.name}}</option>
 202                                                                                 </select>
 203                                                                         </td>
 204                                                                 </tr>
 205                                                         </tbody>
 206                                                 </table>
 207                                         </tr>
 208
 209                                         <!-- <tr>
 210                                                 <td class="colTableLeftColumn">Advanced Display Formatting:</td>
 211                                                 <td id="drilldownOption">
 212                                                         <select name="drillDown" b2b-dropdown ng-model="colInfo.drilldownURL" placeholder-text="Select">
 213                                                                 <option b2b-dropdown-list option-repeat="d in drilldownReports"         value="{{d.id}}">{{d.name}}</option>
 214                                                         </select>
 215                                                 </td>
 216                                         </tr>  -->
 217
 218                                 </tbody>
 219                         </table>
 220                 </div>
 221
 222 </div>
 223 <div class="b2b-modal-footer ng-scope">
 224                         <div class="cta-button-group in">
 225                                 <button class="btn btn-alt btn-small" type="button" ng-show="isEditCol"
 226                                         ng-click="save()">Save</button>
 227                                 <button class="btn btn-alt btn-small" type="button" ng-hide="isEditCol"
 228                                         ng-click="complete()">Complete</button>
 229                                 <button class="btn btn-alt btn-small" type="button"
 230                                         ng-click="cancel()">Cancel</button>
 231                         </div>
 232                 </div>