@sachin9822/reports-lib 0.0.211 → 0.0.213

package/src/lib/shared/metadata/metadata.component.ts

@@ -0,0 +1,38 @@
+import { Component, Input, OnInit, Output, EventEmitter} from '@angular/core';
+
+@Component({
+  selector: 'lib-metadata',
+  templateUrl: './metadata.component.html',
+  styleUrls: ['./metadata.component.scss']
+})
+export class MetadataComponent implements OnInit {
+  @Input() metaDataOne:Record<string,string> ={};
+  @Input() metaDataTwo:Record<string,string> = {};
+  @Input()showmetaDataOne = true;
+  @Input()showmetaDataTwo = false;
+  @Input() reportName:string;
+  @Output() searchEvent = new EventEmitter<string>();
+  @Output() exportEvent = new EventEmitter<string>();
+  searchText:any = "";
+  exportFormats = [{formatName:"Excel",code:'excel'},{formatName:"PDF",code:'pdf'},{formatName:"CSV",code:'csv'}]
+  selectedExportOption = 'excel';
+  preserveOrder = (_a: any, _b: any): number => 0;
+  constructor() {
+
+   }
+
+  ngOnInit(): void {
+    console.log("Meta Data")
+    console.log(this.showmetaDataOne);
+    console.log(this.showmetaDataTwo);
+  }
+
+  onSearch(){
+    this.searchEvent.emit(this.searchText?.trim());
+  }
+
+  handleExport(){
+    this.exportEvent.emit(this.selectedExportOption);
+  }
+
+}

package/src/lib/shared/page-size-selector/page-size-selector.component.html

@@ -0,0 +1,7 @@
+<div class="d-flex align-items-center gap-2 entries-selecter-div">
+    <select class="form-select custom-height w-auto" id="pageSize" [(ngModel)]="selectedPageSizeOption"
+        (ngModelChange)="onPageSizeChanged($event)">
+        <option *ngFor="let size of pageSizeArray" [value]="size">{{ size }}</option>
+    </select>
+    <label class="entry-label" for="pageSize">Entries Per Page</label>
+</div>

package/src/lib/shared/page-size-selector/page-size-selector.component.scss

@@ -0,0 +1,42 @@
+@import "bootstrap/scss/bootstrap";
+
+.entries-selecter-div {
+  position: absolute !important;
+  left: 10px !important;
+  bottom: 5.5px !important;
+  z-index: 1 !important;
+  background: transparent !important;
+  padding-right: 10px !important;
+  align-items: center !important;
+  justify-content: center !important;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
+}
+
+.entry-label {
+  font-weight: 600;
+  font-size: 11px !important;
+  margin: 0px !important;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
+  align-items: center !important;
+  justify-content: center !important;
+}
+
+.form-select.custom-height {
+  height: 20px !important;
+  padding-top: 0px !important;
+  padding-bottom: 0px !important;
+  font-size: 11px !important;
+  line-height: 1 !important;
+  border-radius: 2px !important;
+  border: 1px solid #babfc7 !important;
+}
+
+.form-select.custom-height:focus {
+  outline: none !important;
+  box-shadow: none !important;
+  border-color: #babfc7 !important;
+}
+
+::ng-deep .ag-paging-panel {
+  font-size: 11px !important;
+}

package/src/lib/shared/page-size-selector/page-size-selector.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { PageSizeSelectorComponent } from './page-size-selector.component';
+
+describe('PageSizeSelectorComponent', () => {
+  let component: PageSizeSelectorComponent;
+  let fixture: ComponentFixture<PageSizeSelectorComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ PageSizeSelectorComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(PageSizeSelectorComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/src/lib/shared/page-size-selector/page-size-selector.component.ts

@@ -0,0 +1,38 @@
+import { Component, Input, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'lib-page-size-selector',
+  templateUrl: './page-size-selector.component.html',
+  styleUrls: ['./page-size-selector.component.scss']
+})
+export class PageSizeSelectorComponent implements OnInit {
+
+  @Input() pageSizeArray: (number | string)[] = [10, 15, 20, 30, 50, 100, 200, 'All'];
+  @Input() defaultSize: string = '15';
+  @Input() totalEntries: number = 0;
+  @Input() gridApi: any;
+
+  selectedPageSizeOption: string = '15';
+
+  ngOnInit(): void {
+    this.selectedPageSizeOption = this.defaultSize;
+    this.applyPageSize(this.defaultSize);
+  }
+
+  onPageSizeChanged(value: string) {
+    this.selectedPageSizeOption = value;
+    this.applyPageSize(value);
+  }
+
+  private applyPageSize(value: string) {
+    const size = value === 'All' ? this.totalEntries : Number(value);
+    if (this.gridApi) {
+      this.gridApi.paginationSetPageSize(size);
+    }
+  }
+
+  ngOnDestroy(): void {
+    this.gridApi = undefined;
+  }
+
+}