Project

General

Profile

« Previous | Next » 

Revision 51905

corrected html of events-of-repo-eventslist and notifications-of-subscription

View differences:

modules/uoa-repository-dashboard-gui/trunk/app/pages/content/content-events-of-repo-eventslist.component.html
86 86
                            <td class="uk-table-shrink uk-width-1-4"><strong class="el-title uk-display-block">Title(s)</strong></td>
87 87
                            <td class="uk-table-shrink">
88 88
                              <div class="el-title">
89
                                <span *ngFor="let t of event.publication.titles">{{ t }};&nbsp;&nbsp;</span></div>
89
                                <span *ngFor="let t of event.publication.titles; let ti_index = index">
90
                                  <br *ngIf="ti_index>0">
91
                                  <span>{{ t }}</span>
92
                                </span>
93
                              </div>
90 94
                            </td>
91 95
                          </tr>
92 96
                          <tr class="el-item">
93 97
                            <td class="uk-table-shrink uk-width-1-4"><strong class="el-title uk-display-block">Author(s)</strong></td>
94 98
                            <td class="uk-table-shrink">
95
                              <div class="el-title"><span *ngFor="let auth of event.publication.creators">{{ auth }};&nbsp;&nbsp;</span></div>
99
                              <div class="el-title">
100
                                <span *ngFor="let auth of event.publication.creators; let au_index = index">
101
                                  <span *ngIf="au_index>0"> | </span>
102
                                  <span>{{ auth }}</span>
103
                                </span>
104
                              </div>
96 105
                            </td>
97
                          </tr><tr class="el-item">
106
                          </tr>
107
                          <tr class="el-item" [ngClass]="{'success': event.highlight.pids && event.highlight.pids.length>0 }">
98 108
                            <td class="uk-table-shrink uk-width-1-4"><strong class="el-title uk-display-block">PID(s)</strong></td>
99
                            <td class="uk-table-shrink"><div class="el-title"><span *ngFor="let pid of event.publication.pids">({{ pid.type }}) {{ pid.value }}</span></div></td>
109
                            <td class="uk-table-shrink">
110
                              <div class="el-title">
111
                                <span *ngFor="let pid of event.publication.pids">
112
                                  <span>{{ pid.value }} <b>&nbsp;&nbsp;({{ pid.type }})&nbsp;&nbsp;</b>
113
                                    <span *ngIf="event.highlight.pids && event.highlight.pids.length>0 && isHighlighted(pid,event.highlight.pids)">
114
                                      <span class="uk-label uk-label-success">added</span>&nbsp;&nbsp;
115
                                      <span *ngIf="event.provenance" class="pull-right">
116
                                        <b>from: </b>
117
                                        <a *ngIf="event.provenance.url" href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a>
118
                                        <span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span>
119
                                      </span>
120
                                    </span>
121
                                  </span>
122
                                </span>
123
                              </div>
124
                            </td>
100 125
                          </tr>
101
                          <tr class="el-item"><td class="uk-table-shrink uk-width-1-4"><strong class="el-title uk-display-block">Abstract(s)</strong></td>
102
                            <td class="uk-table-shrink"><div class="el-title"><span *ngFor="let abs of event.publication.abstracts">{{ abs }}</span></div></td>
126
                          <tr class="el-item" [ngClass]="{'success': event.highlight.abstracts && event.highlight.abstracts.length>0 }">
127
                            <td class="uk-table-shrink uk-width-1-4"><strong class="el-title uk-display-block">Abstract(s)</strong></td>
128
                            <td class="uk-table-shrink">
129
                              <div class="el-title">
130
                                <span *ngFor="let abs of event.publication.abstracts; let a_index = index">
131
                                  <br *ngIf="a_index > 0">
132
                                  <span>{{ abs }}</span>
133
                                  <span *ngIf="event.highlight.abstracts && event.highlight.abstracts.length>0 && event.provenance">
134
                                    <span class="pull-right">
135
                                      <b>from: </b>
136
                                      <a *ngIf="event.provenance.url" href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a>
137
                                      <span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span>
138
                                    </span>
139
                                  </span>
140
                                </span>
141
                              </div>
142
                            </td>
103 143
                          </tr>
104
                          <tr class="el-item">
144
                          <tr class="el-item" [ngClass]="{'success': event.highlight.projects && event.highlight.projects.length>0 }">
105 145
                            <td class="uk-table-shrink uk-width-1-4"><strong class="el-title uk-display-block">Project(s)/Relation(s)</strong></td>
106
                            <td class="uk-table-shrink"><div class="el-title"><span *ngFor="let rel of event.publication.externalReferences">{{ rel.name }}; </span></div></td>
