buttons labels and fix grid of translation manager, import and export functionality in data-table
This commit is contained in:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user