geonetwork-ui 2.2.0-dev.f866474c → 2.3.0-dev.139106e0

package/src/libs/ui/search/src/lib/record-table/record-table.component.html

@@ -1,215 +0,0 @@
-<div>
-  <div *ngIf="totalHits" class="">
-    <div class="flex records-information">
-      <div
-        translate
-        class="my-8 ml-4 block text-gray-800"
-        [translateParams]="{
-          displayed: records.length,
-          hits: totalHits
-        }"
-      >
-        results.records.hits.displayedOn
-      </div>
-      <div
-        *ngIf="selectedRecords.length > 0"
-        class="my-8 ml-6 block text-gray-400 selected-records"
-        translate
-        [translateParams]="{ amount: selectedRecords.length }"
-      >
-        results.records.hits.selected
-      </div>
-    </div>
-
-    <div
-      class="grid grid-cols-[repeat(3,minmax(0,max-content))] gap-x-4 gap-y-1"
-      *ngIf="records[0].name"
-    >
-      <div class="contents text-sm">
-        <div class="record-table-header text-gray-400 flex gap-1">
-          <span translate>dashboard.records.userDetail</span>
-        </div>
-        <div class="record-table-header text-gray-400 flex gap-1">
-          <span translate>dashboard.records.username</span>
-        </div>
-        <div class="record-table-header text-gray-400 flex gap-1">
-          <span translate>dashboard.records.userEmail</span>
-        </div>
-      </div>
-      <div
-        class="contents hover:text-gray-900 text-gray-800 cursor-pointer"
-        (click)="recordSelect.emit(record)"
-        *ngFor="let record of records"
-      >
-        <div class="record-table-col text-16">
-          {{ record.name }}
-        </div>
-        <div class="record-table-col text-16">
-          {{ record.username }}
-        </div>
-        <div class="record-table-col text-16">
-          {{ record.emailAddresses[0] }}
-        </div>
-      </div>
-    </div>
-
-    <div
-      class="grid grid-cols-[repeat(6,minmax(0,max-content))] gap-x-4 gap-y-1"
-      *ngIf="!records[0].name"
-    >
-      <div class="contents text-sm">
-        <div class="flex justify-center items-center">
-          <gn-ui-checkbox
-            [checked]="isAllSelected()"
-            [indeterminate]="isSomeSelected()"
-            (changed)="selectAll()"
-            type="default"
-          >
-          </gn-ui-checkbox>
-        </div>
-        <div class="record-table-header text-gray-400 flex gap-1">
-          <gn-ui-button
-            type="light"
-            extraClass="px-3 pl-0 space-x-1 text-left"
-            (buttonClick)="setSortBy('resourceTitleObject.default.keyword')"
-          >
-            <span translate>record.metadata.title</span>
-            <mat-icon
-              class="material-symbols-outlined"
-              *ngIf="isSortedBy('resourceTitleObject.default.keyword', 'desc')"
-            >
-              expand_more</mat-icon
-            >
-            <mat-icon
-              class="material-symbols-outlined"
-              *ngIf="isSortedBy('resourceTitleObject.default.keyword', 'asc')"
-            >
-              expand_less</mat-icon
-            >
-          </gn-ui-button>
-        </div>
-        <div translate="" class="record-table-header text-gray-400 flex gap-1">
-          record.metadata.formats
-        </div>
-        <div class="record-table-header text-gray-400 flex gap-1">
-          <gn-ui-button
-            type="light"
-            extraClass="px-3 pl-0 space-x-1"
-            (buttonClick)="setSortBy('recordOwner')"
-          >
-            <span translate>record.metadata.author</span>
-            <mat-icon
-              class="material-symbols-outlined"
-              *ngIf="isSortedBy('recordOwner', 'desc')"
-            >
-              expand_more</mat-icon
-            >
-            <mat-icon
-              class="material-symbols-outlined"
-              *ngIf="isSortedBy('recordOwner', 'asc')"
-            >
-              expand_less</mat-icon
-            >
-          </gn-ui-button>
-        </div>
-        <div class="record-table-header text-gray-400 flex gap-1">
-          <gn-ui-button
-            type="light"
-            extraClass="px-3 pl-0 space-x-1"
-            (buttonClick)="setSortBy('changeDate')"
-          >
-            <span translate>record.metadata.updatedOn</span>
-            <mat-icon
-              class="material-symbols-outlined"
-              *ngIf="isSortedBy('changeDate', 'desc')"
-            >
-              expand_more</mat-icon
-            >
-            <mat-icon
-              class="material-symbols-outlined"
-              *ngIf="isSortedBy('changeDate', 'asc')"
-            >
-              expand_less</mat-icon
-            >
-          </gn-ui-button>
-        </div>
-        <div class="record-table-header text-gray-400 flex gap-1">
-          <gn-ui-button
-            type="light"
-            extraClass="px-3 pl-0 space-x-1"
-            (buttonClick)="setSortBy('createDate')"
-          >
-            <span translate>record.metadata.createdOn</span>
-            <mat-icon
-              class="material-symbols-outlined"
-              *ngIf="isSortedBy('createDate', 'desc')"
-            >
-              expand_more</mat-icon
-            >
-            <mat-icon
-              class="material-symbols-outlined"
-              *ngIf="isSortedBy('createDate', 'asc')"
-            >
-              expand_less</mat-icon
-            >
-          </gn-ui-button>
-        </div>
-      </div>
-      <div
-        class="contents hover:text-gray-900 text-gray-800 cursor-pointer"
-        (click)="recordSelect.emit(record)"
-        *ngFor="let record of records"
-      >
-        <div class="record-table-col">
-          <gn-ui-checkbox
-            [checked]="isChecked(record)"
-            (changed)="handleRecordSelectedChange($event, record)"
-            type="default"
-          ></gn-ui-checkbox>
-        </div>
-        <div
-          [title]="record.title"
-          class="record-table-col text-16 self-center"
-        >
-          {{ record.title }}
-        </div>
-        <div
-          class="record-table-col flex justify-start items-center gap-2 text-16"
-          [title]="formats.join(', ')"
-          *ngIf="getRecordFormats(record) as formats"
-        >
-          <span
-            class="badge-btn min-w-[45px] text-sm text-white px-2 flex-shrink-0"
-            [style.background-color]="getBadgeColor(formats[0])"
-            *ngIf="formats[0]"
-          >
-            {{ formats[0] }}
-          </span>
-          <span
-            class="badge-btn min-w-[45px] text-sm text-white px-2 flex-shrink-0"
-            [style.background-color]="getBadgeColor(formats[1])"
-            *ngIf="formats[1]"
-          >
-            {{ formats[1] }}
-          </span>
-          <div
-            class="flex-shrink-0"
-            *ngIf="!record.name && formats.slice(2).length > 0"
-          >
-            <span>+{{ formats.slice(2).length }}</span>
-          </div>
-        </div>
-        <div class="record-table-col flex items-center gap-2 text-16">
-          <mat-icon class="material-symbols-outlined"> person </mat-icon>
-          <span class="">{{ formatUserInfo(record.extras?.ownerInfo) }}</span>
-        </div>
-        <div class="record-table-col text-16 self-center">
-          {{ dateToString(record.recordUpdated) }}
-        </div>
-        <div class="record-table-col text-16 self-center">
-          {{ dateToString(record.recordCreated) }}
-        </div>
-      </div>
-    </div>
-  </div>
-</div>

