Browse Source

fix(admin-ui): Reinstate multi-deletion of Assets

Fixes #380
Michael Bromley 2 years ago
parent
commit
a203e503b7

+ 20 - 20
packages/admin-ui/src/lib/core/src/shared/components/asset-gallery/asset-gallery.component.html

@@ -44,27 +44,27 @@
                 <vdr-chip *ngFor="let tag of lastSelected().tags" [colorFrom]="tag.value"
                     ><clr-icon shape="tag" class="mr2"></clr-icon> {{ tag.value }}</vdr-chip
                 >
-                <div>
-                    <a [routerLink]="['./', lastSelected().id]" class="button-ghost">
-                        <clr-icon shape="pencil"></clr-icon> {{ 'common.edit' | translate }}
-                        <clr-icon shape="arrow right"></clr-icon>
-                    </a>
-                </div>
-                <div>
-                    <button (click)="previewAsset(lastSelected())" class="button-small mt-1">
-                        <clr-icon shape="eye"></clr-icon> {{ 'asset.preview' | translate }}
-                    </button>
-                </div>
-                <div *ngIf="canDelete">
-                    <button (click)="deleteAssets.emit(selectionManager.selection)" class="button-small mt-1">
-                        <clr-icon shape="trash" class="is-danger"></clr-icon>
-                        {{ 'common.delete' | translate }}
-                    </button>
-                </div>
-                <div class="mt-1">
-                    <vdr-asset-preview-links class="" [asset]="lastSelected()"></vdr-asset-preview-links>
-                </div>
             </ng-container>
+            <div *ngIf="selectionManager.selection.length === 1">
+                <a [routerLink]="['./', lastSelected().id]" class="button-ghost">
+                    <clr-icon shape="pencil"></clr-icon> {{ 'common.edit' | translate }}
+                    <clr-icon shape="arrow right"></clr-icon>
+                </a>
+            </div>
+            <div *ngIf="selectionManager.selection.length === 1">
+                <button (click)="previewAsset(lastSelected())" class="button-small mt-1">
+                    <clr-icon shape="eye"></clr-icon> {{ 'asset.preview' | translate }}
+                </button>
+            </div>
+            <div *ngIf="canDelete">
+                <button (click)="deleteAssets.emit(selectionManager.selection)" class="button-small mt-1">
+                    <clr-icon shape="trash" class="is-danger"></clr-icon>
+                    {{ 'common.delete' | translate }}
+                </button>
+            </div>
+            <div class="mt-1" *ngIf="selectionManager.selection.length === 1">
+                <vdr-asset-preview-links class="" [asset]="lastSelected()"></vdr-asset-preview-links>
+            </div>
         </div>
     </div>
     <div class="card stack" [class.visible]="selectionManager.selection.length > 1"></div>