geonetwork-ui 2.4.2 → 2.4.4-dev.9094d472a

package/src/libs/ui/dataviz/src/lib/table/table.component.html

@@ -1,40 +0,0 @@
-<div class="border border-gray-300 rounded-lg overflow-hidden bg-white h-full">
-  <cdk-virtual-scroll-viewport
-    tvsItemSize="48"
-    headerHeight="56"
-    style="height: calc(100% - 37px)"
-  >
-    <table mat-table [dataSource]="dataSource" class="mat-elevation-z8" matSort>
-      <ng-container *ngFor="let prop of properties" [matColumnDef]="prop">
-        <th
-          mat-header-cell
-          *matHeaderCellDef
-          mat-sort-header
-          class="text-sm text-black bg-white"
-        >
-          {{ prop }}
-        </th>
-        <td
-          mat-cell
-          *matCellDef="let element"
-          class="whitespace-nowrap pr-1 truncate"
-        >
-          {{ element[prop] }}
-        </td>
-      </ng-container>
-
-      <tr mat-header-row *matHeaderRowDef="properties; sticky: true"></tr>
-      <tr
-        [id]="getRowEltId(row.id)"
-        mat-row
-        *matRowDef="let row; columns: properties"
-        (click)="selected.emit(row)"
-        [class.active]="row.id === activeId"
-      ></tr>
-    </table>
-  </cdk-virtual-scroll-viewport>
-  <div class="text-gray-900 border-t border-gray-300 px-4 py-2 text-sm">
-    <span class="count font-extrabold text-primary">{{ count }}</span
-    >&nbsp;<span translate>table.object.count</span>.
-  </div>
-</div>

package/src/libs/ui/dataviz/src/lib/table/table.component.ts

@@ -1,80 +0,0 @@
-import { ScrollingModule } from '@angular/cdk/scrolling'
-import { NgForOf } from '@angular/common'
-import {
-  AfterViewInit,
-  ChangeDetectionStrategy,
-  Component,
-  ElementRef,
-  EventEmitter,
-  Input,
-  Output,
-  ViewChild,
-} from '@angular/core'
-import { MatSort, MatSortModule } from '@angular/material/sort'
-import { MatTableModule } from '@angular/material/table'
-import {
-  TableVirtualScrollDataSource,
-  TableVirtualScrollModule,
-} from 'ng-table-virtual-scroll'
-import { TranslateModule } from '@ngx-translate/core'
-
-const rowIdPrefix = 'table-item-'
-
-export type TableItemId = string | number
-type TableItemType = string | number | Date
-
-export interface TableItemModel {
-  id: TableItemId
-  [key: string]: TableItemType
-}
-
-@Component({
-  standalone: true,
-  imports: [
-    MatTableModule,
-    MatSortModule,
-    TableVirtualScrollModule,
-    ScrollingModule,
-    NgForOf,
-    TranslateModule,
-  ],
-  selector: 'gn-ui-table',
-  templateUrl: './table.component.html',
-  styleUrls: ['./table.component.css'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class TableComponent implements AfterViewInit {
-  @Input() set data(value: TableItemModel[]) {
-    this.dataSource = new TableVirtualScrollDataSource(value)
-    this.dataSource.sort = this.sort
-    this.properties =
-      Array.isArray(value) && value.length ? Object.keys(value[0]) : []
-    this.count = value.length
-  }
-  @Input() activeId: TableItemId
-  @Output() selected = new EventEmitter<any>()
-
-  @ViewChild(MatSort, { static: true }) sort: MatSort
-  properties: string[]
-  dataSource: TableVirtualScrollDataSource<any>
-  headerHeight: number
-  count: number
-
-  constructor(private eltRef: ElementRef) {}
-
-  ngAfterViewInit() {
-    this.headerHeight =
-      this.eltRef.nativeElement.querySelector('thead').offsetHeight
-  }
-
-  scrollToItem(itemId: TableItemId): void {
-    const row = this.eltRef.nativeElement.querySelector(
-      `#${this.getRowEltId(itemId)}`
-    )
-    this.eltRef.nativeElement.scrollTop = row.offsetTop - this.headerHeight
-  }
-
-  public getRowEltId(id: TableItemId): string {
-    return rowIdPrefix + id
-  }
-}

package/src/libs/ui/dataviz/src/lib/table/table.fixtures.ts

@@ -1,40 +0,0 @@
-export const tableItemFixture = () => [
-  {
-    name: 'name 1',
-    id: 'id 1',
-    age: 15,
-  },
-  {
-    name: 'name 2',
-    id: 'id 2',
-    age: 10,
-  },
-  {
-    name: 'name 3',
-    id: 'id 3',
-    age: 55,
-  },
-]
-
-export const someHabTableItemFixture = () => [
-  {
-    name: 'France',
-    id: '1',
-    pop: 50500000,
-  },
-  {
-    name: 'Italy',
-    id: '2',
-    pop: 155878789655,
-  },
-  {
-    name: 'UK',
-    id: '3',
-    pop: 31522456,
-  },
-  {
-    name: 'US',
-    id: '4',
-    pop: 3215448888,
-  },
-]