Headless CMS and Content Managment Hub
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

46 lines
2.1 KiB

<div class="card" (dblclick)="emitNavigate()" (mousedown)="preventSelection($event)">
<div class="card-body">
<div class="row no-gutters">
<div class="col-auto">
<img src="./images/folder.svg">
</div>
<div class="col truncate">
{{assetFolder.folderName | sqxTranslate}}
</div>
<div class="col-auto">
<div class="dropdown dropdown-options" *ngIf="canDelete || canUpdate">
<button type="button" class="btn btn-sm btn-text-secondary ml-1" (click)="dropdown.toggle()" [class.active]="dropdown.isOpen | async" #buttonOptions>
<i class="icon-dots"></i>
</button>
<ng-container *sqxModal="dropdown;closeAlways:true">
<div class="dropdown-menu" [sqxAnchoredTo]="buttonOptions" @fade>
<ng-container *ngIf="canUpdate">
<a class="dropdown-item" (click)="editDialog.show()">
{{ 'common.rename' | sqxTranslate }}
</a>
<div class="dropdown-divider"></div>
</ng-container>
<a class="dropdown-item dropdown-item-delete" [class.disabled]="!canDelete"
(sqxConfirmClick)="emitDelete()"
confirmTitle="i18n:assets.deleteFolderConfirmTitle"
confirmText="i18n:assets.deleteFolderConfirmText"
confirmRememberKey="deleteAssetFolder">
{{ 'common.delete' | sqxTranslate }}
</a>
</div>
</ng-container>
</div>
</div>
</div>
</div>
</div>
<ng-container *sqxModal="editDialog">
<sqx-asset-folder-dialog [assetFolder]="assetFolder"
(complete)="editDialog.hide()">
</sqx-asset-folder-dialog>
</ng-container>