Frontend
Public
Commits
Samuel authored db7ecb0f53f
| 1 1 | <div class="container"> |
| 2 2 | <div class="row"> |
| 3 3 | <div class="col-12"> |
| 4 4 | |
| 5 5 | <h2>{{headerMessage | translate: {id: item.handle} }}</h2> |
| 6 6 | <p>{{descriptionMessage | translate}}</p> |
| 7 7 | <ds-modify-item-overview [item]="item"></ds-modify-item-overview> |
| 8 8 | |
| 9 9 | <ng-container *ngVar="(types$ | async) as types"> |
| 10 10 | |
| 11 - | <div *ngIf="types.length > 0" class="mb-4"> |
| 11 + | <div *ngIf="types && types.length > 0" class="mb-4"> |
| 12 + | |
| 12 13 | {{'virtual-metadata.delete-item.info' | translate}} |
| 13 - | </div> |
| 14 14 | |
| 15 - | <div *ngFor="let type of types" class="mb-4"> |
| 15 + | <div *ngFor="let type of types" class="mb-4"> |
| 16 16 | |
| 17 - | <div *ngVar="(isSelected(type) | async) as selected" |
| 18 - | class="d-flex flex-row"> |
| 17 + | <div *ngVar="(isSelected(type) | async) as selected" |
| 18 + | class="d-flex flex-row"> |
| 19 19 | |
| 20 - | <div class="m-2" (click)="setSelected(type, !selected)"> |
| 21 - | <label> |
| 22 - | <input type="checkbox" [checked]="selected"> |
| 23 - | </label> |
| 24 - | </div> |
| 20 + | <div class="m-2" (click)="setSelected(type, !selected)"> |
| 21 + | <label> |
| 22 + | <input type="checkbox" [checked]="selected"> |
| 23 + | </label> |
| 24 + | </div> |
| 25 25 | |
| 26 - | <div class="flex-column flex-grow-1"> |
| 27 - | <h5 (click)="setSelected(type, !selected)"> |
| 28 - | {{getRelationshipMessageKey(getLabel(type) | async) | translate}} |
| 29 - | </h5> |
| 30 - | <div *ngFor="let relationship of (getRelationships(type) | async)" |
| 31 - | class="d-flex flex-row"> |
| 32 - | <ng-container *ngVar="(getRelatedItem(relationship) | async) as relatedItem"> |
| 33 - | |
| 34 - | <ds-listable-object-component-loader |
| 35 - | *ngIf="relatedItem" |
| 36 - | [object]="relatedItem" |
| 37 - | [viewMode]="viewMode"> |
| 38 - | </ds-listable-object-component-loader> |
| 39 - | <div class="ml-auto"> |
| 40 - | <div class="btn-group"> |
| 41 - | <button class="btn btn-outline-info btn-sm" |
| 42 - | (click)="openVirtualMetadataModal(virtualMetadataModal)"> |
| 43 - | <i class="fas fa-info fa-fw"></i> |
| 44 - | </button> |
| 45 - | </div> |
| 46 - | </div> |
| 47 - | |
| 48 - | <ng-template #virtualMetadataModal> |
| 49 - | <div> |
| 50 - | <div class="modal-header"> |
| 51 - | {{'virtual-metadata.delete-item.modal-head' | translate}} |
| 52 - | <button type="button" class="close" |
| 53 - | (click)="closeVirtualMetadataModal()" aria-label="Close"> |
| 54 - | <span aria-hidden="true">×</span> |
| 26 + | <div class="flex-column flex-grow-1"> |
| 27 + | <h5 (click)="setSelected(type, !selected)"> |
| 28 + | {{getRelationshipMessageKey(getLabel(type) | async) | translate}} |
| 29 + | </h5> |
| 30 + | <div *ngFor="let relationship of (getRelationships(type) | async)" |
| 31 + | class="d-flex flex-row"> |
| 32 + | <ng-container *ngVar="(getRelatedItem(relationship) | async) as relatedItem"> |
| 33 + | |
| 34 + | <ds-listable-object-component-loader |
| 35 + | *ngIf="relatedItem" |
| 36 + | [object]="relatedItem" |
| 37 + | [viewMode]="viewMode"> |
| 38 + | </ds-listable-object-component-loader> |
| 39 + | <div class="ml-auto"> |
| 40 + | <div class="btn-group"> |
| 41 + | <button class="btn btn-outline-info btn-sm" |
| 42 + | (click)="openVirtualMetadataModal(virtualMetadataModal)"> |
| 43 + | <i class="fas fa-info fa-fw"></i> |
| 55 44 | </button> |
| 56 45 | </div> |
| 57 - | <div class="modal-body"> |
| 58 - | <ds-listable-object-component-loader |
| 59 - | *ngIf="relatedItem" |
| 60 - | [object]="relatedItem" |
| 61 - | [viewMode]="viewMode"> |
| 62 - | </ds-listable-object-component-loader> |
| 63 - | <div *ngFor="let metadata of (getVirtualMetadata(relationship) | async)"> |
| 64 - | <div> |
| 65 - | <div class="font-weight-bold"> |
| 66 - | {{metadata.metadataField}} |
| 67 - | </div> |
| 46 + | </div> |
| 47 + | |
| 48 + | <ng-template #virtualMetadataModal> |
| 49 + | <div> |
| 50 + | <div class="modal-header"> |
| 51 + | {{'virtual-metadata.delete-item.modal-head' | translate}} |
| 52 + | <button type="button" class="close" |
| 53 + | (click)="closeVirtualMetadataModal()" aria-label="Close"> |
| 54 + | <span aria-hidden="true">×</span> |
| 55 + | </button> |
| 56 + | </div> |
| 57 + | <div class="modal-body"> |
| 58 + | <ds-listable-object-component-loader |
| 59 + | *ngIf="relatedItem" |
| 60 + | [object]="relatedItem" |
| 61 + | [viewMode]="viewMode"> |
| 62 + | </ds-listable-object-component-loader> |
| 63 + | <div *ngFor="let metadata of (getVirtualMetadata(relationship) | async)"> |
| 68 64 | <div> |
| 69 - | {{metadata.metadataValue.value}} |
| 65 + | <div class="font-weight-bold"> |
| 66 + | {{metadata.metadataField}} |
| 67 + | </div> |
| 68 + | <div> |
| 69 + | {{metadata.metadataValue.value}} |
| 70 + | </div> |
| 70 71 | </div> |
| 71 72 | </div> |
| 72 73 | </div> |
| 73 74 | </div> |
| 74 - | </div> |
| 75 - | </ng-template> |
| 75 + | </ng-template> |
| 76 76 | |
| 77 - | </ng-container> |
| 77 + | </ng-container> |
| 78 + | </div> |
| 78 79 | </div> |
| 80 + | |
| 79 81 | </div> |
| 80 82 | |
| 81 83 | </div> |
| 82 84 | |
| 83 85 | </div> |
| 84 86 | |
| 85 87 | </ng-container> |
| 86 88 | |
| 87 89 | <button (click)="performAction()" |
| 88 90 | class="btn btn-outline-secondary perform-action">{{confirmMessage | translate}} |