summaryrefslogtreecommitdiffstats
path: root/reporting/pages/app/views/commons/table.html
blob: a33c483128bf8085b967af34a985d49d351832b6 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
<section class="container-tablesize">
    <div class="row  border-bottom white-bg dashboard-header">
        <div class="row">

            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>Reporting </h5>
                    <div class="ibox-tools">
                        <a class="collapse-link">
                            <i class="fa fa-chevron-up"></i>
                        </a>
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                            <i class="fa fa-wrench"></i>
                        </a>
                        <ul class="dropdown-menu dropdown-user">
                            <li><a href="#">Config option 1</a>
                            </li>
                            <li><a href="#">Config option 2</a>
                            </li>
                        </ul>
                        <a class="close-link">
                            <i class="fa fa-times"></i>
                        </a>
                    </div>
                </div>

                <div class="ibox-content row">

                    <div class=" col-md-12" data-toggle="buttons" aria-pressed="false">

                        <label> Status </label> &nbsp;&nbsp; &nbsp;
                        <label class="btn btn-outline btn-success btn-sm" style="height:25px; margin-right: 5px;" ng-repeat="status in statusList" value={{status}} ng-checked="selectStatus.indexOf(status)>-1" ng-click="clickStatus(status)">
                              <input type="checkbox"  disabled="disabled" > {{status}}

                          </label>
                    </div>

                    <hr class="myhr">

                    <div class=" col-md-12" data-toggle="buttons">
                        <label> Projects </label> &nbsp;
                        <label class="btn btn-outline btn-success btn-sm " style="height:25px;margin-right: 5px;" ng-repeat="project in projectList" value={{project}} ng-checked="selectProjects.indexOf(project)>-1" ng-click="clickProject(project)">
                            <input type="checkbox" disabled="disabled"> {{project}}
                        </label>

                    </div>
                    <hr class="myhr">
                    <div class=" col-md-12" data-toggle="buttons">
                        <label> Installers </label>
                        <label class="btn btn-outline btn-success btn-sm" style="height:25px;margin-right: 5px;" ng-repeat="installer in installerList" value={{installer}} ng-checked="selectInstallers.indexOf(installer)>-1" ng-click="clickInstaller(installer)">
                            <input type="checkbox" disabled="disabled"> {{installer}}
                            </label>
                    </div>

                    <hr style="border:0.5px dashed #e7eaec;border-top:1px;margin-bottom:10px;">


                    <div class=" col-md-1" style="margin-top:5px;margin-right: 5px;">
                        <selectize options="versionList" ng-model="selectVersion" config="VersionConfig"></selectize>

                    </div>

                    <div class=" col-md-1" style="margin-top:5px;margin-right: 5px;">
                        <selectize options="loopList" ng-model="selectLoop" config="LoopConfig"></selectize>

                    </div>

                    <div class=" col-md-1" style="margin-top:5px;margin-right: 5px;">
                        <selectize options="timeList" ng-model="selectTime" config="TimeConfig"></selectize>
                    </div>
                </div>
                <div class="table-responsive">

                    <table class="table table-bordered" id="table" ng-model="tableDataAll">
                        <thead class="thead">
                            <tr>
                                <th>Scenario </th>
                                <th colspan={{selectProjects.length}} ng-show="selectInstallers.indexOf(key)!=-1" value={{key}} ng-repeat="key in selectInstallers"><a href="notfound.html">{{key}}</a> </th>
                            </tr>

                            <tr>

                                <td></td>
                                <td ng-show="selectProjects.indexOf(project.project)!=-1 && selectInstallers.indexOf(project.installer)!=-1" ng-repeat="project in project_row track by $index" data={{project.installer}} value={{project.project}}>{{ project.project }}</td>

                            </tr>
                        </thead>
                        <tbody class="tbody">
                            <tr ng-repeat="scenario in scenario_rows" ng-show="selectStatus.indexOf(scenario.status)!=-1">

                                <td nowrap="nowrap" data={{scenario.status}}><span class="fa fa-circle text-{{scenario.statusDisplay}}"></span> <a href="notfound.html">{{scenario.name}}</a> </td>

                                <!--<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>-->

                                <td nowrap="nowrap" ng-show="selectInstallers.indexOf(data.installer)!=-1 && selectProjects.indexOf(data.project)!=-1" ng-repeat="data in scenario.datadisplay track by $index" data={{data.project}} value={{data.installer}} class={{data.value}}>
                                    <span class="label label-{{data.label}}">{{data.label_value}}</a></span> {{data.value}}</td>


                            </tr>
                        </tbody>
                    </table>
                </div>

                <div class="pull-right" style="margin-top: 5px">
                    <span class="label label-danger">G</span>gold<span style="padding-left:20px"></span>
                    <span class="label label-primary">P</span><span>platinium</span><span style="padding-left:20px"></span>
                    <span class="label label-warning">S</span><span>silver</span>
                </div>
            </div>
        </div>
    </div>

</section>