geonetwork-ui 2.5.0-dev.d91908296 → 2.5.0-dev.e060bf76e

package/src/libs/ui/inputs/src/lib/chips-input/chips-input.component.css

@@ -1,36 +0,0 @@
-tag-input::ng-deep .ng2-tag-input {
-  border-bottom: none;
-}
-tag-input::ng-deep .ng2-tag-input.ng2-tag-input--focused {
-  border-bottom: none;
-}
-
-tag-input::ng-deep tag {
-  border-radius: 5px;
-  background: var(--color-primary-lightest);
-  font-family: inherit;
-
-  align-content: center;
-
-  font-style: italic;
-}
-
-tag-input::ng-deep
-  tag::ng-deep:not(:focus):not(.tag--editing):not(:active):not(.readonly):hover,
-tag-input::ng-deep
-  tag:not(:focus):not(.tag--editing):not(:active):not(.readonly):hover {
-  background: var(--color-primary) !important;
-}
-
-tag-input::ng-deep .tag__text {
-  padding-right: 7px;
-}
-
-tag-input::ng-deep div,
-tag-input::ng-deep form {
-  height: 100%;
-}
-
-tag-input.invalid {
-  border-color: var(--color-secondary);
-}

package/src/libs/ui/inputs/src/lib/chips-input/chips-input.component.html

@@ -1,23 +0,0 @@
-<tag-input
-  [ngModel]="items"
-  (ngModelChange)="onChange($event)"
-  onlyFromAutocomplete="true"
-  [placeholder]="placeholder"
-  [secondaryPlaceholder]="placeholder"
-  [ripple]="false"
-  [animationDuration]="{ enter: '0ms', leave: '0ms' }"
-  [onTextChangeDebounce]="100"
-  class="border-2 border-primary h-full rounded-lg p-2 bg-white text-sm focus:border-primary"
-  [ngClass]="{ invalid: invalid }"
->
-  <tag-input-dropdown
-    [autocompleteObservable]="requestAutocompleteItems"
-    [minimumTextLength]="0"
-    [keepOpen]="false"
-    [showDropdownIfEmpty]="true"
-  >
-    <ng-template let-item="item" let-index="index">
-      {{ item.display }}
-    </ng-template>
-  </tag-input-dropdown>
-</tag-input>

package/src/libs/ui/inputs/src/lib/chips-input/chips-input.component.ts

@@ -1,81 +0,0 @@
-import { HttpClient } from '@angular/common/http'
-import { Component, Input, OnDestroy, OnInit, Output } from '@angular/core'
-import { LANG_2_TO_3_MAPPER } from '../../../../../../libs/util/i18n/src'
-import { TranslateService } from '@ngx-translate/core'
-import { Observable, of, Subject, Subscription } from 'rxjs'
-import { distinctUntilChanged, map, shareReplay, tap } from 'rxjs/operators'
-
-export interface Items {
-  display: string
-  value: string
-}
-
-@Component({
-  selector: 'gn-ui-chips-input',
-  templateUrl: './chips-input.component.html',
-  styleUrls: ['./chips-input.component.css'],
-})
-export class ChipsInputComponent implements OnInit, OnDestroy {
-  @Input() url: (text) => string
-  @Input() placeholder: string
-  @Input() selectedItems: Items[]
-  @Input() required = false
-  @Input() loadOnce = false
-  @Input() autocompleteItems: Items[] = []
-  @Output() itemsChange: Observable<Items[]>
-
-  private subscription: Subscription
-
-  invalid = false
-
-  rawChange: Subject<Items[]>
-
-  items: Items[] = []
-
-  loadedItems: Observable<Items[]>
-
-  onChange(event) {
-    this.rawChange.next(event)
-  }
-
-  requestAutocompleteItems = (text: string): Observable<any> => {
-    if (this.url) {
-      if (this.loadOnce && this.loadedItems) {
-        return this.loadedItems
-      }
-      const url = this.url(text)
-
-      const lang = LANG_2_TO_3_MAPPER[this.translate.currentLang.slice(0, 2)]
-      return this.http
-        .get<any>(url.replace('${lang}', lang))
-        .pipe(map((item) => item.map((i) => i.values[lang])))
-    } else {
-      return of(this.autocompleteItems || [])
-    }
-  }
-
-  constructor(
-    private http: HttpClient,
-    private translate: TranslateService
-  ) {
-    this.rawChange = new Subject<Items[]>()
-    this.itemsChange = this.rawChange.pipe(distinctUntilChanged())
-    this.subscription = new Subscription()
-  }
-
-  ngOnInit(): void {
-    if (this.loadOnce) {
-      this.loadedItems = this.requestAutocompleteItems('*').pipe(shareReplay(1))
-    }
-
-    this.items = this.selectedItems
-    this.subscription = this.rawChange
-      .pipe(tap((v) => (this.invalid = v.length === 0)))
-      .subscribe()
-    this.rawChange.next(this.items)
-  }
-
-  ngOnDestroy() {
-    this.subscription.unsubscribe()
-  }
-}

package/src/libs/ui/widgets/src/lib/step-bar/step-bar.component.css

@@ -1,3 +0,0 @@
-.icon-check {
-  color: var(--color-primary);
-}

package/src/libs/ui/widgets/src/lib/step-bar/step-bar.component.html

@@ -1,13 +0,0 @@
-<div class="relative flex flex-col justify-center">
-  <div class="flex justify-between ml-16 mr-16 z-10 circle-steps">
-    <div
-      *ngFor="let step of stepCounter; let i = index"
-      class="shadow-md rounded-full h-6 w-6 {{ getCircleColor(i + 1) }}"
-    >
-      <span class="icon-check pl-1" *ngIf="getChecked(i)"></span>
-    </div>
-  </div>
-  <div
-    class="absolute rounded-lg right-0 w-full {{ color.outerBar }} h-2 z-0"
-  ></div>
-</div>

package/src/libs/ui/widgets/src/lib/step-bar/step-bar.component.ts

@@ -1,55 +0,0 @@
-import { ChangeDetectorRef, Component, Input } from '@angular/core'
-
-interface ColorScheme {
-  outerBar: string
-  innerBar: string
-}
-
-@Component({
-  selector: 'gn-ui-step-bar',
-  templateUrl: './step-bar.component.html',
-  styleUrls: ['./step-bar.component.css'],
-})
-export class StepBarComponent {
-  @Input() steps
-  @Input() currentStep = 1
-  @Input() type: 'primary' | 'secondary' | 'default' = 'default'
-
-  constructor(private cdr: ChangeDetectorRef) {}
-
-  get stepCounter() {
-    return new Array(this.steps)
-  }
-
-  get color(): ColorScheme {
-    switch (this.type) {
-      case 'default':
-        return {
-          outerBar: 'bg-gray-200',
-          innerBar: 'bg-gray-100',
-        }
-      case 'primary':
-        return {
-          outerBar: 'bg-primary',
-          innerBar: 'bg-primary-lighter',
-        }
-      case 'secondary':
-        return {
-          outerBar: 'bg-secondary',
-          innerBar: 'bg-secondary-lighter',
-        }
-    }
-  }
-
-  getCircleColor(index: number): string {
-    return index === this.currentStep
-      ? 'bg-black'
-      : index < this.currentStep
-        ? 'bg-white'
-        : this.color.innerBar
-  }
-
-  getChecked(index: number): boolean {
-    return index + 1 < this.currentStep
-  }
-}