146
                            <td class="uk-table-shrink">
147
                              <div class="el-title">
148
                                <span *ngFor="let proj of event.publication.projects; let p_index = index">
149
                                  <br *ngIf="p_index > 0">
150
                                  <span *ngIf="proj.acronym && proj.acronym !==''">{{ proj.acronym }}</span>
151
                                  <span *ngIf="!proj.acronym || proj.acronym ===''">{{ proj.title }}</span>
152
                                  <span *ngIf="event.highlight.projects && event.highlight.projects.length>0 && event.provenance">
153
                                    <span class="pull-right">
154
                                      <b>from: </b>
155
                                      <a *ngIf="event.provenance.url" href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a>
156
                                      <span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span>
157
                                    </span>
158
                                  </span>
159
                                </span>
160
                              </div>
161
                            </td>
107 162
                          </tr>
108
                          <tr class="el-item">
163
                          <tr class="el-item" [ngClass]="{'success': event.highlight.subjects && event.highlight.subjects.length>0 }">
109 164
                            <td class="uk-table-shrink uk-width-1-4"><strong class="el-title uk-display-block">Subject(s)</strong></td>
110 165
                            <td class="uk-table-shrink">
111
                              <div class="el-title"><span *ngFor="let subj of event.publication.subjects">{{ subj }};&nbsp;</span></div>
166
                              <div class="el-title">
167
                                <span *ngFor="let subj of event.publication.subjects; let s_index = index">
168
                                  <br *ngIf="s_index > 0">
169
                                  <span>{{ subj }}</span>
170
                                  <span *ngIf="event.highlight.subjects && event.highlight.subjects.length>0 && event.provenance">
171
                                    <span class="pull-right">
172
                                      <b>from: </b>
173
                                      <a *ngIf="event.provenance.url" href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a>
174
                                      <span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span>
175
                                    </span>
176
                                  </span>
177
                                </span>
178
                              </div>
112 179
                            </td>
113 180
                          </tr>
114
                          <tr class="el-item">
181
                          <tr class="el-item" [ngClass]="{'success': event.highlight.publicationdate && event.highlight.publicationdate.length>0 }">
115 182
                            <td class="uk-table-shrink uk-width-1-4"><strong class="el-title uk-display-block">Publication date</strong></td>
116 183
                            <td class="uk-table-shrink"><div class="el-title">{{ event.publication.publicationdate }}</div></td>
117 184
                          </tr>
118
                          <tr class="el-item success">
185
                          <tr class="el-item" [ngClass]="{'success': event.highlight.instances && event.highlight.instances.length>0 }">
119 186
                            <td class="uk-table-shrink uk-width-1-4"><strong class="el-title uk-display-block">Rights</strong></td>
120 187
                            <td class="uk-table-shrink">
121 188
                              <div class="el-title">
122
                            <span *ngFor="let l of event.publication.instances">{{ l.license }}&nbsp;&nbsp;<b>{{ l.hostedby }}</b><br>
123
                              <a href="{{ l.url }}" target="_blank">{{ l.url }}</a><br>
124
                            </span>
125
                                <span class="pull-right">
126
                              <span class="uk-label uk-label-success">added</span>&nbsp;&nbsp;
127
                              <span><b>from: </b>
128
                                <a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a>
129
                                <span> ({{ event.provenance.id }})</span>
130
                              </span>
131
                            </span>
189
                                <span *ngFor="let l of event.publication.instances; let l_index = index">
190
                                  <br *ngIf="l_index > 0">
191
                                  <span>
192
                                    {{ l.license }}&nbsp;&nbsp;<b>{{ l.hostedby }}</b><br>
193
                                    <a href="{{ l.url }}" target="_blank">{{ l.url }}</a>
194
                                  </span>
195
                                  <span *ngIf="event.highlight.instances && event.highlight.instances.length>0 && isHighlighted(l,event.highlight.instances)">
196
                                    <span class="uk-label uk-label-success">added</span>&nbsp;&nbsp;
197
                                    <span *ngIf="event.provenance" class="pull-right">
198
                                      <b>from: </b>
199
                                      <a *ngIf="event.provenance.url" href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a>
200
                                      <span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span>
201
                                    </span>
202
                                  </span>
203
                                </span>
132 204
                              </div>
133 205
                            </td>
134 206
                          </tr>
modules/uoa-repository-dashboard-gui/trunk/app/pages/content/content-events-of-repo-eventslist.component.ts
214 214
    );
215 215
  }
216 216

  
217
  isHighlighted(item: any, itemList: any[]) {
218
    return itemList.some(x => x === item);
219
  }
