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

   1 <style>
   2 table tbody td {
   3     border: none;
   4 }
   5
   6 table tbody tr {
   7     border: none;
   8 }
   9
  10 table tbody{
  11     border: none;
  12 }
  13
  14 table {
  15     border: none;
  16 }
  17
  18 .grid {
  19   width: 100%;
  20   height: 400;
  21 }
  22 .no-rows {
  23   position: absolute;
  24   top: 0;
  25   bottom: 0;
  26   width: 100%;
  27   background: rgba(0, 0, 0, 0.4);
  28 }
  29
  30 .no-rows .msg {
  31   opacity: 1;
  32   position: absolute;
  33   top: 20%;
  34   left: 20%;
  35   width: 60%;
  36   height: 50%;
  37   line-height: 200%;
  38   background-color: #eee;
  39   border-radius: 4px;
  40   border: 1px solid #555;
  41   text-align: center;
  42   font-size: 24px;
  43   display: table;
  44 }
  45
  46 .no-rows .msg span {
  47   display: table-cell;
  48   vertical-align: middle;
  49 }
  50 .grid .ui-grid-header-cell {
  51   text-align:center;
  52 }
  53 body {
  54         font-size:13px;
  55 }
  56 </style>
  57
  58 <div id="page-content">
  59         <div style="width:100%; overflow:hidden;">
  60                 <div style="float:left;"><h1 class="heading-page">{{reportData.reportHeading}}</h1></div>
  61                 <div style="float:left; margin-left: 10px; margin-right: 10px;">
  62                         <a style="font-size:180%;" ng-href="report#/report_wizard/{{reportData.reportID}}" class="icon-misc-pen" ng-show="reportData.allowEdit"></a>
  63                 </div>
  64                 <div style="float:left; margin-left: 5px; margin-right: 10px;">
  65                         <a style="font-size:180%;" ng-href="report#/report_chart/{{reportData.reportID}}" class="icon-misc-piechart" ng-show="reportData.allowEdit"></a>
  66                 </div>
  67
  68             <div ng-show ="reportData.allowEdit && showFormFields" style="margin-top:5px;">
  69                 <label for="checkbox1" class="checkbox">
  70                     <input id="checkbox1" type="checkbox" ng-model="showFormFieldId.value" /><i class="skin"></i><span>show IDs</span>
  71                 </label>
  72             </div>
  73         </div>
  74         <h3 class="heading3">{{reportData.reportSubTitle}} </h3>
  75
  76           <div ng-show="isInProgress" style="font-size:50px;color:#2ca02c">Loading...</div>
  77
  78           <form ng-show="showFormFields" class="row section-row" style="margin: 10px">
  79             <form-builder ng-form-fields="reportData.formFieldList" ng-show-field-id="showFormFieldId.value" ng-num-form-cols="reportData.numFormCols" ng-model="formFieldSelectedValues" ng-trigger-method="triggerOtherFormFields"></form-builder>
  80             <br><br>
  81             <button type="submit" style="width: 90px; height:35px;margin-top:20px; margin-left:5px;" class="btn btn-alt btn-small" ng-click="runReport()">Run</button>
  82           </form>
  83            <button type="submit" ng-show="showBackButton" style="width: 90px; height:35px;margin-top:20px; margin-left:5px;" class="btn btn-alt btn-small" ng-click="backToParentReport()">Back</button>
  84           <iframe id="chartiframe" ng-show="showChart" width="100%" height="450px" style="border: none" scrolling="no"></iframe>
  85           <div id="errorDiv"></div>
  86           <div  ng-if="showGrid">
  87                 <div id="grid1" ui-grid="gridOptions" ui-grid-pagination ui-grid-pinning ui-grid-resize-columns class="grid" style="height: {{gridHeight}}">
  88                 <div class="no-rows" ng-show="!gridOptions.data.length">
  89                 <div class="msg">
  90                         <span>{{reportData.message}}</span>
  91                 </div>
  92             </div>
  93          </div>
  94           </div>
  95           <!-- <a type="submit" ng-show="showBackButton"  style="margin: 10px" ng-href="report.htm#/report_run/{{parentReportUrlParams}}" att-button btn-type="primary" size="small" title='Back'>Back</a> -->
  96 </div>