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