package/src/libs/ui/search/src/lib/record-table/record-table.component.ts

@@ -1,149 +0,0 @@
-import { Component, EventEmitter, Input, 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 { SortByField } from '../../../../../../libs/common/domain/src/lib/model/search'
-
-@Component({
-  selector: 'gn-ui-record-table',
-  templateUrl: './record-table.component.html',
-  styleUrls: ['./record-table.component.css'],
-})
-export class RecordTableComponent {
-  @Input() selectedRecords: string[] = []
-  @Input() records: any[] = []
-  @Input() totalHits?: number
-  @Input() sortBy?: SortByField
-  @Output() recordClick = new EventEmitter<CatalogRecord>()
-  @Output() recordsSelect = new EventEmitter<CatalogRecord[]>()
-  @Output() recordsDeselect = new EventEmitter<CatalogRecord[]>()
-  @Output() sortByChange = new EventEmitter<SortByField>()
-
-  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'
-  }
-
-  formatUserInfo(userInfo: string | unknown): string {
-    const infos = (typeof userInfo === 'string' ? userInfo : '').split('|')
-    if (infos && infos.length === 4) {
-      return `${infos[2]} ${infos[1]}`
-    }
-    return undefined
-  }
-
-  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
-  }
-
-  getBadgeColor(format: FileFormat): string {
-    return getBadgeColor(format)
-  }
-
-  private getOrderForColumn(col: string): 'asc' | 'desc' | null {
-    if (!this.sortBy) {
-      return null
-    }
-    let order: 'asc' | 'desc' | null = null
-    const sortedArray = Array.isArray(this.sortBy[0])
-      ? this.sortBy
-      : [this.sortBy]
-    sortedArray.forEach((sortedCol) => {
-      if (sortedCol[1] === col) {
-        order = sortedCol[0]
-      }
-    })
-    return order
-  }
-
-  setSortBy(col: string): void {
-    const sortOrder = this.getOrderForColumn(col)
-    let newOrder
-    if (sortOrder) {
-      newOrder = sortOrder === 'asc' ? 'desc' : 'asc'
-    } else {
-      newOrder = 'asc'
-    }
-    this.sortByChange.emit([newOrder, col])
-    this.sortBy = [newOrder, col]
-  }
-
-  isSortedBy(col: string, order: 'asc' | 'desc'): boolean {
-    const sortOrder = this.getOrderForColumn(col)
-    return sortOrder === order
-  }
-
-  isChecked(record: CatalogRecord) {
-    if (this.selectedRecords.includes(record.uniqueIdentifier)) {
-      return true
-    }
-    return false
-  }
-
-  handleRecordSelectedChange(selected: boolean, record: CatalogRecord) {
-    if (!selected) {
-      this.recordsDeselect.emit([record])
-      this.selectedRecords = this.selectedRecords.filter(
-        (val) => val !== record.uniqueIdentifier
-      )
-    } else {
-      this.recordsSelect.emit([record])
-      this.selectedRecords.push(record.uniqueIdentifier)
-    }
-  }
-
-  selectAll() {
-    if (this.isAllSelected()) {
-      this.recordsDeselect.emit(this.records)
-      this.selectedRecords = []
-    } else {
-      this.recordsSelect.emit(this.records)
-      this.selectedRecords = this.records.map((record) => {
-        return record.uniqueIdentifier
-      })
-    }
-  }
-
-  isAllSelected(): boolean {
-    if (this.selectedRecords.length === this.records.length) {
-      const allRecords = this.records.filter((record) =>
-        this.selectedRecords.includes(record.uniqueIdentifier)
-      )
-      if (allRecords.length === this.records.length) {
-        return true
-      }
-    }
-    return false
-  }
-
-  isSomeSelected(): boolean {
-    if (
-      this.selectedRecords.length > 0 &&
-      this.selectedRecords.length < this.records.length
-    ) {
-      return true
-    }
-    return false
-  }
-}

