update ux writing
This commit is contained in:
@@ -47,13 +47,13 @@
|
||||
<hr />
|
||||
<div class="flex justify-center gap-2 mt-2">
|
||||
@if (showEdit) {
|
||||
<p-button icon="pi pi-pencil" label="ویرایش" size="small" (click)="edit(item)"> </p-button>
|
||||
<p-button icon="pi pi-pencil" label="ویرایش" size="small" outlined (click)="edit(item)"> </p-button>
|
||||
}
|
||||
@if (showDelete) {
|
||||
<p-button icon="pi pi-trash" label="حذف" size="small" (click)="remove(item)"> </p-button>
|
||||
<p-button icon="pi pi-trash" label="حذف" size="small" outlined (click)="remove(item)"> </p-button>
|
||||
}
|
||||
@if (showDetails) {
|
||||
<p-button icon="pi pi-eye" label="مشاهده" size="small" (click)="details(item)"> </p-button>
|
||||
<p-button icon="pi pi-eye" label="مشاهده" size="small" outlined (click)="details(item)"> </p-button>
|
||||
}
|
||||
</div>
|
||||
}
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
[tableStyleClass]="!items.length && !loading ? 'h-full' : ''"
|
||||
>
|
||||
@if (captionBox) {
|
||||
<ng-template pTemplate="caption">
|
||||
<ng-template #caption>
|
||||
<ng-container [ngTemplateOutlet]="captionBox"> </ng-container>
|
||||
</ng-template>
|
||||
}
|
||||
|
||||
@@ -17,8 +17,8 @@
|
||||
(onDelete)="remove($event)"
|
||||
(onDetails)="details($event)"
|
||||
>
|
||||
@if (pageTitle || showAdd || filter || caption || showRefresh || moreActions) {
|
||||
<ng-template #captionBox>
|
||||
<ng-template #captionBox>
|
||||
@if (pageTitle || showAdd || filter || caption || showRefresh || moreActions) {
|
||||
<ng-container [ngTemplateOutlet]="caption">
|
||||
<div class="flex justify-between items-center gap-4">
|
||||
<h5 class="font-bold">{{ pageTitle }}</h5>
|
||||
@@ -51,8 +51,8 @@
|
||||
}
|
||||
</div>
|
||||
</ng-container>
|
||||
</ng-template>
|
||||
}
|
||||
}
|
||||
</ng-template>
|
||||
<ng-template #emptyMessageCard>
|
||||
<uikit-empty-state
|
||||
[title]="emptyPlaceholderTitle"
|
||||
@@ -90,8 +90,8 @@
|
||||
(onDelete)="remove($event)"
|
||||
(onDetails)="details($event)"
|
||||
>
|
||||
@if (pageTitle || showAdd || filter || caption || showRefresh || moreActions) {
|
||||
<ng-template #captionBox>
|
||||
<ng-template #captionBox>
|
||||
@if (pageTitle || showAdd || filter || caption || showRefresh || moreActions) {
|
||||
<ng-container [ngTemplateOutlet]="caption">
|
||||
<div class="flex justify-between items-center gap-4">
|
||||
<h5 class="font-bold">{{ pageTitle }}</h5>
|
||||
@@ -117,15 +117,17 @@
|
||||
label="{{ addNewCtaLabel }}"
|
||||
icon="pi pi-plus"
|
||||
size="small"
|
||||
class="max-sm:hidden"
|
||||
(click)="openAddForm()"
|
||||
></p-button>
|
||||
<p-button icon="pi pi-plus" size="small" class="sm:hidden" (click)="openAddForm()"></p-button>
|
||||
}
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
</ng-container>
|
||||
</ng-template>
|
||||
}
|
||||
}
|
||||
</ng-template>
|
||||
<ng-template #emptyMessageCard>
|
||||
<uikit-empty-state
|
||||
[title]="emptyPlaceholderTitle"
|
||||
|
||||
Reference in New Issue
Block a user