utils/test/reporting/pages/app/views/commons/table.html

   1 <section class="container-tablesize">
   2     <div class="row  border-bottom white-bg dashboard-header">
   3         <div class="row">
   4
   5             <div class="ibox float-e-margins">
   6                 <div class="ibox-title">
   7                     <h5>Reporting </h5>
   8                     <div class="ibox-tools">
   9                         <a class="collapse-link">
  10                             <i class="fa fa-chevron-up"></i>
  11                         </a>
  12                         <a class="dropdown-toggle" data-toggle="dropdown" href="#">
  13                             <i class="fa fa-wrench"></i>
  14                         </a>
  15                         <ul class="dropdown-menu dropdown-user">
  16                             <li><a href="#">Config option 1</a>
  17                             </li>
  18                             <li><a href="#">Config option 2</a>
  19                             </li>
  20                         </ul>
  21                         <a class="close-link">
  22                             <i class="fa fa-times"></i>
  23                         </a>
  24                     </div>
  25                 </div>
  26
  27                 <div class="ibox-content row">
  28
  29                     <div class=" col-md-12" data-toggle="buttons" aria-pressed="false">
  30
  31                         <label> Status </label> &nbsp;&nbsp; &nbsp;
  32                         <label class="btn btn-outline btn-success btn-sm" style="height:25px; margin-right: 5px;" ng-repeat="status in statusList" value={{status}} ng-checked="selection.indexOf(status)>-1" ng-click="toggleSelection(status)">
  33                               <input type="checkbox"  disabled="disabled" > {{status}}
  34
  35                           </label>
  36                     </div>
  37
  38                     <hr class="myhr">
  39
  40                     <div class=" col-md-12" data-toggle="buttons">
  41                         <label> Projects </label> &nbsp;
  42                         <label class="btn btn-outline btn-success btn-sm " style="height:25px;margin-right: 5px;" ng-repeat="project in projectList" value={{project}} ng-checked="selection.indexOf(project)>-1" ng-click="toggleSelection(project)">
  43                             <input type="checkbox" disabled="disabled"> {{project}}
  44                         </label>
  45
  46                     </div>
  47                     <hr class="myhr">
  48                     <div class=" col-md-12" data-toggle="buttons">
  49                         <label> Installers </label>
  50                         <label class="btn btn-outline btn-success btn-sm" style="height:25px;margin-right: 5px;" ng-repeat="installer in installerList" value={{installer}} ng-checked="selection.indexOf(installer)>-1" ng-click="toggleSelection(installer)">
  51                             <input type="checkbox" disabled="disabled"> {{installer}}
  52                             </label>
  53                     </div>
  54
  55                     <hr style="border:0.5px dashed #e7eaec;border-top:1px;margin-bottom:10px;">
  56
  57
  58                     <div class=" col-md-1" style="margin-top:5px;margin-right: 5px;">
  59                         <selectize options="VersionOption" ng-model="VersionSelected" config="VersionConfig"></selectize>
  60
  61                     </div>
  62
  63                     <div class=" col-md-1" style="margin-top:5px;margin-right: 5px;">
  64                         <selectize options="LoopOption" ng-model="LoopCiSelected" config="LoopConfig"></selectize>
  65
  66                     </div>
  67
  68                     <div class=" col-md-1" style="margin-top:5px;margin-right: 5px;">
  69                         <selectize options="TimeOption" ng-model="TimeSelected" config="TimeConfig"></selectize>
  70                     </div>
  71                 </div>
  72                 <div class="table-responsive">
  73
  74                     <table class="table table-bordered" id="table" ng-model="tableDataAll">
  75                         <thead class="thead">
  76                             <tr>
  77                                 <th>Scenario </th>
  78                                 <th colspan={{colspan}} ng-show="selectInstallers.indexOf(key)!=-1" value={{key}} ng-repeat="key in tableDataAll.Installer"><a href="notfound.html">{{key}}</a> </th>
  79                             </tr>
  80
  81                             <tr>
  82
  83                                 <td></td>
  84                                 <td ng-show="selectProjects.indexOf(project[0])!=-1 && selectInstallers.indexOf(project[1])!=-1" ng-repeat="project in tableDataAll.Projects track by $index" data={{project[1]}} value={{project[0]}}>{{project[0]}}</td>
  85
  86                             </tr>
  87                         </thead>
  88                         <tbody class="tbody">
  89                             <tr ng-repeat="scenario in tableDataAll.scenario" ng-show="selectStatus.indexOf(scenario.status)!=-1">
  90
  91                                 <td nowrap="nowrap" data={{scenario.status}}><span class="fa fa-circle text-{{scenario.statusDisplay}}"></span> <a href="notfound.html">{{scenario.scenarioName}}</a> </td>
  92
  93                                 <!--<td style="background-color:#e7eaec" align="justify" ng-if="data[0]=='Not Support'" ng-repeat="data in scenario.datadisplay track by $index" data={{data[1]}} value={{data[2]}}></td>-->
  94
  95                                 <td nowrap="nowrap" ng-show="selectInstallers.indexOf(data[2])!=-1 && selectProjects.indexOf(data[1])!=-1" ng-repeat="data in scenario.datadisplay track by $index" data={{data[1]}} value={{data[2]}} class={{data[0]}}>
  96                                     <span class="label label-{{data[3]}}">{{data[4]}}</a></span> {{data[0]}}</td>
  97
  98
  99                             </tr>
 100                         </tbody>
 101                     </table>
 102                 </div>
 103
 104                 <div class="pull-right" style="margin-top: 5px">
 105                     <span class="label label-danger">G</span>gold<span style="padding-left:20px"></span>
 106                     <span class="label label-primary">P</span><span>platinium</span><span style="padding-left:20px"></span>
 107                     <span class="label label-warning">S</span><span>silver</span>
 108                 </div>
 109             </div>
 110         </div>
 111     </div>
 112
 113 </section>