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.
 
 
 
 
 

39 lines
2.0 KiB

<div class="card" (dblclick)="emitNavigate()" (mousedown)="preventSelection($event)" [title]="assetFolder.folderName | sqxTranslate">
<div class="card-body">
<div class="row g-2">
<div class="col-auto"><img src="./images/folder.svg" /></div>
<div class="col truncate">{{ assetFolder.folderName | sqxTranslate }}</div>
<div class="col-auto">
@if ((canDelete || canUpdate) && !isDisabled) {
<button
class="btn btn-sm btn-text-secondary"
#buttonOptions
attr.aria-label="{{ 'common.options' | sqxTranslate }}"
(click)="editDropdown.toggle()"
type="button">
<i class="icon-dots"></i>
</button>
<sqx-dropdown-menu scrollY="true" [sqxAnchoredTo]="buttonOptions" *sqxModal="editDropdown; closeAlways: true">
@if (canUpdate) {
<button class="dropdown-item" (click)="editDialog.show()" type="button">{{ "common.rename" | sqxTranslate }}</button>
<div class="dropdown-divider"></div>
}
<button
class="dropdown-item dropdown-item-delete"
[class.disabled]="!canDelete"
confirmRememberKey="deleteAssetFolder"
confirmText="i18n:assets.deleteFolderConfirmText"
confirmTitle="i18n:assets.deleteFolderConfirmTitle"
(sqxConfirmClick)="emitDelete()"
type="button">
{{ "common.delete" | sqxTranslate }}
</button>
</sqx-dropdown-menu>
}
</div>
</div>
</div>
</div>
<sqx-asset-folder-dialog [assetFolder]="assetFolder" (dialogClose)="editDialog.hide()" *sqxModal="editDialog" />