ngx-deebodata 0.0.2 → 0.0.3

package/src/lib/data-table/data-table-module/ngx-deebodata/ngx-deebodata.html

@@ -1,193 +0,0 @@
-<div class="deebo-data-grid-section">
-    <div class="hidden-cols">
-        @for (hcol of hiddenCols; track hcol) {
-            <button type="button" class="btn-maximize-col" (click)="maximizeColCells(hcol)">{{hcol}}</button>
-        }
-    </div>
-    <div class="controls" >
-        <input type="text" #topLevelDataFilter autocomplete="off" name="topLevelDataFilter" placeholder="Filter any column..." 
-        (input)="topFilterOnKeyUp($event)" (keyup)="topFilterOnKeyUp($event)" maxlength="255" [(ngModel)]="topLevelFilter" 
-        [disabled]="dataTableService.showCharts() || !dataTableService.mainData.length || handlingSelRows" autocomplete="off" />
-        @if(currGroupValues().length){
-            <button type="button" class="no-btn btn-clear-grp" (click)="processGrouping(null)">
-                <i class="material-icons error-message heavy v-mid" aria-hidden="false">close</i>&nbsp;<span class="md-text v-mid">Grouping</span>
-            </button>
-        }
-        <button type="button" class="no-btn btn-chart" (click)="openCharts()" [disabled]="dataTableService.showCharts() || !dataTableService.currFilData.length || handlingSelRows || !common.goodLs()">
-            <i class="material-icons v-mid" aria-hidden="false">bar_chart</i>&nbsp;<span class="v-mid">Insights</span>
-        </button>
-        <button type="button" [disabled]="!dataTableService.currSelRows.length || handlingSelRows" (click)="clearSelectedRows()" class="btn-ctrl-sel-rows">Deselect Rows</button>
-        <button #btnTogSelRows type="button" [disabled]="!dataTableService.currSelRows.length || handlingSelRows" (click)="toggleSelectedRows()" class="btn-ctrl-sel-rows">
-            <i class="material-icons" aria-hidden="false">check_box_outline_blank</i>&nbsp;<span>{{togSelRows}}</span>
-        </button>
-        <button [disabled]="!topLevelFilter && dataTableService.arefilSrtTrkPropsDefault()" 
-        class="btn-reset" (click)="resetCurrentData()" >Reset</button>
-    </div>
-    <div class="relly" [ngClass]="{'dt-checks': rowNumbers, 'hide' : isMultiFiltering() || dataTableService.isFiltering() || 
-    dataTableService.isSorting() || currGroupValues().length || currSelEditOpts.length }">
-        @for (chk of dtChecks; track $index) {
-            <input [id]="'checkDataTableRow' + chk" class="select-row-check invisible" 
-            [checked]="dataTableService.currSelRows.indexOf(chk) > -1" type="checkbox" [name]="'checkDataTableRow' + chk"
-            (click)="toggleSingleRowSelected(chk)" (keyup.enter)="toggleSingleRowSelected(chk)" [value]="'dataTableRow' + chk" >
-        }
-    </div>
-    <div #selFilContainer class="relly sel-fil-container">
-        <div class="selfil-opt-contain" [ngStyle]="ddFilStyle">
-            @for (opt of currFilOpts; track opt; let i = $index) {
-                <div class="selfil-div">
-                    <label [for]="'selfilOpt' + currDDFilter + i" class="'selfil-lbl-' + currDDFilter"><input [id]="'selfilOpt' + currDDFilter + i" 
-                    [class]="'selfil-opt-' + currDDFilter" (input)="handleMultiSelFilter(currDDFilter, opt.value, $event.target.checked)" 
-                    (click)="handleMultiSelFilter(currDDFilter, opt.value, $event.target.checked)" [name]="'selfilOpt' + currDDFilter + i" 
-                    [checked]="opt.checked" [value]="opt.value" [disabled]="isMultiFiltering()" type="checkbox" />{{opt.value || "(Blank)"}}</label>
-                </div>
-            }
-        </div>
-    </div>
-    <div #validatedEdit class="relly special-edit-container invisible">
-        @if (validatedEditType === 'date'){
-            <input id="selEditDate" name="selEditDate" type="date" class="edit-input" 
-            (change)="execCellEdit($event, true)" (input)="execCellEdit($event, true)" (blur)="execCellEdit($event)" />
-        }
-        @if (validatedEditType === 'number'){
-            <input id="selEditNum" name="selEditNum" type="number" class="edit-input" 
-            (keyup)="execCellEdit($event, true)" (input)="execCellEdit($event, true)" (blur)="execCellEdit($event)" (keyup.enter)="execCellEdit($event)" />
-        }
-        @if (validatedEditType === 'text'){
-            <div class="relly edit-input">
-                <div class="edit-input-option-cont">
-                    <div tabindex="0" (click)="execCellEdit($event, false, null)" class="edit-input-opt">-</div>
-                    @for (opt of currSelEditOpts; track opt.value) {
-                        <div tabindex="0" class="edit-input-opt" 
-                        (click)="execCellEdit($event, false, opt.value)">{{opt.value || "(Blank)"}}</div>
-                    }
-                </div>
-            </div>
-        }
-    </div>
-    <div class="relly" style="z-index: 6;">
-        <div #fCellDragger tabindex="0" id="fCellDragger" (focus)="focusCellDragger()" (blur)="execValClear(true)"
-        (mousedown)="focusCellDraggerFromMouseDown()" (keydown)="handleFDragTab($event)" (keydown)="handleDraggerKD($event)"
-        [ngClass]="{'hide': dataTableService.currEditIndex < 0, 'focused-cell-dragger': dataTableService.currEditIndex > -1 }"></div>
-    </div>
-    @if(dataTableService.showCharts() && common.goodLs()){
-        <app-charts-and-graphs 
-        [height]="chartHgt"
-        [state]="chartState"
-        [chartColumns]="columnsForCharts"
-        (close)="closeCharts($event)"
-        ></app-charts-and-graphs>
-    }
-    <div [ngClass]="{'row-numbers': rowNumbers && !dataTableService.showCharts() && !currGroupValues().length, 'hide': !rowNumbers || dataTableService.showCharts() || currGroupValues().length}" >
-        <div #rowNumHeader class="row-num-header flex-center"><div class="semi-heavy">No.</div></div>
-        <div style="overflow: hidden;" [style.height]="dataTableService.dTblHeight + 'px'">
-            <div #rowNumBody style="overflow: auto">
-                @for (num of rowNos; track num.number) {
-                    <div [id]="'rn' + num.number" class="flex-center num-row" [style.height]="num.height || dataTableService.defltRHgt">
-                        <div class="small-text">{{num.number | number}}</div>
-                    </div>
-                }
-            </div>
-        </div>
-    </div><div #dataTable class="data-table" [class.inline-table]="rowNumbers && !dataTableService.showCharts() && !currGroupValues().length">
-        <div #dataTableHeaders class="data-table-headers">
-            @for (col of columnHeaders; track col.column; let i = $index) {
-                <app-data-table-header
-                [columnHeader]="col"
-                [colWid]="dataTableService.useColWid"
-                [hideMinCol]="col.hideMinCol"
-                [canFreeze]="i === 0 ? true : false"
-                (reset)="resetCurrentData($event)"
-                (freeze)="freezeColCells($event)"
-                (minimize)="minimizeColEls($event)"
-                (filFocus)="handleFilFocus($event)"
-                (scrollOnFocus)="checkTabHorizScroll($event)"
-                (emitCompFocus)="killSelFilOpts(true)"
-                (filSelClick)="handleWinClickOnSelFil()"
-                (height)="setHeaderHeight($event, true)"
-                (render)="renderCurrData(false, $event.field)"
-                (width)="handleSingleColResize($event.value, $event.column)"
-                ></app-data-table-header>
-            }
-        </div>
-        <div #dataTableBody id="dataTableBody" style="overflow: auto;" [style.height]="dataTableService.dTblHeight + 'px'" (scroll)="handleScroll($event)"
-        [class.table-working]="isMultiFiltering() || dataTableService.isFiltering() || dataTableService.isSorting()" (scrollend)="handleScrollEnd()">
-            <div #aboveArea [style.height]="aboveHgt() + 'px'"></div>
-            @for(row of rows; track row.index){
-                <div [id]="row.id" class="data-table-row" [attr.data-index]="row.index"
-                [class.data-row-selected]="!dataTableService.displayOnlySelRows && dataTableService.currSelRows.indexOf(row.index) > -1"
-                [ngStyle]="{'width': row.width, 'height': row.height}" >
-                    @for(cell of row.cells; track cell.column){
-                        @if (isScrolling){
-                            <div class="data-cell data-cell-{{common.elifyCol(cell.column)}}{{cell.specialColClass}}" [class.data-cell-riiight]="cell.dataType === 'number'"
-                            [ngClass]="{ 'col-item-freeze': cell.freeze, 'col-header-minimized': cell.minimized, 'holding-check': cell.column === dataTableService.firstCol }"
-                            [ngStyle]="{'width': cell.width || dataTableService.useColWid, 'height': row.height}" >{{cell.text}}@if (cell.html){<div class="mock-html"></div>}</div>
-                        } @else {
-                            <app-data-cell [cell]="cell" 
-                            [rowId]="row.id" 
-                            [rawText]="cell.rawText"
-                            [rowHeight]="row.height || ''"
-                            (edit)="execCellEdit($event)"
-                            (mousedown)="checkCellEditOnClick()"
-                            [columnValClass]="cell.specialColClass"
-                            (dragListen)="listenToCellDraggerMouseMove = $event"
-                            [colWid]="cell.width || dataTableService.useColWid"
-                            (width)="handleSingleColResize($event)"
-                            (height)="setSingleRowHgt($event, row.id, true)"
-                            (clearVEditFocus)="validatedEditType = $event"
-                            (validateEditFocus)="handleValidatedCellEditFocus($event)"
-                            ></app-data-cell>
-                        }
-                    }
-                </div>
-            }
-            <div #belowArea [style.height]="belowHgt() + 'px'"></div>
-            @for(group of currGroupValues(); track group){
-                <app-row-group-panel
-                [groupValue]="group.value"
-                [maxCols]="maxCols"
-                [useRowWid]="useRowWid"
-                [editable]="editable"
-                [horizRest]="horizRest()"
-                [columns]="columnNames"
-                [showRowNumbers]="rowNumbers"
-                [colOfInt]="columnOfInterest()"
-                (horizPos)="setHorizPos($event)"
-                (cellEdit)="execCellEdit($event)"
-                (openEvt)="scrollToRowGroup($event)"
-                ></app-row-group-panel>
-            }
-            @if(!dataTableService.currFilData.length && !currGroupValues().length){
-                <div [style.height]="dataTableService.dTblHeight + 'px'" class="data-table-row flex-center data-table-row-no-data" style="width: 100%; white-space: normal;">
-                    <div class="center">{{dataTableService.noDataMsg}}</div>
-                </div>
-            }
-        </div>
-    </div>
-    @if(paginatorReady){
-        <app-data-table-paginator
-        [filSortStr]="allFilSortInfo()"
-        (jumpTo)="jumpToRow($event)"
-        [totalRows]="dataTableService.currFilData.length"
-        [disableJump]="dataTableService.showCharts() || currGroupValues().length > 0 || !dataTableService.currFilData.length || handlingSelRows"
-        ></app-data-table-paginator><!--not an actual paginator-->
-    }
-    <div class="pad-top-thirty right">
-        <div class="inline-b deebo-dd-contain-div">
-            @if(canGroupBy().length > 0){
-                <app-row-group-menu
-                [groups]="canGroupBy()"
-                [disableGB]="dataTableService.showCharts()"
-                [enableClear]="currGroupValues().length ? true : false"
-                ></app-row-group-menu>
-            }
-        </div><div class="inline-b deebo-dd-contain-div">
-            @if(dataTableService.currFilData.length > 0){
-                <app-export-component
-                [columns]="columnHeaders"
-                [disableExport]="dataTableService.showCharts()"
-                [count]="dataTableService.currFilData.length">
-                </app-export-component>
-            }
-        </div>
-    </div>
-</div>

package/src/lib/data-table/data-table-module/ngx-deebodata/ngx-deebodata.spec.ts

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