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

   1 <h1 class="heading-page">Step 1 - Report Definition</h1>
   2
   3 <div ng-show="showLoader" class="span loader-container">
   4         <i class="icon-primary-spinner" role="img"
   5                 aria-label="Please wait while we load your content"></i>
   6 </div>
   7
   8 <div class="span6" ng-hide="showLoader">
   9
  10         <div class="form-row" ng-if="isEdit">
  11                 <label for="textinputID-2a">Report ID</label>
  12                 <div class="field-group">
  13                         <input id="textinputID-2a" ddh-reset="" class="span12" type="text"      data-ng-model="definitionData.reportId" ng-disabled="true">
  14                 </div>
  15         </div>
  16
  17         <div class="form-row" >
  18                 <label for="textinputID-2a">Report Name</label>
  19                 <div class="field-group">
  20                         <input id="reportName" ddh-reset="" class="span12" type="text"  data-ng-model="definitionData.reportName">
  21                 </div>
  22         </div>
  23         <br>
  24         <div class="form-row" >
  25                 <label for="textinputID-2a">Report Description</label>
  26                 <div class="field-group">
  27                         <textarea b2b-reset b2b-reset-textarea ng-model="definitionData.reportDescr" ng-disabled="disabled" ng-trim="false" placeholder="{{placeholderText}}" rows="{{textAreaRows}}" maxlength="{{textAreaMaxlength}}" class="span12" id="textareaID1Tooltip1"  ng-focus='showTooltip1=true' ng-blur='showTooltip1=false' aria-describedby="textareaID1TooltipContent1"></textarea>
  28                 </div>
  29         </div>
  30         <div class="form-row" >
  31                 <label for="textinputID-2a">Report Type</label>
  32                 <div class="field-group">
  33                         <input id="reportType" ddh-reset="" class="span12" type="text"  data-ng-model="definitionData.reportType"       ng-disabled="true">
  34                 </div>
  35         </div>
  36         <div class="form-row" >
  37                 <label for="textinputID-2a">Data Source</label>
  38                 <div class="field-group">
  39                         <input id="dataSrc" ddh-reset="" class="span12" type="text"     data-ng-model="definitionData.dbInfo"   ng-disabled="true">
  40                 </div>
  41         </div>
  42         <div class="form-row" >
  43                 <label for="textinputID-2a">Form Help Text</label>
  44                 <div class="field-group">
  45                         <textarea b2b-reset b2b-reset-textarea ng-model="definitionData.formHelpTxt" ng-disabled="disabled" ng-trim="false" placeholder="{{placeholderText}}" rows="{{textAreaRows}}" maxlength="{{textAreaMaxlength}}" class="span12" id="textareaID1Tooltip1"  ng-focus='showTooltip1=true' ng-blur='showTooltip1=false' aria-describedby="textareaID1TooltipContent1"></textarea>
  46                 </div>
  47         </div>
  48         <div class="form-row" >
  49                 <label for="textinputID-2a">Report Definition</label>
  50                 <div class="field-group">
  51                         <input id="reportType" ddh-reset="" class="span12" type="text"  data-ng-model="definitionData.repDefType"       ng-disabled="true">
  52                 </div>
  53         </div>
  54         <div class="form-row" >
  55                 <label for="pageSizeDD">Page Size</label>
  56         <select id="pageSizeDD" name="pageSizeDD" aria-describedby="pageSizeDropdown" b2b-dropdown placeholder-text="Select Page Size" ng-model="definitionData.pageSize">
  57             <option b2b-dropdown-list option-repeat="d in pageSizeOptions" value="{{d.value}}">{{d.text}}</option>
  58         </select>
  59         </div>
  60         <div class="form-row">
  61                 <div class="listbox-container">
  62                         <label id="pageSizeDD">Display Area</label>
  63                         <div class="listbox-list" tabindex="-1">
  64                                 <b2b-list-box current-index="currentIndex1" listbox-data="definitionData.displayArea">
  65                                 <div tabindex="-1" data-index="{{$index}}" b2b-accessibility-click="13,32" ng-repeat="displayArea in definitionData.displayArea" role="option" class="b2b-list-box-item" ng-class="{'b2b-list-box-item--selected' : displayArea.selected}" ng-bind-html="displayArea.name | unsafe"></div>
  66                         </b2b-list-box>
  67                         </div>
  68                 </div>
  69         </div>
  70         <div class="form-row">
  71         <label for="hideFormFieldsRun" class="checkbox">
  72             <input id="hideFormFieldsRun" type="checkbox" ng-model="definitionData.hideFormFieldsAfterRun" /><i class="skin"></i><span>Hide Form fields after run?</span>
  73         </label>
  74     </div>
  75         <div class="form-row" >
  76                 <label for="maxRowDD">Max Rows in Excel/CSV Download</label>
  77         <select id="maxRowDD" name="maxRowDD" aria-describedby="maxRowOptions" b2b-dropdown placeholder-text="Select Max Row" ng-model="definitionData.maxRowsInExcelCSVDownload">
  78             <option b2b-dropdown-list option-repeat="d in maxRowOptions" value="{{d.value}}">{{d.text}}</option>
  79         </select>
  80         </div>
  81         <div class="form-row" >
  82                 <label for="frozenColDD">Columns to be Frozen</label>
  83         <select id="frozenColDD" name="frozenColDD" aria-describedby="Columns to be Frozen" b2b-dropdown placeholder-text="Select Columns to be Frozen" ng-model="definitionData.frozenColumns">
  84             <option b2b-dropdown-list option-repeat="d in frozenColOptions" value="{{d.value}}">{{d.text}}</option>
  85         </select>
  86         </div>
  87         <div class="form-row" >
  88                 <label for="dataGridAlignDD">Data Grid Align</label>
  89         <select id="dataGridAlignDD" name="dataGridAlignDD" aria-describedby="Data Grid Align" b2b-dropdown placeholder-text="Select Data Grid Align" ng-model="definitionData.dataGridAlign">
  90             <option b2b-dropdown-list option-repeat="d in dataGridAlignOptions" value="{{d.value}}">{{d.text}}</option>
  91         </select>
  92         </div>
  93         <div class="form-row" >
  94                 <label for="textinputID-2a">Empty message</label>
  95                 <div class="field-group">
  96                         <input id="emptyMessage" ddh-reset="" class="span12" type="text"        data-ng-model="definitionData.emptyMessage">
  97                 </div>
  98         </div>
  99
 100         <div class="form-row" >
 101                 <label for="highDataContainerDD">Height of the Data Container(%)</label>
 102         <select id="highDataContainerDD" name="highDataContainerDD" aria-describedby="Height of the Data Container" b2b-dropdown placeholder-text="Select Height of the Data Container" ng-model="definitionData.dataContainerHeight">
 103             <option b2b-dropdown-list option-repeat="d in dataContainerOptions" value="{{d.value}}">{{d.text}}</option>
 104         </select>
 105         </div>
 106         <div class="form-row" >
 107                 <label for="widDataContainerDD">Width of the Data Container(%)</label>
 108         <select id="widDataContainerDD" name="widDataContainerDD" aria-describedby="Width of the Data Container" b2b-dropdown placeholder-text="Select Width of the Data Container" ng-model="definitionData.dataContainerWidth">
 109             <option b2b-dropdown-list option-repeat="d in dataContainerOptions" value="{{d.value}}">{{d.text}}</option>
 110         </select>
 111         </div>
 112         <div class="form-row">
 113         <label for="aScheduler" class="checkbox">
 114             <input id="aScheduler" type="checkbox" ng-model="definitionData.allowScheduler" /><i class="skin"></i><span>Allow Scheduler</span>
 115         </label>
 116     </div>
 117         <div class="form-row">
 118         <label for="sizeByContent" class="checkbox">
 119             <input id="sizeByContent" type="checkbox" ng-model="definitionData.sizedByContent" /><i class="skin"></i><span>Sized By Content</span>
 120         </label>
 121     </div>
 122     <br>
 123         <label id="pageSizeDD">Display Options:</label>
 124         <br>
 125         <div class="form-row">
 126         <label for="hideFormField" class="checkbox">
 127             <input id="hideFormField" type="checkbox" ng-model="displayOptions.hideFormFields" /><i class="skin"></i><span>Hide Form Fields</span>
 128         </label>
 129     </div>
 130     <div class="form-row">
 131         <label for="hideCart" class="checkbox">
 132             <input id="hideCart" type="checkbox" checked ng-model="displayOptions.hideChart" /><i class="skin"></i><span>Hide Chart</span>
 133         </label>
 134     </div>
 135     <div class="form-row">
 136         <label for="hideReportData" class="checkbox">
 137             <input id="hideReportData" type="checkbox" checked ng-model="displayOptions.hideReportData" /><i class="skin"></i><span>Hide Report Data</span>
 138         </label>
 139     </div>
 140
 141         <div class="form-row">
 142         <label for="hideExcel" class="checkbox">
 143             <input id="hideExcel" type="checkbox" checked ng-model="displayOptions.hideExcel" /><i class="skin"></i><span>Hide Excel</span>
 144         </label>
 145     </div>
 146         <div class="form-row">
 147         <label for="hidePDF" class="checkbox">
 148             <input id="hidePDF" type="checkbox" checked ng-model="displayOptions.hidePdf" /><i class="skin"></i><span>Hide PDF</span>
 149         </label>
 150     </div>
 151
 152         <div class="form-row">
 153         <label for="sortColRun" class="checkbox">
 154             <input id="sortColRun" type="checkbox" checked ng-model="definitionData.runtimeColSortDisabled" /><i class="skin"></i><span>Disable column sort at runtime?</span>
 155         </label>
 156     </div>
 157         <div class="form-row" >
 158                 <label for="runTimeFormNumDD">Run-time Form Number Columns</label>
 159         <select id="runTimeFormNumDD" name="runTimeFormNumDD" aria-describedby="Run-time Form Number Columns" b2b-dropdown placeholder-text="Select Run-time Form Number Columns" ng-model="definitionData.numFormCols">
 160             <option b2b-dropdown-list option-repeat="d in runTimeFormNumOptions" value="{{d.value}}">{{d.text}}</option>
 161         </select>
 162         </div>
 163         <div class="form-row" >
 164                 <label for="reportTitle">Report Title (if blank, the Report Name will be displayed)</label>
 165                 <div class="field-group">
 166                         <textarea b2b-reset b2b-reset-textarea ng-model="definitionData.reportTitle" ng-disabled="disabled" ng-trim="false" placeholder="{{placeholderText}}" rows="{{textAreaRows}}" maxlength="{{textAreaMaxlength}}" class="span12" id="reportTitle"  ng-focus='showTooltip1=true' ng-blur='showTooltip1=false' aria-describedby="textareaID1TooltipContent1"></textarea>
 167                 </div>
 168         </div>
 169         <div class="form-row" >
 170                 <label for="reportSubTitle">Report Sub-Title</label>
 171                 <div class="field-group">
 172                         <textarea b2b-reset b2b-reset-textarea ng-model="definitionData.reportSubTitle" ng-disabled="disabled" ng-trim="false" placeholder="{{placeholderText}}" rows="{{textAreaRows}}" maxlength="{{textAreaMaxlength}}" class="span12" id="reportSubTitle"  ng-focus='showTooltip1=true' ng-blur='showTooltip1=false' aria-describedby="textareaID1TooltipContent1"></textarea>
 173                 </div>
 174         </div>
 175         <div class="form-row">
 176         <label for="oneTime" class="checkbox">
 177             <input id="oneTime" type="checkbox" ng-model="definitionData.oneTimeRec" /><i class="skin"></i><span>One Time</span>
 178         </label>
 179     </div>
 180     <div class="form-row">
 181         <label for="hourly" class="checkbox">
 182             <input id="hourly" type="checkbox" checked ng-model="definitionData.hourlyRec" /><i class="skin"></i><span>Hourly</span>
 183         </label>
 184     </div>
 185     <div class="form-row">
 186         <label for="daily" class="checkbox">
 187             <input id="daily" type="checkbox" ng-model="definitionData.dailyRec" /><i class="skin"></i><span>Daily</span>
 188         </label>
 189     </div>
 190     <div class="form-row">
 191         <label for="dailyMF" class="checkbox">
 192             <input id="dailyMF" type="checkbox" checked ng-model="definitionData.dailyMFRec" /><i class="skin"></i><span>Daily Monday - Friday</span>
 193         </label>
 194     </div>
 195     <div class="form-row">
 196         <label for="weekly" class="checkbox">
 197             <input id="weekly" type="checkbox" ng-model="definitionData.weeklyRec" /><i class="skin"></i><span>Weekly</span>
 198         </label>
 199     </div>
 200     <div class="form-row">
 201         <label for="monthly" class="checkbox">
 202             <input id="monthly" type="checkbox" checked ng-model="definitionData.monthlyRec" /><i class="skin"></i><span>Monthly</span>
 203         </label>
 204     </div>
 205     <br>
 206
 207         <div class="form-row">
 208 <!--                    <button class="btn btn-alt btn-small" type="button" ng-click="createDefinition()" ng-if="!isEdit">Save</button>
 209  -->            <button class="btn btn-alt btn-small" type="button" ng-click="updateDef()" >Save</button>
 210 <!--            <button class="btn btn-alt btn-small" type="button" ng-click="next()" ng-show="$scope.isEdit" >Next</button>
 211  -->    </div>
 212
 213 </div>