Project

General

Profile

Download (6.68 KB) Statistics
| Revision:

dnet45/modules/uoa-repository-dashboard-gui/trunk/app/pages/compatibility/compatibility-validation-history.component.html @ 50583

1 50364 myrto.kouk 
<div class="uk-grid uk-grid-stack">
2 
  <div class="uk-width-expand@m uk-first-column">
3 50579 myrto.kouk 
    <div class="uk-margin-medium-bottom">
4 50364 myrto.kouk 
      <h1 class="uk-article-title">Browse validation history</h1>
5 
    </div>
6 50579 myrto.kouk 
    <div>
7 50364 myrto.kouk 
      <div class="uk-alert uk-alert-danger" style="display: none;" aria-hidden="true"></div>
8 
      <div class="uk-alert uk-alert-success" style="display: none;" aria-hidden="true"></div>
9 
      <div class="uk-alert uk-alert-warning" style="display: none;" aria-hidden="true"></div>
10 
      <div class="uk-grid page-controls">
11 
        <div class="uk-margin-bottom uk-width-1-1 filters">
12 
          <div class="links">
13 
            <div class="filterLabel">Filter by job type:</div>
14 
            <div class="inlineBlock">
15 
              <select class="form-control">
16 
                <option value="noneSelected">--none selected--</option>
17 
                <option *ngFor="let job of jobTypes" value="{{job}}">{{job}}</option>
18 
              </select>
19 
            </div>
20 
          </div>
21 
        </div>
22 
        <div class="uk-margin-bottom uk-width-1-1 filters">
23 50469 myrto.kouk 
          <div class="links uk-inline">
24 50364 myrto.kouk 
            <div class="filterLabel" style="display: inline;">Filter validation jobs:</div>
25 50579 myrto.kouk 
            <a class="uk-active" (click)="filterJobs('all')">All jobs (0)</a>
26 
            <a class="uk-active" (click)="filterJobs('successfull')">successfull (0)</a>
27 
            <a class="uk-active" (click)="filterJobs('failed')">failed (0)</a>
28 
            <a class="uk-active" (click)="filterJobs('ongoing')">ongoing (0)</a>
29 50364 myrto.kouk 
          </div>
30 
          <div class="show-options uk-inline" style="float: right;">
31 
            <div class="filterLabel" style="display: inline;">Jobs per page:</div>
32 
            <div class="inlineBlock">
33 50469 myrto.kouk 
              <select #itemsPerPage class="form-control" (change)="getItemsPerPage(itemsPerPage.value)">
34 
                <option value="10" selected>10</option>
35 50364 myrto.kouk 
                <option value="25">25</option>
36 
                <option value="50">50</option>
37 
                <option value="100">100</option>
38 
              </select>
39 
            </div>
40 
          </div>
41 
        </div>
42 
      </div>
43 
      <div class="contentAndPagerPanel">
44 
        <div>
45 
          <ul class="uk-pagination">
46 50579 myrto.kouk 
            <li>
47 
              <a class="uk-link uk-link-muted" (click)="goToPreviousPage()">
48 
                <span class="uk-margin-small-right uk-pagination-previous uk-icon" uk-pagination-previous="">
49 50364 myrto.kouk 
                  <svg width="7" height="12" viewBox="0 0 7 12" xmlns="http://www.w3.org/2000/svg" icon="pagination-previous" ratio="1"></svg>
50 
                </span>
51 
                Previous
52 
              </a>
53 
            </li>
54 50579 myrto.kouk 
            <li class="uk-margin-auto-left">
55 
              <a class="uk-link uk-link-muted" (click)="goToNextPage()">
56 50364 myrto.kouk 
                Next
57 50579 myrto.kouk 
                <span class="uk-margin-small-left uk-pagination-next uk-icon" uk-pagination-next="">
58 50364 myrto.kouk 
                  <svg width="7" height="12" viewBox="0 0 7 12" xmlns="http://www.w3.org/2000/svg" icon="pagination-next" ratio="1"></svg>
59 
                </span>
60 
              </a>
61 
            </li>
62 
          </ul>
