zenon/federated-storage
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

display related meta data informatioN;

Browse Source
This commit is contained in:
Marco Zeisler 2021-01-16 16:53:47 +01:00
parent 80d6fd1c16
commit f3928119a6
2 changed files with 21 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/app/component/images/images.component.html
View File

@ -51,7 +51,6 @@
<div style="display: block; width: 100%"> <div style="display: block; width: 100%">
<h3>Metadata:</h3> <h3>Metadata:</h3>
<p *ngIf="image.filename">filename: {{image.filename}}</p> <p *ngIf="image.filename">filename: {{image.filename}}</p>
<!-- <p *ngIf="image.tag">tag: {{image.tag}}</p>-->
<p *ngIf="image.latitude">latitude: {{image.latitude}}</p> <p *ngIf="image.latitude">latitude: {{image.latitude}}</p>
<p *ngIf="image.longitude">longitude: {{image.longitude}}</p> <p *ngIf="image.longitude">longitude: {{image.longitude}}</p>
<p *ngIf="image.version">version: {{image.version}}</p> <p *ngIf="image.version">version: {{image.version}}</p>
@ -64,7 +63,18 @@
[meta]=image [meta]=image
(reload)="this.reload.emit()" (reload)="this.reload.emit()"
></app-file-uploader> ></app-file-uploader>
<!-- (reload)="loadImage(i + paginationGetStart(), $event.split('.')[0])"-->
<mat-expansion-panel>
<mat-expansion-panel-header>Previous version meta</mat-expansion-panel-header>
<ng-template matExpansionPanelContent>
<div *ngFor="let imageMeta of getRelatedImageMeta(image)">
<p *ngIf="imageMeta.filename">filename: {{imageMeta.filename}}</p>
<p *ngIf="imageMeta.latitude">latitude: {{imageMeta.latitude}}</p>
<p *ngIf="imageMeta.longitude">longitude: {{imageMeta.longitude}}</p>
<p *ngIf="imageMeta.version">version: {{imageMeta.version}}</p>
</div>
</ng-template>
</mat-expansion-panel>
</ng-template> </ng-template>
</mat-expansion-panel> </mat-expansion-panel>

9
frontend/src/app/component/images/images.component.ts
View File

@ -66,4 +66,13 @@ export class ImagesComponent implements OnInit, AfterViewInit {
getImageIndex(image: ImageMetadata) { getImageIndex(image: ImageMetadata) {
return this.images.findIndex(img => image === img); return this.images.findIndex(img => image === img);
} }
getRelatedImageMeta(image: ImageMetadata, images: ImageMetadata[] = []) {
const found = this.images.find(im => im.previous === image.identifier);
if (found) {
return this.getRelatedImageMeta(found, images.concat(found));
} else {
return images;
}
}
} }