ngx-deebodata 0.0.2 → 0.0.3

package/src/lib/data-table/data-table-module/row-group-menu/row-group-menu.css

@@ -1,14 +0,0 @@
-.deebo-dd-opt label{
-    width: 100%;
-    cursor: pointer;
-    display: inline-block;
-    vertical-align:middle
-}
-
-.deebo-dd-opt label:hover{
-    text-decoration: underline;
-}
-
-i.error-message{
-    font-size: 20px;
-}

package/src/lib/data-table/data-table-module/row-group-menu/row-group-menu.html

@@ -1,27 +0,0 @@
-<div class="relly">
-    <div #ddSelect class="deebo-dd-select-hide deebo-dd-groupby" [class.deebo-dd-select]="optsOpen()">
-        @if(enableClear()){
-            <div class="deebo-dd-opt deebo-dd-groupby">
-                <button type="button" (click)="setGrouping(null)" class="v-mid no-btn" style="width: 100%;">
-                    <i class="material-icons error-message heavy v-mid" aria-hidden="false">close</i>&nbsp;<span class="md-text v-mid">Grouping</span>
-                </button>
-            </div>
-        }
-        @for(grp of groups(); track grp){
-            <div class="deebo-dd-opt deebo-dd-groupby">
-                <div>
-                    <label for="groupby{{grp}}">
-                        <input type="radio" name="groupby" id="groupby{{grp}}" (click)="setGrouping(grp)" (input)="setGrouping(grp)" /> 
-                        {{common.titleCase(grp)}}
-                    </label>
-                </div>
-            </div>
-        }
-    </div>
-</div>
-<div class="deebo-dd-contain deebo-dd-groupby flex-center">
-    <button type="button" class="btn-deebo-dd deebo-dd-groupby no-btn" (click)="toggleGroupByOpts()" [disabled]="disableGB()">
-        <span>Group By</span>
-        <i class="material-icons" aria-hidden="false">{{optsOpen() ? "keyboard_arrow_up" : "keyboard_arrow_down"}}</i>
-    </button>
-</div>

package/src/lib/data-table/data-table-module/row-group-menu/row-group-menu.spec.ts

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

package/src/lib/data-table/data-table-module/row-group-menu/row-group-menu.ts

@@ -1,58 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, ViewChild, ElementRef, input, signal } from '@angular/core';
-import { CommonService } from '../../../services/common-service';
-import { DataTableService } from '../../../services/data-table-service';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-  selector: 'app-row-group-menu',
-  imports: [CommonModule, FormsModule],
-  templateUrl: './row-group-menu.html',
-  styleUrls: ['./row-group-menu.css', '../export-component/export-component.css', '../../../styles.css']
-})
-export class RowGroupMenu {
-
-  groups = input<string[]>([])
-  disableGB = input<boolean>(false)
-  optsOpen = signal<boolean>(false)
-  enableClear = input<boolean>(false)
-  
-  @ViewChild("ddSelect", { static: true }) ddSelect!: ElementRef<HTMLDivElement>;
-
-  constructor(public common: CommonService,
-              private dataTableService: DataTableService,
-  ) { }
-
-  ngOnInit() {
-    this.dataTableService.closeGroupByOpts.subscribe( e => { this.setOptsOpen(e) })
-  }
-
-  setOptsOpen(e: boolean) {
-    this.optsOpen.set(e)
-  }
-
-  toggleGroupByOpts() {
-    this.setOptsOpen(!this.optsOpen())
-    if(this.optsOpen()){
-      setTimeout( () => {
-        const hgt = this.common.goodLs() ? this.ddSelect.nativeElement.getBoundingClientRect().height : 10;
-        this.dataTableService.listenToCloseGroupByOpts = true;
-        this.ddSelect.nativeElement.style.top = -(hgt+3) + "px"
-      })
-    }
-  }
-
-  setGrouping(group: string | null) {
-    this.dataTableService.currGrouping.next(group)
-    if(!group){
-      let i = 0
-      const len = this.groups().length
-      for(i; i < len; i++){
-        const el = <HTMLInputElement>document.getElementById("groupby" + this.groups()[i])
-        if(el)
-          el.checked = false
-      }
-    }
-  } 
-
-}

package/src/lib/data-table/data-table-module/row-group-panel/row-group-panel.css

@@ -1,23 +0,0 @@
-:host{
-    --accent-color:rgb(50, 50, 50);
-    --grid-color:rgb(199, 199, 199);
-    --pad-left-base: 33px;
-    --row-num-width: 75px;
-    --reg-font-size: 17px
-}
-
-.row-group-panel{
-    padding: 17px 11px;
-    border-bottom: 1px dotted var(--accent-color);
-}
-
-.open-panel{
-    box-shadow: 0 1px 3px 1px var(--grid-color);
-    -moz-box-shadow: 0 1px 3px 1px var(--grid-color);
-    -webkit-box-shadow: 0 1px 3px 1px var(--grid-color);
-}
-
-.panel-height{
-    min-height: 400px;
-    max-height: 400px;
-}

package/src/lib/data-table/data-table-module/row-group-panel/row-group-panel.html

@@ -1,48 +0,0 @@
-<div class="row-group-panel row-group-panel-{{elifyGrouping}}" [ngClass]="{'open-panel': open(), 'hide': !count}">
-    <button class="no-btn" (click)="openGroup()">
-        <span class="v-mid md-text">{{uiGroupValue}} ({{count | number}})</span>&nbsp;
-        <i class="material-icons v-mid" aria-hidden="false">{{open() ? "keyboard_arrow_down" : "chevron_right"}}</i>
-    </button>
-</div>
-@if(showRowNumbers && open()){
-    <div class="relly">
-        @for(num of rowNums; track $index){
-            <span class="gb-row-num row-nums-{{elifyGrouping}} invisible" >{{num | number}}</span>
-        }
-    </div>
-}
-@if(open()){
-    <div #panelDataGrid [id]="'panelDataGrid' + elifyGrouping" style="overflow: auto;margin-top: 3px" class="group-panel-grid panel-height"
-    (scroll)="handleScroll($event)" (scrollend)="handleScrollEnd()">
-        <div #aboveArea [style.height]="aboveHgt + 'px'"></div>
-        @for(row of rows; track row.index){
-            <div [id]="row.id" class="data-table-row rows-for-{{elifyGrouping}}" [attr.data-index]="row.index"
-                [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" 
-                        [noColResize]="true"
-                        [rawText]="cell.rawText"
-                        [rowHeight]="row.height || ''"
-                        [columnValClass]="cell.specialColClass"
-                        [colWid]="cell.width || dataTableService.useColWid"
-                        (height)="setSingleRowHgt($event, row.id)"
-                        ></app-data-cell>
-                    }
-                }
-            </div>
-        }
-        <div #belowArea [style.height]="belowHgt + 'px'"></div>
-        @if(!panelData.length){
-            <div 
-            class="data-table-row panel-height flex-center data-table-row-no-data" style="width: 100%; white-space: normal;">
-                <div class="center">Loading...</div>
-            </div>
-        }
-    </div>
-}

package/src/lib/data-table/data-table-module/row-group-panel/row-group-panel.spec.ts

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