buttons labels and fix grid of translation manager, import and export functionality in data-table

This commit is contained in:
Gagan7900
2026-08-04 16:47:01 +05:30
parent c7c361cc0b
commit c683f6fea9
28 changed files with 1742 additions and 55 deletions
@@ -14,6 +14,14 @@
className="!rounded-full shadow-sm !whitespace-nowrap !mb-0" (buttonClicked)="onFilterClick($event)" />
</div>
}
@if(showImportExportButtons()){
<div class="flex items-center gap-2">
<app-button action="custom" icon="ri-upload-2-line" label="Import CSV" variant="outline-primary" size="sm"
className="!rounded-full shadow-sm !mb-0" (buttonClicked)="onImportClick($event)" />
<app-button action="custom" icon="ri-download-2-line" label="Export" variant="secondary" size="sm"
className="!rounded-full shadow-sm !mb-0" (buttonClicked)="onExportClick($event)" />
</div>
}
@if(showAddButton()){
<div class="flex items-center">
<app-button action="add" [label]="buttonTitle()" size="sm" iconClass="!text-[1rem]"
@@ -214,20 +222,22 @@
@if (pageSizeOptions().length > 0) {
<div class="flex items-center gap-2">
<label for="dataTablePageSize" class="text-sm whitespace-nowrap">
<label for="dataTablePageSize" class="text-sm whitespace-nowrap text-defaulttextcolor">
Show
</label>
<select id="dataTablePageSize" class="ti-form-select form-select-sm !w-[75px] !py-1"
<select id="dataTablePageSize"
class="form-select form-select-sm !w-[80px] !py-1 !ps-2.5 !pe-6 text-defaulttextcolor bg-white dark:bg-bodybg border border-defaultborder rounded-md"
[value]="pageSize()"
(change)="onPageSizeChange($event)">
@for (size of pageSizeOptions(); track size) {
<option [value]="size" [selected]="size === pageSize()">
<option [value]="size" [selected]="size === pageSize()" class="text-defaulttextcolor bg-white dark:bg-bodybg">
{{ size }}
</option>
}
</select>
<span class="text-sm whitespace-nowrap">
<span class="text-sm whitespace-nowrap text-defaulttextcolor">
entries
</span>
</div>
@@ -249,7 +259,7 @@
<!-- Page numbers -->
@for (page of visiblePages(); track page) {
<li class="page-item">
<li class="page-item" [class.active]="page === pageIndex()">
<button type="button" class="page-link px-3 py-[0.375rem]" [class.active]="page === pageIndex()"
[attr.aria-current]="
page === pageIndex() ? 'page' : null