chore: add Tailwind CSS configuration file. ux writing update

src/app/shared/components/formFooterActions/form-footer-actions.component.ts

@@ -8,7 +8,7 @@ import { Button } from 'primeng/button';
 })
 export class FormFooterActionsComponent {
   @Input() submitLabel = 'تایید';
-  @Input() cancelLabel = 'لغو';
+  @Input() cancelLabel = 'انصراف';
   @Input() loading = false;
   @Input() disabled = false;
   @Output() onSubmit = new EventEmitter<void>();

src/app/shared/components/pageDataList/page-data-list-table-view.component.html

@@ -20,6 +20,9 @@
 
     <ng-template #header let-columns>
       <tr>
+        @if (showIndex) {
+          <th [style]="{ width: '3rem', minWidth: '3rem' }"></th>
+        }
         @for (col of columns; track col.header) {
           <th
             [style]="
@@ -40,11 +43,14 @@
 
     <ng-template #body let-item let-i="rowIndex" let-expanded="expanded">
       <tr>
+        <td>
+          @if (showIndex) {
+            {{ i * (currentPage || 1) + 1 }}
+          }
+        </td>
         @for (col of columns; track col.field) {
           <td>
-            @if (col.type === "index") {
-              {{ i * (currentPage || 1) + 1 }}
-            } @else if (col.type === "thumbnail") {
+            @if (col.type === "thumbnail") {
               <div
                 class="w-20 h-20 rounded-2xl overflow-hidden bg-surface-50 cursor-pointer"
                 (click)="openThumbnailModal(item)"

src/app/shared/components/pageDataList/page-data-list-table-view.component.ts

@@ -97,6 +97,7 @@ export class AppPageDataListTableView<I = any> {
   @Input() expandColumns?: Maybe<IColumn[]> = null;
   @Input() dataKey?: string = 'items';
   @Input() showPaginator?: boolean;
+  @Input() showIndex?: boolean = true;
 
   @ContentChild('filter', { static: true }) filter!: TemplateRef<any> | null;
   @ContentChild('paginator', { static: true }) paginator!: TemplateRef<any> | null;

src/app/shared/components/table-action-row.component.html

@@ -6,7 +6,7 @@
       variant="outlined"
       severity="primary"
       (click)="edit.emit()"
-      title="ویرایش"
+      pTooltip="ویرایش"
     />
   }
   @if (showDelete) {
@@ -16,10 +16,10 @@
       variant="outlined"
       severity="danger"
       (click)="delete.emit()"
-      title="حذف"
+      pTooltip="ویرایش"
     />
   }
   @if (showDetails) {
-    <p-button size="small" icon="pi pi-chevron-left" (click)="details.emit()" [title]="showDetailsText" />
+    <p-button size="small" icon="pi pi-chevron-left" (click)="details.emit()" [pTooltip]="showDetailsText" />
   }
 </td>

src/app/shared/components/table-action-row.component.ts

@@ -1,11 +1,12 @@
 import { CommonModule } from '@angular/common';
 import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { Button } from 'primeng/button';
+import { Tooltip } from 'primeng/tooltip';
 
 @Component({
   selector: '[table-action-row]',
   standalone: true,
-  imports: [CommonModule, Button],
+  imports: [CommonModule, Button, Tooltip],
   templateUrl: './table-action-row.component.html',
 })
 export class TableActionRowComponent {