Revision 51561
Added by Myrto Koukouli about 6 years ago
compatibility-validation-results.component.html | ||
---|---|---|
4 | 4 |
<h1 class="uk-h2">Validation results for</h1> |
5 | 5 |
|
6 | 6 |
<!-- TOP HELP CONTENT --> |
7 |
<!-- <help-content #topHelperContent [position]="'top'"
|
|
7 |
<help-content #topHelperContent [position]="'top'" |
|
8 | 8 |
[ngClass]="topHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'"> |
9 |
</help-content>-->
|
|
9 |
</help-content> |
|
10 | 10 |
|
11 | 11 |
<div class="uk-container uk-margin-medium-top uk-margin-medium-bottom"> |
12 | 12 |
<div class="uk-grid"> |
13 | 13 |
|
14 | 14 |
<!-- LEFT HELP CONTENT --> |
15 |
<!-- <aside-help-content #leftHelperContent [position]="'left'"
|
|
15 |
<aside-help-content #leftHelperContent [position]="'left'" |
|
16 | 16 |
[ngClass]="leftHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'"> |
17 |
</aside-help-content>-->
|
|
17 |
</aside-help-content> |
|
18 | 18 |
|
19 | 19 |
<!-- MIDDLE --> |
20 | 20 |
<div class=" uk-width-expand@m"> |
... | ... | |
254 | 254 |
</div> |
255 | 255 |
</confirmation-dialog> |
256 | 256 |
|
257 |
|
|
258 |
<!-- *** OLD HTML *** |
|
259 |
|
|
260 |
<div class="uk-grid uk-grid-stack"> |
|
261 |
<div class="uk-width-expand@m uk-first-column"> |
|
262 |
<div class="uk-margin-medium-bottom"> |
|
263 |
<h1 class="uk-article-title">Validation results for</h1> |
|
264 |
</div> |
|
265 |
<div> |
|
266 |
<div *ngIf="errorMessage" class="uk-alert uk-alert-danger">{{ errorMessage }}</div> |
|
267 |
<div *ngIf="loadingMessage" class="loading-big"> |
|
268 |
<div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;"> |
|
269 |
{{ loadingMessage }} |
|
270 |
</div> |
|
271 |
<div class="whiteFilm"></div> |
|
272 |
</div> |
|
273 |
<div *ngIf="jobSummary"> |
|
274 |
<div> |
|
275 |
<div> |
|
276 |
<h4 class="uk-h4 uk-text-primary uk-scrollspy-inview uk-animation-slide-top-medium" |
|
277 |
uk-scrollspy-class=""><span>{{jobSummary.baseUrl}}</span></h4> |
|
278 |
<div class="uk-margin-small">by {{jobSummary.userEmail}}</div> |
|
279 |
</div> |
|
280 |
</div> |
|
281 |
<div> |
|
282 |
<div> |
|
283 |
<hr class="uk-scrollspy-inview uk-animation-slide-bottom-small" uk-scrollspy-class=""> |
|
284 |
<div> |
|
285 |
<span>{{ jobSummary.jobType }}</span> |
|
286 |
| |
|
287 |
<span>{{ jobSummary.guidelinesShortName }}</span> |
|
288 |
| |
|
289 |
<span>Validation set: {{ jobSummary.validationSet }}</span> |
|
290 |
</div> |
|
291 |
<div> |
|
292 |
<span>Started: {{ jobSummary.started }}</span> |
|
293 |
, |
|
294 |
<span>Ended: {{ jobSummary.ended }}</span> |
|
295 |
, |
|
296 |
<span>Duration: {{ jobSummary.duration }}</span> |
|
297 |
</div> |
|
298 |
<div style="font-size: 120%;"> |
|
299 |
<span>Records tested: {{ jobSummary.recordsTested }}</span> |
|
300 |
</div> |
|
301 |
<div> |
|
302 |
<span class="uk-label uk-margin-right">Score for content: {{ jobSummary.contentJobScore }}</span> |
|
303 |
<span class="uk-label">Score for usage: {{ jobSummary.usageJobScore }}</span> |
|
304 |
</div> |
|
305 |
<hr class="uk-scrollspy-inview uk-animation-slide-bottom-small" uk-scrollspy-class=""> |
|
306 |
</div> |
|
307 |
</div> |
|
308 |
<div> |
|
309 |
<ul class="uk-margin el-nav uk-tab" uk-switcher="connect: .uk-switcher"> |
|
310 |
<li routerLinkActive="uk-active"> |
|
311 |
<a href="#">for Content</a> |
|
312 |
</li> |
|
313 |
<li routerLinkActive="uk-active"> |
|
314 |
<a href="#">for Usage</a> |
|
315 |
</li> |
|
316 |
</ul> |
|
317 |
<ul class="uk-switcher"> |
|
318 |
<li class="el-item"> |
|
319 |
<div class="uk-grid-margin uk-grid uk-grid-stack"> |
|
320 |
<div class="uk-width-1-1@m uk-first-column"> |
|
321 |
<div class="uk-overflow-auto uk-scrollspy-inview uk-animation-slide-top-medium"> |
|
322 |
<div *ngIf="noContent" class="uk-alert">{{ noContent }}</div> |
|
323 |
<div> |
|
324 |
<table class="uk-table uk-table-striped uk-table-middle rules-table"> |
|
325 |
<thead> |
|
326 |
<tr> |
|
327 |
<th>Rule Name</th> |
|
328 |
<th class="uk-text-nowrap">Rule Description</th> |
|
329 |
<th class="uk-text-nowrap">Rule Weight</th> |
|
330 |
<th class="uk-text-nowrap"># of records</th> |
|
331 |
<th class="uk-text-nowrap">Status</th> |
|
332 |
</tr> |
|
333 |
</thead> |
|
334 |
<tbody> |
|
335 |
<tr *ngFor="let contentRule of contentResults" class="el-item"> |
|
336 |
<td class="uk-table-shrink"> |
|
337 |
<div class="el-title">{{ contentRule.name }}</div> |
|
338 |
</td> |
|
339 |
<td class="uk-table-shrink"> |
|
340 |
<div class="el-title" [innerHtml]="contentRule.description"> |
|
341 |
</div> |
|
342 |
</td> |
|
343 |
<td class="uk-table-shrink"> |
|
344 |
<div class="el-title">{{ contentRule.weight }}</div> |
|
345 |
</td> |
|
346 |
<td class="uk-table-shrink"> |
|
347 |
<div class="el-title">{{ contentRule.successes }}</div> |
|
348 |
</td> |
|
349 |
<td class="uk-table-shrink"> |
|
350 |
<div *ngIf="!contentRule.hasErrors" class="el-title"> |
|
351 |
<span uk-icon="icon: check" style="color: #4b991f" class="uk-icon"> |
|
352 |
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="check" ratio="1"> |
|
353 |
<polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline> |
|
354 |
</svg> |
|
355 |
</span> |
|
356 |
</div> |
|
357 |
<div *ngIf="contentRule.hasErrors && contentRule.mandatory"> |
|
358 |
<span uk-icon="icon: close" style="color: #cd242b" class="uk-icon"> |
|
359 |
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="close" ratio="1"> |
|
360 |
<path fill="none" stroke="#000" stroke-width="1.06" d="M16,16 L4,4"></path> |
|
361 |
<path fill="none" stroke="#000" stroke-width="1.06" d="M16,4 L4,16"></path> |
|
362 |
</svg> |
|
363 |
</span> |
|
364 |
<a class="errorlink viewErrors uk-display-block" (click)="viewErrors(contentRule)"><span>View Errors</span></a> |
|
365 |
</div> |
|
366 |
<div *ngIf="contentRule.hasErrors && !contentRule.mandatory"> |
|
367 |
<span uk-icon="icon: warning" style="color: #e9d60d" class="uk-icon"> |
|
368 |
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="warning" ratio="1"> |
|
369 |
<circle cx="10" cy="14" r="1"></circle> |
|
370 |
<circle fill="none" stroke="#000" stroke-width="1.1" cx="10" cy="10" r="9"></circle> |
|
371 |
<path d="M10.97,7.72 C10.85,9.54 10.56,11.29 10.56,11.29 C10.51,11.87 10.27,12 9.99,12 C9.69,12 9.49,11.87 9.43,11.29 C9.43,11.29 9.16,9.54 9.03,7.72 C8.96,6.54 9.03,6 9.03,6 C9.03,5.45 9.46,5.02 9.99,5 C10.53,5.01 10.97,5.44 10.97,6 C10.97,6 11.04,6.54 10.97,7.72 L10.97,7.72 Z"></path> |
|
372 |
</svg> |
|
373 |
</span> |
|
374 |
<a class="warninglink viewErrors uk-display-block" (click)="viewErrors(contentRule)"><span>View Warnings</span></a> |
|
375 |
</div> |
|
376 |
</td> |
|
377 |
</tr> |
|
378 |
</tbody> |
|
379 |
</table> |
|
380 |
</div> |
|
381 |
</div> |
|
382 |
</div> |
|
383 |
</div> |
|
384 |
</li> |
|
385 |
<li class="el-item"> |
|
386 |
<div class="uk-grid-margin uk-grid uk-grid-stack"> |
|
387 |
<div class="uk-width-1-1@m uk-first-column"> |
|
388 |
<div class="uk-overflow-auto uk-scrollspy-inview uk-animation-slide-top-medium"> |
|
389 |
<div *ngIf="noUsage" class="uk-alert">{{ noUsage }}</div> |
|
390 |
<div> |
|
391 |
<table class="uk-table uk-table-striped uk-table-middle rules-table"> |
|
392 |
<thead> |
|
393 |
<tr> |
|
394 |
<th>Rule Name</th> |
|
395 |
<th class="uk-text-nowrap">Rule Description</th> |
|
396 |
<th class="uk-text-nowrap">Rule Weight</th> |
|
397 |
<th class="uk-text-nowrap"># of records</th> |
|
398 |
<th class="uk-text-nowrap">Status</th> |
|
399 |
</tr> |
|
400 |
</thead> |
|
401 |
<tbody> |
|
402 |
<tr *ngFor="let usageRule of usageResults" class="el-item"> |
|
403 |
<td class="uk-table-shrink"> |
|
404 |
<div class="el-title">{{ usageRule.name }}</div> |
|
405 |
</td> |
|
406 |
<td class="uk-table-shrink"> |
|
407 |
<div class="el-title" [innerHtml]="usageRule.description"> |
|
408 |
</div> |
|
409 |
</td> |
|
410 |
<td class="uk-table-shrink"> |
|
411 |
<div class="el-title">{{ usageRule.weight }}</div> |
|
412 |
</td> |
|
413 |
<td class="uk-table-shrink"> |
|
414 |
<div class="el-title">{{ usageRule.successes }}</div> |
|
415 |
</td> |
|
416 |
<td class="uk-table-shrink"> |
|
417 |
<div *ngIf="!usageRule.hasErrors" class="el-title"> |
|
418 |
<span uk-icon="icon: check" style="color: #4b991f" class="uk-icon"> |
|
419 |
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="check" ratio="1"> |
|
420 |
<polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline> |
|
421 |
</svg> |
|
422 |
</span> |
|
423 |
</div> |
|
424 |
<div *ngIf="usageRule.hasErrors && usageRule.mandatory"> |
|
425 |
<span uk-icon="icon: close" style="color: #cd242b" class="uk-icon"> |
|
426 |
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="close" ratio="1"> |
|
427 |
<path fill="none" stroke="#000" stroke-width="1.06" d="M16,16 L4,4"></path> |
|
428 |
<path fill="none" stroke="#000" stroke-width="1.06" d="M16,4 L4,16"></path> |
|
429 |
</svg> |
|
430 |
</span> |
|
431 |
<a class="errorlink viewErrors uk-display-block" (click)="viewErrors(usageRule)"><span>View Errors</span></a> |
|
432 |
</div> |
|
433 |
<div *ngIf="usageRule.hasErrors && !usageRule.mandatory"> |
|
434 |
<span uk-icon="icon: warning" style="color: #e9d60d" class="uk-icon"> |
|
435 |
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="warning" ratio="1"> |
|
436 |
<circle cx="10" cy="14" r="1"></circle> |
|
437 |
<circle fill="none" stroke="#000" stroke-width="1.1" cx="10" cy="10" r="9"></circle> |
|
438 |
<path d="M10.97,7.72 C10.85,9.54 10.56,11.29 10.56,11.29 C10.51,11.87 10.27,12 9.99,12 C9.69,12 9.49,11.87 9.43,11.29 C9.43,11.29 9.16,9.54 9.03,7.72 C8.96,6.54 9.03,6 9.03,6 C9.03,5.45 9.46,5.02 9.99,5 C10.53,5.01 10.97,5.44 10.97,6 C10.97,6 11.04,6.54 10.97,7.72 L10.97,7.72 Z"></path> |
|
439 |
</svg> |
|
440 |
</span> |
|
441 |
<a class="warninglink viewErrors uk-display-block" (click)="viewErrors(usageRule)"><span>View Warnings</span></a> |
|
442 |
</div> |
|
443 |
</td> |
|
444 |
</tr> |
|
445 |
</tbody> |
|
446 |
</table> |
|
447 |
</div> |
|
448 |
</div> |
|
449 |
</div> |
|
450 |
</div> |
|
451 |
</li> |
|
452 |
</ul> |
|
453 |
</div> |
|
454 |
</div> |
|
455 |
</div> |
|
456 |
</div> |
|
457 |
</div> |
|
458 |
--> |
Also available in: Unified diff
added inline validation messages to create-update repository forms