Project

General

Profile

1
<div id="page_content_inner" class="uk-margin-medium-left uk-margin-medium-right uk-margin-top">
2
  <h2 class="heading_b uk-margin-bottom">Enrich Your Content - Browse Events</h2>
3

    
4
  <!-- TOP HELP CONTENT -->
5
  <help-content #topHelperContent [position]="'top'"
6
                [ngClass]="topHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
7
  </help-content>
8

    
9
  <div class="uk-grid">
10

    
11
    <!-- LEFT HELP CONTENT -->
12
    <aside-help-content #leftHelperContent [position]="'left'"
13
                        [ngClass]="leftHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
14
    </aside-help-content>
15

    
16
    <!-- MIDDLE -->
17
    <div class=" uk-width-expand@m">
18

    
19
      <div>
20
        <div *ngIf="errorMessage" class="uk-alert uk-alert-danger">{{errorMessage}}</div>
21
        <div *ngIf="loadingMessage" class="loading-big">
22
          <div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">{{ loadingMessage }}</div>
23
          <div class="transparentFilm"></div>
24
        </div>
25
        <div *ngIf="noTopics" class="uk-alert">{{ noTopics }}</div>
26
        <div *ngIf="repoTopics && repoTopics.length > 0" class="uk-grid-margin uk-grid uk-grid-stack repos-list">
27

    
28
          <div class="uk-width-1-2 uk-first-column">
29
            <div class="md-card">
30
              <div class="md-card-toolbar">
31
                <!--<div class="md-card-toolbar-actions">-->
32
                <!--<a href="#" class="md-btn md-btn-small md-btn-flat">Button</a>-->
33
                <!--<a href="#" class="md-btn md-btn-small md-btn-flat md-btn-flat-primary">Button</a>-->
34
                <!--</div>-->
35
                <h3 class="md-card-toolbar-heading-text">
36
                  More
37
                </h3>
38
              </div>
39
              <div class="md-card-content">
40
                <table class="uk-table uk-table-striped uk-table-middle">
41
                  <thead>
42
                  <tr>
43
                    <th>Additional metadata information that may enrich or supplement {{ repoName }} content</th>
44
                    <th class="uk-text-nowrap uk-text-right"># of events</th>
45
                  </tr>
46
                  </thead>
47
                  <tbody>
48
                  <tr class="el-item" *ngFor="let moreTopic of moreList">
49
                    <td class="uk-table-shrink uk-width-4-5">
50
                      <a (click)="goToEventsList(moreTopic.value)" class="el-link">{{ moreTopic.value }}</a>
51
                      <div *ngIf="topics[moreTopic.value]" class="uk-text uk-text-small">{{ topics[moreTopic.value]['englishName'] }}</div>
52
                    </td>
53
                    <td class="uk-text-nowrap uk-table-shrink uk-width-1-5 uk-text-right">
54
                      <div class="el-title">{{ moreTopic.size }}</div>
55
                    </td>
56
                  </tr>
57
                  <tr class="el-item uk-text-bold">
58
                    <td class="uk-text-nowrap uk-table-shrink uk-width-4-5">
59
                      <div class="el-title">Total</div>
60
                    </td>
61
                    <td class="uk-text-nowrap uk-table-shrink uk-width-1-5 uk-text-right">
62
                      <div class="el-title">{{ totalMore }}</div>
63
                    </td>
64
                  </tr>
65
                  </tbody>
66
                </table>
67
              </div>
68
            </div>
69
          </div>
70

    
71
          <div class="uk-width-1-2 uk-first-column">
72
            <div class="md-card">
73
              <div class="md-card-toolbar">
74
                <!--<div class="md-card-toolbar-actions">-->
75
                <!--<a href="#" class="md-btn md-btn-small md-btn-flat">Button</a>-->
76
                <!--<a href="#" class="md-btn md-btn-small md-btn-flat md-btn-flat-primary">Button</a>-->
77
                <!--</div>-->
78
                <h3 class="md-card-toolbar-heading-text">
79
                  Missing
80
                </h3>
81
              </div>
82
              <div class="md-card-content">
83
                <table class="uk-table uk-table-striped uk-table-middle">
84
                  <thead>
85
                  <tr>
86
                    <th>Missing metadata information that may enrich or complete {{ repoName }} content</th>
87
                    <th class="uk-text-nowrap uk-text-right"># of events</th>
88
                  </tr>
89
                  </thead>
90
                  <tbody>
91
                  <tr class="el-item" *ngFor="let missingTopic of missingList">
92
                    <td class="uk-table-shrink uk-width-4-5">
93
                      <a (click)="goToEventsList(missingTopic.value)" class="el-link">{{ missingTopic.value }}</a>
94
                      <div *ngIf="topics[missingTopic.value]" class="uk-text uk-text-small">{{ topics[missingTopic.value]['englishName'] }}</div>
95
                    </td>
96
                    <td class="uk-text-nowrap uk-table-shrink uk-width-1-5">
97
                      <div class="el-title uk-text-right">{{ missingTopic.size }}</div>
98
                    </td>
99
                  </tr>
100
                  <tr class="el-item uk-text-bold">
101
                    <td class="uk-text-nowrap uk-table-shrink uk-width-4-5">
102
                      <div class="el-title">Total</div>
103
                    </td>
104
                    <td class="uk-text-nowrap uk-table-shrink uk-width-1-5">
105
                      <div class="el-title uk-text-right">{{ totalMissing }}</div>
106
                    </td>
107
                  </tr>
108
                  </tbody>
109
                </table>
110
              </div>
111
            </div>
112
          </div>
113

    
114
        </div>
115
      </div>
116

    
117
    </div>
118

    
119
    <!-- RIGHT HELP CONTENT -->
120
    <aside-help-content #rightHelperContent [position]="'right'"
121
                        [ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
122
    </aside-help-content>
123

    
124
  </div>
125

    
126
  <!-- BOTTOM HELP CONTENT -->
127
  <help-content #bottomHelperContent [position]="'bottom'"
128
                [ngClass]="bottomHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
129
  </help-content>
130

    
131
</div>
(3-3/6)