63 50579 myrto.kouk 
          <div class="resultsPageLabel">page {{ currentPage }} of {{ totalPages }}</div>
64 50364 myrto.kouk 
        </div>
65 
        <div>
66 
          <div>
67 
            <div class="uk-overflow-auto uk-scrollspy-inview uk-animation-slide-top-medium uk-margin-top uk-margin-bottom">
68 50583 myrto.kouk 
              <table class="uk-table uk-table-middle uk-table-striped" style="vertical-align: top !important;">
69 50364 myrto.kouk 
                <thead>
70 50583 myrto.kouk 
                  <tr>
71 
                    <th>Repository</th>
72 
                    <th>Validation Type</th>
73 
                    <th>Status</th>
74 
                    <th>Score</th>
75 
                    <th>Started</th>
76 
                    <th>Guidelines</th>
77 
                    <th>Actions</th>
78 
                    <th></th>
79 
                  </tr>
80 50364 myrto.kouk 
                </thead>
81 
                <tbody>
82 50583 myrto.kouk 
                    <tr class="el-item" *ngFor="let job of jobsOfUser">
83 
                      <td class="uk-table-shrink" style="vertical-align: top !important;">
84 
                        <div class="el-title">{{ job.repository }}</div>
85 
                      </td>
86 
                      <td class="uk-table-shrink">
87 
                        <div class="el-title">{{ job.validation[0].type }}</div>
88 
                        <div class="el-title">{{ job.validation[1].type }}</div>
89 
                      </td>
90 
                      <td class="uk-table-shrink">
91 
                        <div class="el-title">{{ job.validation[0].status }}</div>
92 
                        <div class="el-title">{{ job.validation[1].status }}</div>
93 
                      </td>
94 
                      <td class="uk-table-shrink">
95 
                        <div class="el-title">{{ job.validation[0].score }}</div>
96 
                        <div class="el-title">{{ job.validation[1].score }}</div>
97 
                      </td>
98 
                      <td class="uk-table-shrink" style="vertical-align: top !important;">
99 
                        <div class="el-title">{{ job.started }}</div>
100 
                      </td>
101 
                      <td class="uk-table-shrink" style="vertical-align: top !important;">
102 
                        <div class="el-title">{{ job.guidelines }}</div>
103 
                      </td>
104 
                      <td class="uk-table-shrink" style="vertical-align: top !important;">
105 
                        <div class="el-link actions"></div>
106 
                      </td>
107 
                      <td class="uk-table-shrink" style="vertical-align: top !important;">
108 
                        <div></div>
109 
                      </td>
110 50579 myrto.kouk 
                    </tr>
111 50364 myrto.kouk 
                </tbody>
112 
              </table>
113 
            </div>
114 
          </div>
115 
        </div>
116 
        <div>
117 
          <ul class="uk-pagination">
118 50579 myrto.kouk 
            <li>
119 
              <a class="uk-link uk-link-muted" (click)="goToPreviousPage()">
120 
                <span class="uk-margin-small-right uk-pagination-previous uk-icon" uk-pagination-previous="">
121 50364 myrto.kouk 
                  <svg width="7" height="12" viewBox="0 0 7 12" xmlns="http://www.w3.org/2000/svg" icon="pagination-previous" ratio="1"></svg>
122 
                </span>
123 
                Previous
124 
              </a>
125 
            </li>
126 50579 myrto.kouk 
            <li class="uk-margin-auto-left">
127 
              <a class="uk-link uk-link-muted" (click)="goToNextPage()">
128 50364 myrto.kouk 
                Next
129 
                <span class="uk-margin-small-left uk-pagination-next uk-icon" uk-pagination-next="">
130 
                  <svg width="7" height="12" viewBox="0 0 7 12" xmlns="http://www.w3.org/2000/svg" icon="pagination-next" ratio="1"></svg>
131 
                </span>
132 
              </a>
133 
            </li>
134 
          </ul>
135 50579 myrto.kouk 
          <div class="resultsPageLabel">page {{ currentPage }} of {{ totalPages }}</div>
136 50364 myrto.kouk 
        </div>
137 
      </div>
138 
      <div class="row"></div>
139 
    </div>
140 
  </div>
141 
</div>