/
dataset-tab-view.component.html
33 lines (31 loc) · 1.39 KB
/
dataset-tab-view.component.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<div *ngIf="noOfDatasets > 1">
<h1>Selected dataset: {{ metadata.title }} </h1>
<p class="note">Click on the radio button in the right side panel to change the dataset.</p>
</div>
<div *ngIf="noOfDatasets == 1">
<p class="note">Default dataset is displayed, to change it click on the radio button in the right side panel. </p>
</div>
<div class="properties-container">
<div class="properties">
<div *ngFor="let prop of metadata | keyvalue; let last = last; let i = index;" [class.border-bottom]="!last">
<div *ngIf="excludeKeys.indexOf(prop.key) < 0;" class="property">
<div class="property-label">
<h3 class="label mat-subheading-1">
{{ prop.key }}
</h3>
</div>
<div class="property-value">
<div *ngIf="templateKeys.indexOf(prop.key) < 0 && dateKeys.indexOf(prop.key) < 0">
{{ prop.value }}
</div>
<div *ngIf="templateKeys.indexOf(prop.key) > -1;">
<app-url-template [urls]="prop.value"></app-url-template>
</div>
<div *ngIf="dateKeys.indexOf(prop.key) > -1;">
{{ prop.value | date:'MMMM d, yyyy' }}
</div>
</div>
</div>
</div>
</div>
</div>