Project

General

Profile

1 57171 stefania.m
<div id="page_content">
2
  <div id="page_content_inner">
3
    <h2 class="heading_b uk-margin-bottom">Enrich Your Content - Browse Subscriptions</h2>
4 54479 myrto.kouk
5
    <!-- TOP HELP CONTENT -->
6
    <help-content #topHelperContent [position]="'top'"
7
                  [ngClass]="topHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
8
    </help-content>
9
10 57171 stefania.m
    <div class="uk-grid">
11 54479 myrto.kouk
12 57171 stefania.m
      <!-- LEFT HELP CONTENT -->
13
      <aside-help-content #leftHelperContent [position]="'left'"
14
                          [ngClass]="leftHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
15
      </aside-help-content>
16 54479 myrto.kouk
17 57171 stefania.m
      <!-- MIDDLE -->
18
      <div class=" uk-width-expand@m">
19 54479 myrto.kouk
20 57171 stefania.m
        <div>
21
          <div *ngIf="errorMessage" class="uk-alert uk-alert-danger">{{errorMessage}}</div>
22
          <div *ngIf="successMessage" class="uk-alert uk-alert-success">{{successMessage}}</div>
23
          <div *ngIf="loadingMessage" class="loading-big">
24
            <div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">{{ loadingMessage }}</div>
25
            <div class="transparentFilm"></div>
26 54479 myrto.kouk
          </div>
27 57171 stefania.m
          <div *ngIf="noSubscriptions" class="uk-alert">{{noSubscriptions}}</div>
28
        </div>
29
        <div *ngIf="subscrOfUser && subKeys">
30 58065 stefania.m
          <div *ngFor="let key of subKeys" class="uk-margin-medium-top">
31 57171 stefania.m
32
            <div class="md-card">
33
              <div class="md-card-toolbar">
34
                <h3 class="md-card-toolbar-heading-text">
35
                  {{ key }}
36
                </h3>
37
              </div>
38
              <div class="md-card-content">
39
                <table class="uk-table uk-table-striped uk-table-middle">
40
                  <thead>
41
                  <tr>
42
                    <th>Topic</th>
43
                    <th>Creation Date</th>
44
                    <th>Last Notification Date</th>
45
                    <th class="uk-text-nowrap"># of notifications</th>
46
                    <th class="uk-text-nowrap">Actions</th>
47
                  </tr>
48
                  </thead>
49
                  <tbody>
50
                  <tr *ngFor="let sub of subscrOfUser[key]" class="el-item">
51
                    <td class="uk-table-shrink">
52
                      <a [routerLink]="sub.id">
53
                        <div class="el-title">{{ sub.topic }}</div>
54
                      </a>
55
                    </td>
56
                    <td class="uk-table-shrink">
57
                      <div class="el-title">{{ sub.creationDate | date:'yyyy-MM-dd HH:mm:ss' }}</div>
58
                    </td>
59
                    <td class="uk-table-shrink">
60
                      <div class="el-title">{{ sub.lastNotificationDate | date:'yyyy-MM-dd HH:mm:ss' }}</div>
61
                    </td>
62
                    <td class="uk-text-nowrap uk-table-shrink">
63
                      <div class="el-title">{{ sub.count }}</div>
64
                    </td>
65
                    <td class="uk-text-nowrap uk-table-shrink">
66
                      <a class="el-link" (click)="deleteSubscription(sub.id)">
67
                        <i class="fa fa-remove" aria-hidden="true"></i>
68
                      </a>
69
                    </td>
70
                  </tr>
71
                  </tbody>
72
                </table>
73
              </div>
74 54479 myrto.kouk
            </div>
75
          </div>
76
        </div>
77
78 57171 stefania.m
      </div>
79 54479 myrto.kouk
80 57171 stefania.m
      <!-- RIGHT HELP CONTENT -->
81
      <aside-help-content #rightHelperContent [position]="'right'"
82
                          [ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
83
      </aside-help-content>
84
85 54479 myrto.kouk
    </div>
86
87
    <!-- BOTTOM HELP CONTENT -->
88
    <help-content #bottomHelperContent [position]="'bottom'"
89
                  [ngClass]="bottomHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
90
    </help-content>
91
92
  </div>
93
</div>