220

  
217 221
  getCorrectTopic() {
218 222
    let temp = this.topic.split('|');
219 223
    this.correctTopic = temp[0];
modules/uoa-repository-dashboard-gui/trunk/app/pages/content/content-notifications-of-subscription.component.html
81 81
                          <td class="uk-table-shrink uk-width-1-4"><strong class="el-title uk-display-block">Title(s)</strong></td>
82 82
                          <td class="uk-table-shrink">
83 83
                            <div class="el-title">
84
                              <span *ngFor="let t of event.publication.titles">{{ t }};&nbsp;&nbsp;</span></div>
84
                                <span *ngFor="let t of event.publication.titles; let ti_index = index">
85
                                  <br *ngIf="ti_index>0">
86
                                  <span>{{ t }}</span>
87
                                </span>
88
                            </div>
85 89
                          </td>
86 90
                        </tr>
87 91
                        <tr class="el-item">
88 92
                          <td class="uk-table-shrink uk-width-1-4"><strong class="el-title uk-display-block">Author(s)</strong></td>
89 93
                          <td class="uk-table-shrink">
90
                            <div class="el-title"><span *ngFor="let auth of event.publication.creators">{{ auth }};&nbsp;&nbsp;</span></div>
94
                            <div class="el-title">
95
                                <span *ngFor="let auth of event.publication.creators; let au_index = index">
96
                                  <span *ngIf="au_index>0"> | </span>
97
                                  <span>{{ auth }}</span>
98
                                </span>
99
                            </div>
91 100
                          </td>
92 101
                        </tr>
93
                        <tr class="el-item">
102
                        <tr class="el-item" [ngClass]="{'success': event.highlight.pids && event.highlight.pids.length>0 }">
94 103
                          <td class="uk-table-shrink uk-width-1-4"><strong class="el-title uk-display-block">PID(s)</strong></td>
95
                          <td class="uk-table-shrink"><div class="el-title"><span *ngFor="let pid of event.publication.pids">({{ pid.type }}) {{ pid.value }}</span></div></td>
104
                          <td class="uk-table-shrink">
105
                            <div class="el-title">
106
                                <span *ngFor="let pid of event.publication.pids">
107
                                  <span>{{ pid.value }} <b>&nbsp;&nbsp;({{ pid.type }})&nbsp;&nbsp;</b>
108
                                    <span *ngIf="event.highlight.pids && event.highlight.pids.length>0 && isHighlighted(pid,event.highlight.pids)">
109
                                      <span class="uk-label uk-label-success">added</span>&nbsp;&nbsp;
110
                                      <span *ngIf="event.provenance" class="pull-right">
111
                                        <b>from: </b>
112
                                        <a *ngIf="event.provenance.url" href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a>
113
                                        <span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span>
114
                                      </span>
115
                                    </span>
116
                                  </span>
117
                                </span>
118
                            </div>
119
                          </td>
96 120
                        </tr>
97
                        <tr class="el-item"><td class="uk-table-shrink uk-width-1-4"><strong class="el-title uk-display-block">Abstract(s)</strong></td>
98
                          <td class="uk-table-shrink"><div class="el-title"><span *ngFor="let abs of event.publication.abstracts">{{ abs }}</span></div></td>
121
                        <tr class="el-item" [ngClass]="{'success': event.highlight.abstracts && event.highlight.abstracts.length>0 }">
122
                          <td class="uk-table-shrink uk-width-1-4"><strong class="el-title uk-display-block">Abstract(s)</strong></td>
123
                          <td class="uk-table-shrink">
124
                            <div class="el-title">
125
                                <span *ngFor="let abs of event.publication.abstracts; let a_index = index">
126
                                  <br *ngIf="a_index > 0">
127
                                  <span>{{ abs }}</span>
128
                                  <span *ngIf="event.highlight.abstracts && event.highlight.abstracts.length>0 && event.provenance">
129
                                    <span class="pull-right">
130
                                      <b>from: </b>
131
                                      <a *ngIf="event.provenance.url" href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a>
132
                                      <span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span>
133
                                    </span>
134
                                  </span>
135
                                </span>
136
                            </div>
137
                          </td>
99 138
                        </tr>
100
                        <tr class="el-item">
139
                        <tr class="el-item" [ngClass]="{'success': event.highlight.projects && event.highlight.projects.length>0 }">
101 140
                          <td class="uk-table-shrink uk-width-1-4"><strong class="el-title uk-display-block">Project(s)/Relation(s)</strong></td>
102
                          <td class="uk-table-shrink"><div class="el-title"><span *ngFor="let rel of event.publication.externalReferences">{{ rel.name }}; </span></div></td>
141
                          <td class="uk-table-shrink">
142
                            <div class="el-title">
143
                                <span *ngFor="let proj of event.publication.projects; let p_index = index">
144
                                  <br *ngIf="p_index > 0">
145
                                  <span *ngIf="proj.acronym && proj.acronym !==''">{{ proj.acronym }}</span>
146
                                  <span *ngIf="!proj.acronym || proj.acronym ===''">{{ proj.title }}</span>
147
                                  <span *ngIf="event.highlight.projects && event.highlight.projects.length>0 && event.provenance">
148
                                    <span class="pull-right">
149
                                      <b>from: </b>
150
                                      <a *ngIf="event.provenance.url" href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a>
151
                                      <span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span>
152
                                    </span>
153
                                  </span>
154
                                </span>
155
                            </div>
156
                          </td>
103 157
                        </tr>
104
                        <tr class="el-item">
158
                        <tr class="el-item" [ngClass]="{'success': event.highlight.subjects && event.highlight.subjects.length>0 }">
105 159
                          <td class="uk-table-shrink uk-width-1-4"><strong class="el-title uk-display-block">Subject(s)</strong></td>
106 160
                          <td class="uk-table-shrink">
107
                            <div class="el-title"><span *ngFor="let subj of event.publication.subjects">{{ subj }};&nbsp;</span></div>
161
                            <div class="el-title">
162
                                <span *ngFor="let subj of event.publication.subjects; let s_index = index">
163
                                  <br *ngIf="s_index > 0">
164
                                  <span>{{ subj }}</span>
165
                                  <span *ngIf="event.highlight.subjects && event.highlight.subjects.length>0 && event.provenance">
166
                                    <span class="pull-right">
167
                                      <b>from: </b>
168
                                      <a *ngIf="event.provenance.url" href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a>
169
                                      <span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span>
170
                                    </span>
171
                                  </span>
172
                                </span>
173
                            </div>
108 174
                          </td>
109 175
                        </tr>
110
                        <tr class="el-item">
176
                        <tr class="el-item" [ngClass]="{'success': event.highlight.publicationdate && event.highlight.publicationdate.length>0 }">
111 177
                          <td class="uk-table-shrink uk-width-1-4"><strong class="el-title uk-display-block">Publication date</strong></td>
112 178
                          <td class="uk-table-shrink"><div class="el-title">{{ event.publication.publicationdate }}</div></td>
113 179
                        </tr>
114
                        <tr class="el-item success">
180
                        <tr class="el-item" [ngClass]="{'success': event.highlight.instances && event.highlight.instances.length>0 }">
115 181
                          <td class="uk-table-shrink uk-width-1-4"><strong class="el-title uk-display-block">Rights</strong></td>
116 182
                          <td class="uk-table-shrink">
117 183
                            <div class="el-title">
118
                              <span *ngFor="let l of event.publication.instances">{{ l.license }}&nbsp;&nbsp;<b>{{ l.hostedby }}</b><br>
119
                                <a href="{{ l.url }}" target="_blank">{{ l.url }}</a><br>
120
                              </span>
121
                              <span class="pull-right">
122
                                <span class="uk-label uk-label-success">added</span>&nbsp;&nbsp;
123
                                <span><b>from: </b>
124
                                  <a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a>
125
                                  <span> ({{ event.provenance.id }})</span>
184
                                <span *ngFor="let l of event.publication.instances; let l_index = index">
185
                                  <br *ngIf="l_index > 0">
186
                                  <span>
187
                                    {{ l.license }}&nbsp;&nbsp;<b>{{ l.hostedby }}</b><br>
188
                                    <a href="{{ l.url }}" target="_blank">{{ l.url }}</a>
189
                                  </span>
190
                                  <span *ngIf="event.highlight.instances && event.highlight.instances.length>0 && isHighlighted(l,event.highlight.instances)">
191
                                    <span class="uk-label uk-label-success">added</span>&nbsp;&nbsp;
192
                                    <span *ngIf="event.provenance" class="pull-right">
193
                                      <b>from: </b>
194
                                      <a *ngIf="event.provenance.url" href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a>
195
                                      <span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span>
196
                                    </span>
197
                                  </span>
126 198
                                </span>
127
                              </span>
128 199
                            </div>
129 200
                          </td>
130 201
                        </tr>
modules/uoa-repository-dashboard-gui/trunk/app/pages/content/content-notifications-of-subscription.component.ts
81 81
  }
82 82

  
83 83

  
84
  isHighlighted(item: any, itemList: any[]) {
85
    return itemList.some(x => x === item);
86
  }
87

  
84 88
  getCorrectTopic() {
85 89
    let temp = this.eventsPage.topic.split('/');
86 90
    this.topic = temp[0];

Also available in: Unified diff