package/src/libs/util/i18n/src/lib/testing/test.translate.loader.ts

@@ -1,26 +0,0 @@
-import { TranslateLoader } from '@ngx-translate/core'
-import { Observable, of as observableOf } from 'rxjs'
-import { Translations, LanguageTranslations } from './translations.model'
-
-// IMPORTANT:
-// This was copy-pasted from https://github.com/mwootendev/ngx-translate-plugins/blob/7c6c73c7d16c9519a7bafff939d29fd8ea5e574a/projects/testing/src/lib/test-translate-loader.service.ts
-// because the original package was expecting rxjs 7+ as a peer dep and that was conflicting with many other dependencies
-// FIXME: when rxjs 7 can be used in the project, remove this and do `npm install ngx-translate-testing --save-dev`
-
-export class TestTranslateLoader extends TranslateLoader {
-  constructor(private _translations: Translations = {}) {
-    super()
-  }
-
-  /**
-   * Returns an {Observable} of translations for the specified language. If the
-   * language is not recognized, an empty translations object will be returned.
-   *
-   * @param language the language for which the translations should be retrieved.
-   * @returns the translations for the specified
-   *          language or an empty set of translations if the language is not recognized.
-   */
-  public getTranslation(language: string): Observable<LanguageTranslations> {
-    return observableOf(this._translations[language] || {})
-  }
-}

package/src/libs/util/i18n/src/lib/testing/test.translate.module.ts

