geonetwork-ui 2.4.0-dev.573bccd7 → 2.4.0-dev.575f30f2

package/src/libs/feature/search/src/lib/results-table/results-table.component.ts

@@ -1,172 +0,0 @@
-import { Component, EventEmitter, Output } from '@angular/core'
-import { CatalogRecord } from '../../../../../../libs/common/domain/src/lib/model/record'
-import {
-  FileFormat,
-  getBadgeColor,
-  getFileFormat,
-  getFormatPriority,
-} from '../../../../../../libs/util/shared/src'
-import { UiInputsModule } from '../../../../../../libs/ui/inputs/src'
-import {
-  InteractiveTableColumnComponent,
-  InteractiveTableComponent,
-} from '../../../../../../libs/ui/layout/src'
-import { MatIconModule } from '@angular/material/icon'
-import { TranslateModule } from '@ngx-translate/core'
-import { SearchFacade } from '../state/search.facade'
-import { SelectionService } from '../../../../../../libs/api/repository/src'
-import { combineLatest, firstValueFrom, Observable } from 'rxjs'
-import { CommonModule } from '@angular/common'
-import { map, take } from 'rxjs/operators'
-import { FieldSort } from '../../../../../../libs/common/domain/src/lib/model/search'
-import { SearchService } from '../utils/service/search.service'
-import { BadgeComponent } from '../../../../../../libs/ui/widgets/src'
-import { RecordsRepositoryInterface } from '../../../../../../libs/common/domain/src/lib/repository/records-repository.interface'
-
-@Component({
-  selector: 'gn-ui-results-table',
-  templateUrl: './results-table.component.html',
-  styleUrls: ['./results-table.component.css'],
-  standalone: true,
-  imports: [
-    CommonModule,
-    UiInputsModule,
-    InteractiveTableComponent,
-    InteractiveTableColumnComponent,
-    MatIconModule,
-    TranslateModule,
-    BadgeComponent,
-  ],
-})
-export class ResultsTableComponent {
-  @Output() recordClick = new EventEmitter<CatalogRecord>()
-
-  records$ = this.searchFacade.results$
-  selectedRecords$ = this.selectionService.selectedRecordsIdentifiers$
-
-  constructor(
-    private searchFacade: SearchFacade,
-    private searchService: SearchService,
-    private selectionService: SelectionService,
-    private recordsRepository: RecordsRepositoryInterface
-  ) {}
-
-  dateToString(date: Date): string {
-    return date?.toLocaleDateString(undefined, {
-      year: 'numeric',
-      month: 'long',
-      day: 'numeric',
-      timeZone: 'UTC',
-    })
-  }
-
-  getStatus(isPublishedToAll: boolean | unknown) {
-    return isPublishedToAll ? 'published' : 'not published'
-  }
-
-  getRecordFormats(record: CatalogRecord): FileFormat[] {
-    if (record.kind === 'service' || !('distributions' in record)) {
-      return []
-    }
-    const formats = Array.from(
-      new Set(
-        record.distributions.map((distribution) => getFileFormat(distribution))
-      )
-    ).filter((format) => !!format)
-    formats.sort((a, b) => getFormatPriority(b) - getFormatPriority(a))
-    return formats
-  }
-
-  formatUserInfo(userInfo: string | unknown): string {
-    const infos = (typeof userInfo === 'string' ? userInfo : '').split('|')
-    if (infos && infos.length === 4) {
-      return `${infos[2]} ${infos[1]}`
-    }
-    return undefined
-  }
-
-  getBadgeColor(format: FileFormat): string {
-    return getBadgeColor(format)
-  }
-
-  handleRecordClick(item: unknown) {
-    this.recordClick.emit(item as CatalogRecord)
-  }
-
-  setSortBy(col: string, order: 'asc' | 'desc') {
-    this.searchService.setSortBy([order, col])
-  }
-
-  isSortedBy(col: string): Observable<'asc' | 'desc' | null> {
-    return this.searchFacade.sortBy$.pipe(
-      take(1),
-      map((sortOrder) => {
-        const sortArray = Array.isArray(sortOrder[0])
-          ? (sortOrder as FieldSort[])
-          : ([sortOrder] as FieldSort[])
-        for (const sort of sortArray) {
-          if (sort[1] === col) {
-            return sort[0]
-          }
-        }
-        return null
-      })
-    )
-  }
-
-  isChecked(record: CatalogRecord): Observable<boolean> {
-    return this.selectedRecords$.pipe(
-      take(1),
-      map((selectedRecords) => {
-        return selectedRecords.includes(record.uniqueIdentifier)
-      })
-    )
-  }
-
-  handleRecordSelectedChange(selected: boolean, record: CatalogRecord) {
-    if (!selected) {
-      this.selectionService.deselectRecords([record])
-    } else {
-      this.selectionService.selectRecords([record])
-    }
-  }
-
-  async toggleSelectAll() {
-    const records = await firstValueFrom(this.records$)
-    if (await firstValueFrom(this.isAllSelected())) {
-      this.selectionService.deselectRecords(records)
-    } else {
-      this.selectionService.selectRecords(records)
-    }
-  }
-
-  isAllSelected(): Observable<boolean> {
-    return combineLatest([this.records$, this.selectedRecords$]).pipe(
-      take(1),
-      map(([records, selectedRecords]) => {
-        return records.every((record) =>
-          selectedRecords.includes(record.uniqueIdentifier)
-        )
-      })
-    )
-  }
-
-  isSomeSelected(): Observable<boolean> {
-    return combineLatest([this.records$, this.selectedRecords$]).pipe(
-      take(1),
-      map(([records, selectedRecords]) => {
-        const allSelected = records.every((record) =>
-          selectedRecords.includes(record.uniqueIdentifier)
-        )
-        const someSelected = records.some((record) =>
-          selectedRecords.includes(record.uniqueIdentifier)
-        )
-        return !allSelected && someSelected
-      })
-    )
-  }
-
-  hasDraft(record: CatalogRecord): boolean {
-    return this.recordsRepository.recordHasDraft(record.uniqueIdentifier)
-  }
-}

