@acorex/data-grid 3.0.22 → 3.0.26

package/src/lib/data-grid/columns/date-column.component.ts

@@ -1,119 +0,0 @@
-
-import {
-  Component,
-  ChangeDetectionStrategy,
-  Input,
-  ViewEncapsulation,
-  ViewChild,
-  ElementRef
-} from '@angular/core';
-import { AXGridDataColumn } from './column.component';
-import { AXDateTime, AXConfig, AXCalendarType } from '@acorex/core';
-import { AXDatePickerComponent } from '@acorex/components';
-@Component({
-  selector: 'ax-date-column',
-  template: '',
-  providers: [{ provide: AXGridDataColumn, useExisting: AXGridDateColumn }],
-  changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class AXGridDateColumn extends AXGridDataColumn {
-  constructor() {
-    super();
-  }
-
-  @Input()
-  format: string;
-
-  @Input()
-  type: AXCalendarType = AXConfig.get('dateTime.type');
-
-  render() {
-    const col = super.render();
-    col.cellRendererParams = {
-      format: this.format,
-    };
-
-    col.comparator = (valueA: any, valueB: any) => {
-      const date1 = AXDateTime.convert(valueA);
-      const date2 = AXDateTime.convert(valueB);
-      //
-      if (date1 === null && date2 === null) {
-        return 0;
-      }
-      if (date1 === null) {
-        return -1;
-      }
-      if (date2 === null) {
-        return 1;
-      }
-      return (date1.date.getTime() - date2.date.getTime());
-    };
-
-    col.valueFormatter = (params) => {
-      const date: AXDateTime = AXDateTime.convert(params.value, this.type);
-      if (date) {
-        return date.format(this.format);
-      }
-      else {
-        return null;
-      }
-    };
-    col.filter = 'agDateColumnFilter';
-    // col.floatingFilter = true;
-    return col;
-  }
-}
-
-@Component({
-  selector: 'ax-data-picker-filter',
-  template: `<ax-date-picker [selectableHoliday]="selectableHoliday" [allowClear]="true" (onValueChanged)="onValueChanged($event)" size="sm">
-     </ax-date-picker>`,
-  host: { style: 'display: contents;' },
-  encapsulation: ViewEncapsulation.None
-})
-export class AXDatePickerFilterComponent {
-  @ViewChild(AXDatePickerComponent)
-  datePicker: AXDatePickerComponent;
-  @ViewChild('div', { read: ElementRef }) div: ElementRef;
-  selectableHoliday: boolean = false;
-  type: string = 'jalali';
-  date: Date;
-  params: any;
-  picker: any;
-
-
-  agInit(params: any): void {
-    this.params = params;
-  }
-
-  ngAfterViewInit() {
-
-  }
-  ngOnDestroy() {
-    console.log(`Destroying DateComponent`);
-  }
-
-  onDateChanged(selectedDates) {
-    //this.date = selectedDates[0] || null;
-    this.params.onDateChanged();
-  }
-
-  getDate(): Date {
-    return this.date;
-  }
-
-  setDate(date: Date): void {
-    this.date = date || null;
-    //this.picker.setDate(date);
-  }
-
-  setInputPlaceholder(placeholder: string): void {
-    //this.div.nativeElement.setAttribute('placeholder', placeholder);
-  }
-  onValueChanged(e) {
-
-    this.setDate(e.value);
-    this.onDateChanged(e.value);
-  }
-
-}

package/src/lib/data-grid/columns/row-number-column.component.ts

@@ -1,36 +0,0 @@
-import { AXGridDataColumn } from './column.component';
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
-import { AXConfig } from '@acorex/core';
-
-@Component({
-  selector: 'ax-row-number-column',
-  template: '',
-  providers: [{ provide: AXGridDataColumn, useExisting: AXGridRowNumberColumn }],
-  changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class AXGridRowNumberColumn extends AXGridDataColumn {
-  constructor() {
-    super();
-  }
-
-  ngOnInit(): void {}
-
-  @Input()
-  condition: (params) => boolean;
-
-  render() {
-    const col = super.render();
-    //  col.checkboxSelection = this.condition ? this.condition : true;
-    //  col.headerCheckboxSelection = true;
-
-    (col.headerName = this.caption ? this.caption : AXConfig.get('layout.rtl') ? 'ردیف' : 'Row'),
-      (col.valueGetter = 'node.rowIndex + 1'),
-      (col.pinned = this.pinned == null ? (AXConfig.get('layout.rtl') ? 'right' : 'left') : this.pinned === 'start' ? 'right' : 'left'),
-      (col.filter = false);
-    col.resizable = true;
-    col.sortable = false;
-    col.width = this.width;
-
-    return col;
-  }
-}

package/src/lib/data-grid/columns/selection-column.component.ts

@@ -1,37 +0,0 @@
-import { AXGridDataColumn } from './column.component';
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
-
-@Component({
-    selector: 'ax-selection-column',
-    template: '',
-    providers: [{ provide: AXGridDataColumn, useExisting: AXGridSelectionColumn }],
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class AXGridSelectionColumn extends AXGridDataColumn {
-    constructor() {
-        super();
-    }
-
-    ngOnInit(): void {
-
-    }
-
-    @Input()
-    condition: (params) => boolean;
-
-    @Input()
-    pinned: 'start' | 'end' = 'start';
-
-    render() {
-        const col = super.render();
-        col.checkboxSelection = this.condition ? this.condition : true;
-        //  col.headerCheckboxSelection = true;
-        col.pinned = this.pinned === 'start' ? 'right' : 'left';
-        col.filter = false;
-        col.resizable = false;
-        col.sortable = false;
-        col.width = 40;
-
-        return col;
-    }
-}

package/src/lib/data-grid/columns/text-column.component.ts

@@ -1,92 +0,0 @@
-import { AXGridDataColumn } from './column.component';
-import {
-  ChangeDetectionStrategy,
-  Component,
-  ViewContainerRef,
-  ViewChild
-} from '@angular/core';
-import {
-  IFilterParams,
-  RowNode,
-  IDoesFilterPassParams,
-  IAfterGuiAttachedParams
-} from 'ag-grid-community';
-import { IFilterAngularComp } from 'ag-grid-angular';
-import { AXTextBoxComponent } from '@acorex/components';
-
-
-@Component({
-  selector: 'ax-text-column',
-  template: '',
-  providers: [{ provide: AXGridDataColumn, useExisting: AXGridTextColumn }],
-  changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class AXGridTextColumn extends AXGridDataColumn {
-  constructor() {
-    super();
-  }
-
-  render() {
-    const col = super.render();
-    // if (this.allowFiltering) {
-    //   col.filterFramework = TextFilterRenderer;
-    // }
-    col.filter = 'agTextColumnFilter';
-    return col;
-  }
-}
-
-@Component({
-  template: `
-    <ax-data-grid-filter>
-      <ax-text-box label='Filter' allowClear='true' (textChange)='onChange($event)'>
-      </ax-text-box>
-    </ax-data-grid-filter>
-  `,
-  changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class TextFilterRenderer implements IFilterAngularComp {
-  public value?: string = null;
-  private params: IFilterParams;
-  private valueGetter: (rowNode: RowNode) => any;
-  @ViewChild(AXTextBoxComponent, { static: true })
-  private input: AXTextBoxComponent;
-
-  agInit(params: IFilterParams): void {
-    this.params = params;
-    this.valueGetter = params.valueGetter;
-  }
-
-  isFilterActive(): boolean {
-    return this.value !== null && this.value !== undefined;
-  }
-
-  doesFilterPass(params: IDoesFilterPassParams): boolean {
-    return this.value === this.valueGetter(params.node);
-  }
-
-  getModel(): any {
-    return { value: this.value };
-  }
-
-  setModel(model: any): void {
-    ;
-    this.onChange(model ? model.value : null);
-  }
-
-  ngAfterViewInit(params: IAfterGuiAttachedParams): void {
-    window.setTimeout(() => {
-      this.input.focus();
-    });
-  }
-
-  onChange(newValue): void {
-    if (this.value !== newValue) {
-      this.value = newValue;
-      if (this.value === '') {
-        this.value = null;
-      }
-      this.params.filterChangedCallback();
-    }
-  }
-}

package/src/lib/data-grid/datagrid.component.html

@@ -1,26 +0,0 @@
-<div class="ax-grid-toolbar" *ngIf="toolbar">
-  <ng-content select="ax-toolbar"></ng-content>
-</div>
-<!-- [enableSorting]="true"  [enableColResize]="true" [enableFilter]="allowFiltering"  -->
-<ag-grid-angular *ngIf="gridView" class="ag-theme-balham" [getRowClass]="internalGetRowClass"
-  [style.height]="internalHeight" [columnDefs]="columnDefs" [enableRtl]="rtl" [pagination]="true"
-  [rowGroupPanelShow]="rowGroupPanelShow" [rowModelType]="rowModelType" [detailRowHeight]="detailRowHeight"
-  [getRowHeight]="getRowHeight" [paginationAutoPageSize]="true" [suppressMenuHide]="true"
-  [frameworkComponents]="frameworkComponents" [isFullWidthCell]="isFullWidthCell" [rowSelection]="selectionMode"
-  [rowMultiSelectWithClick]="rowMultiSelectWithClick" [fullWidthCellRendererFramework]="fullWidthCellRendererFramework"
-  [fullWidthCellRendererParams]="fullWidthCellRendererParams" (cellClicked)="internalGridCellClicked($event)"
-  (cellDoubleClicked)="internalGridCellDoubleClicked($event)" (cellFocused)="internalGridCellFocused($event)"
-  (rowClicked)="internalGridRowClicked($event)" (selectionChanged)="internalGridSelectionChanged($event)"
-  (rowSelected)="rowSelectionChanged($event)" (rowDoubleClicked)="internalGridRowDoubleClicked($event)"
-  (gridReady)="internalGridReady($event)" [groupSelectsChildren]="groupSelectsChildren"
-  [suppressRowClickSelection]="suppressRowClickSelection" [groupSelectsFiltered]="true"
-  [suppressCellSelection]="suppressCellSelection" [autoGroupColumnDef]="autoGroupColumnDef"
-  [suppressAggFuncInHeader]="true" [treeData]="treeData" [animateRows]="true" [isServerSideGroup]="isServerSideGroup"
-  [getServerSideGroupKey]="getServerSideGroupKey" [masterDetail]="masterDetail"
-  [detailCellRendererParams]="detailCellRendererParams" [detailCellRenderer]="detailCellRenderer"
-  (gridSizeChanged)="internalGridSizeChanged($event)" (firstDataRendered)="internalGridFirstDataRendered($event)"
-  [localeText]="localeText" [groupHideOpenParents]="groupHideOpenParents" [enableRangeSelection]="true"
-  [enableRangeSelection]="false" [allowContextMenuWithControlKey]="false" [getMainMenuItems]="getMainMenuItems">
-</ag-grid-angular>
-
-<!-- (displayedColumnsChanged)="displayedColumnsChanged($event)"  -->