update ux writing

This commit is contained in:
2026-05-04 21:30:05 +03:30
parent ec452bca22
commit d130a83bd4
44 changed files with 66 additions and 73 deletions
@@ -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"