package/src/libs/ui/elements/src/lib/sortable-list/sortable-list.component.html

@@ -1,36 +0,0 @@
-<div class="flex gap-2 mb-2">
-  <gn-ui-button
-    *ngFor="let addOption of addOptions"
-    (buttonClick)="add.emit(addOption.eventName)"
-  >
-    <span class="material-symbols-outlined gn-ui-icon-small"> add </span>
-    &nbsp;{{ addOption.buttonLabel }}</gn-ui-button
-  >
-</div>
-<div
-  cdkDropList
-  class="sortable-list flex flex-col gap-3 p-2"
-  (cdkDropListDropped)="drop($event)"
->
-  <ng-container *ngFor="let element of elements; index as index">
-    <div class="sortable-box bg-white flex items-center" cdkDrag>
-      <span
-        cdkDragHandle
-        class="material-symbols-outlined mx-[10px] cursor-grab gn-ui-icon-medium flex-none"
-      >
-        drag_handle
-      </span>
-      <div class="flex-1">
-        <ng-container
-          *ngComponentOutlet="element.component; inputs: element.inputs"
-        ></ng-container>
-      </div>
-      <span
-        (click)="removeElement(index)"
-        class="material-symbols-outlined mx-[10px] cursor-pointer gn-ui-icon-medium flex-none"
-      >
-        close
-      </span>
-    </div>
-  </ng-container>
-</div>

package/src/libs/ui/widgets/src/lib/badge/badge.component.html

@@ -1,10 +0,0 @@
-<div
-  class="gn-ui-badge"
-  [ngClass]="
-    clickable
-      ? 'hover:bg-primary cursor-pointer transition-colors duration-100'
-      : ''
-  "
->
-  <ng-content></ng-content>
-</div>

package/src/libs/ui/widgets/src/lib/badge/badge.component.ts

@@ -1,14 +0,0 @@
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core'
-import { CommonModule } from '@angular/common'
-
-@Component({
-  selector: 'gn-ui-badge',
-  templateUrl: './badge.component.html',
-  styleUrls: ['./badge.component.css'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: true,
-  imports: [CommonModule],
-})
-export class BadgeComponent {
-  @Input() clickable = false
-}