@@ -1,235 +0,0 @@
-import { ModuleWithProviders, NgModule } from '@angular/core'
-import {
-  FakeMissingTranslationHandler,
-  TranslateDefaultParser,
-  TranslateFakeCompiler,
-  TranslateModule,
-  TranslateService,
-  TranslateCompiler,
-} from '@ngx-translate/core'
-import { TestTranslateLoader } from './test.translate.loader'
-import { LanguageTranslations, Translations } from './translations.model'
-
-// IMPORTANT:
-// This was copy-pasted from https://github.com/mwootendev/ngx-translate-plugins/blob/7c6c73c7d16c9519a7bafff939d29fd8ea5e574a/projects/testing/src/lib/testing.module.ts
-// because the original package was expecting rxjs 7+ as a peer dep and that was conflicting with many other dependencies
-// FIXME: when rxjs 7 can be used in the project, remove this and do `npm install ngx-translate-testing --save-dev`
-
-/**
- * The TranslateTestingModule provides the {TranslateModule} as well as a
- * {TranslateService} configured to return translations specific for the
- * test environment.
- *
- * @export
- */
-@NgModule({
-  imports: [TranslateModule],
-  exports: [TranslateModule],
-})
-export class TranslateTestingModule
-  implements ModuleWithProviders<TranslateTestingModule>
-{
-  private _translations: Translations = {}
-
-  private _defaultLanguage: string
-
-  private _compiler: TranslateCompiler
-
-  /**
-   * Creates a new instance of the {TranslateTestingModule} with translations for the specified language.
-   *
-   * @example
-   *
-   * const ENGLISH_TRANSLATIONS = { greeting: 'Hello' };
-   * const translateModule = TranslateTestingModule.withTranslations('en', ENGLISH_TRANSLATIONS);
-   *
-   * @example
-   *
-   * TranslateTestingModule.withTranslations('en', require('../../assets/i18n/en.json'));
-   *
-   * @static
-   * @param {string} language the language for the translations.
-   * @param {Translations} translations the translations to be used in the tests.
-   * @returns the new instance that can be used to chain additional configuration.
-   * @memberof TranslateTestingModule
-   */
-  public static withTranslations(
-    language: string,
-    translations: LanguageTranslations
-  ): TranslateTestingModule
-
-  /**
-   * Creates a new instance of the {TranslateTestingModule} with the provided translations.
-   *
-   * @example
-   *
-   * const TRANSLATIONS = { en: { greeting: 'Hello' }, es: { greeting: 'Hola' } };
-   * const translateModule = TranslateTestingModule.withTranslations(TRANSLATIONS);
-   *
-   * @example
-   *
-   * TranslateTestingModule.withTranslations(require('./test.i18n.json'));
-   *
-   * @static
-   * @param {Translations} the language translations the translations to be used in the tests.
-   * @returns the new instance that can be used to chain additional configuration.
-   * @memberof TranslateTestingModule
-   */
-  public static withTranslations(
-    translations: Translations
-  ): TranslateTestingModule
-
-  public static withTranslations(
-    languageOrTranslations: string | Translations,
-    translations?: LanguageTranslations
-  ): TranslateTestingModule {
-    const translateTestingModule = new TranslateTestingModule()
-
-    if (typeof languageOrTranslations === 'string') {
-      return translateTestingModule.withTranslations(
-        <string>languageOrTranslations,
-        translations
-      )
-    }
-
-    return translateTestingModule.withTranslations(languageOrTranslations)
-  }
-
-  public get ngModule() {
-    return TranslateTestingModule
-  }
-
-  public get providers() {
-    const translateService = new TranslateService(
-      null,
-      new TestTranslateLoader(this._translations),
-      this._compiler || new TranslateFakeCompiler(),
-      new TranslateDefaultParser(),
-      new FakeMissingTranslationHandler(),
-      true,
-      true,
-      false,
-      this._defaultLanguage
-    )
-
-    return [
-      {
-        provide: TranslateService,
-        useValue: translateService,
-      },
-    ]
-  }
-
-  /**
-   * Updates the {TranslateTestingModule} instance with additional translations. The
-   * translations will be shallowly merged with any existing translations.
-   *
-   * @example
-   *
-   * const ENGLISH_TRANSLATIONS = { en: { greeting: 'Hello' } };
-   * const SPANISH_TRANSLATIONS = { en: { greeting: 'Hola' } };
-   * const translateModule = TranslateTestingModule.withTranslations(ENGLISH_TRANSLATIONS)
-   *   .withTranslations(SPANISH_TRANSLATIONS);
-   *
-   * @param {Translations} translations the additional translations to add to the testing service.
-   * @returns the instance that can be used to chain additional configuration.
-   * @memberof TranslateTestingModule
-   */
-  public withTranslations(translations: Translations): TranslateTestingModule
-
-  /**
-   * Updates the {TranslateTestingModule} instance with additional translations for a
-   * specified language. The translations will be shallowly merged with any existing translations.
-   *
-   * @example
-   *
-   * const ENGLISH_TRANSLATIONS = { greeting: 'Hello' };
-   * const SPANISH_TRANSLATIONS = { greeting: 'Hola' };
-   * const translateModule = TranslateTestingModule.withTranslations('en', ENGLISH_TRANSLATIONS)
-   *   .withTranslations('es', SPANISH_TRANSLATIONS);
-   *
-   * @example
-   *
-   * TranslateTestingModule.withTranslations('en', require('../../assets/i18n/en.json'))
-   *   .withTranslations('es', require('../../assets/i18n/es.json'));
-   *
-   * @param {string} language the language for which the new translations are being added.
-   * @param {LanguageTranslations} translations the translations for the specified language.
-   * @returns the instance that can be used to chain additional configuration.
-   * @memberof TranslateTestingModule
-   */
-  public withTranslations(
-    language: string,
-    translations: LanguageTranslations
-  ): TranslateTestingModule
-
-  public withTranslations(
-    languageOrTranslations: string | Translations,
-    translations?: LanguageTranslations
-  ): TranslateTestingModule {
-    if (typeof languageOrTranslations === 'string' && translations) {
-      this.addTranslations(languageOrTranslations, translations)
-      this._defaultLanguage = languageOrTranslations
-    } else if (languageOrTranslations) {
-      Object.keys(languageOrTranslations).forEach((language) =>
-        this.addTranslations(language, languageOrTranslations[language])
-      )
-    }
-    return this
-  }
-
-  /**
-   * Updates the {TranslationTestingModule} to provide a {TranslateService} that will
-   * use the provided {TranslateCompiler} to translate the test translations.
-   *
-   * @example
-   *
-   * TranslateTestingModule.withTranslations('en', {people: '{gender, select, male{He is} female{She is} other{They are}} {how})'})
-   *   .withCompiler(new TranslateMessageFormatCompiler());
-   *
-   * @param compiler the compiler to use to compile the test translations.
-   * @returns the instance that can be used to chain additional configuration.
-   * @memberof TranslateTestingModule
-   */
-  public withCompiler(compiler: TranslateCompiler): TranslateTestingModule {
-    this._compiler = compiler
-    return this
-  }
-
-  /**
-   * Updates the {TranslateTestingModule} to use the provided language as the default language.
-   * By default, the default language will be set to the first language provided.
-   *
-   * @example
-   *
-   * TranslateTestingModule.withTranslations('es', SPANISH_TRANSLATIONS)
-   *   .withTranslations('en', ENGLISH_TRANSLATIONS)
-   *   .withDefaultLanguage('en');
-   *
-   * @param language the new default language for translations.
-   * @returns the instance that can be used to chain additional configuration.
-   * @memberof TranslateTestingModule
-   */
-  public withDefaultLanguage(language: string): TranslateTestingModule {
-    this._defaultLanguage = language || this._defaultLanguage
-    return this
-  }
-
-  private addTranslations(
-    language: string,
-    translations: LanguageTranslations
-  ) {
-    if (!this._defaultLanguage) {
-      this._defaultLanguage = language
-    }
-
-    if (this._translations[language]) {
-      this._translations[language] = {
-        ...this._translations[language],
-        ...translations,
-      }
-    } else {
-      this._translations[language] = translations
-    }
-  }
-}

package/src/libs/util/i18n/src/lib/testing/translations.model.ts

@@ -1,28 +0,0 @@
-// IMPORTANT:
-// This was copy-pasted from https://github.com/mwootendev/ngx-translate-plugins/blob/7c6c73c7d16c9519a7bafff939d29fd8ea5e574a/projects/testing/src/lib/translations.model.ts
-// because the original package was expecting rxjs 7+ as a peer dep and that was conflicting with many other dependencies
-// FIXME: when rxjs 7 can be used in the project, remove this and do `npm install ngx-translate-testing --save-dev`
-
-export declare type LanguageTranslation =
-  | string
-  | string[]
-  | { [translationKey: string]: LanguageTranslation }
-
-/**
- * LanguageTranslations represents a mapping between a translation key and the translation for that key
- * or to nested translation keys.
- *
- * @export
- */
-export interface LanguageTranslations {
-  [translationKey: string]: LanguageTranslation
-}
-
-/**
- * Translations represents a mapping between a language and the translations for that language.
- *
- * @export
- */
-export interface Translations {
-  [language: string]: LanguageTranslations
-}