feat: add logo image and RTL support styles
- Added logo image to assets. - Implemented RTL support styles in rtlSupport.scss for various components including breadcrumb, datatable, and tree node toggle button. chore: configure environment files for production, staging, and development - Created environment.prod.ts for production settings. - Created environment.staging.ts for staging settings. - Created environment.ts for local development settings. feat: define custom theme preset - Added presets.ts to define a custom theme preset using PrimeUIX with specific component styles and semantic colors. chore: set up proxy configuration for local development
This commit is contained in:
@@ -0,0 +1,36 @@
|
||||
import { Component, EventEmitter, Input, Output, signal } from '@angular/core';
|
||||
import { ButtonModule } from 'primeng/button';
|
||||
|
||||
@Component({
|
||||
selector: 'app-paginator',
|
||||
templateUrl: './paginator.component.html',
|
||||
imports: [ButtonModule],
|
||||
})
|
||||
export class PaginatorComponent {
|
||||
@Input() totalRecords!: number;
|
||||
@Input() currentPage: number = 1;
|
||||
@Input() perPage: number = 10;
|
||||
@Input() loading: boolean = false;
|
||||
@Output() onChange = new EventEmitter<number>();
|
||||
|
||||
totalPages = signal<number>(0);
|
||||
|
||||
ngOnChanges() {
|
||||
this.totalPages.set(Math.ceil(this.totalRecords / this.perPage));
|
||||
}
|
||||
|
||||
onPageChange(newPage: number) {
|
||||
this.onChange.emit(newPage);
|
||||
}
|
||||
|
||||
prevPage() {
|
||||
if (this.currentPage > 1) {
|
||||
this.onPageChange(this.currentPage - 1);
|
||||
}
|
||||
}
|
||||
nextPage() {
|
||||
if (this.currentPage < this.totalPages()) {
|
||||
this.onPageChange(this.currentPage + 1);
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user