geonetwork-ui 2.3.0-dev.b46332e6 → 2.3.0-dev.c22cb78a

package/src/libs/ui/elements/src/lib/notification/notification.component.html

@@ -0,0 +1,52 @@
+<div
+  class="p-[16px] flex flex-row gap-[16px] items-start border border-gray-200 shadow-md rounded bg-background"
+>
+  <div
+    role="alert"
+    class="rounded-full text-white p-[6px] w-[32px] h-[32px] flex shrink-0"
+    [ngClass]="{
+      'bg-red-500': type === 'error',
+      'bg-yellow-500': type === 'warning',
+      'bg-green-500': type === 'success',
+      'bg-blue-500': type === 'info'
+    }"
+    [ngSwitch]="type"
+  >
+    <mat-icon class="material-symbols-outlined !w-[18px] !h-[18px] text-[20px]">
+      <ng-container *ngSwitchCase="'success'">check_circle</ng-container>
+      <ng-container *ngSwitchCase="'info'">info</ng-container>
+      <ng-container *ngSwitchCase="'warning'">warning</ng-container>
+      <ng-container *ngSwitchCase="'error'">error</ng-container>
+    </mat-icon>
+  </div>
+  <div
+    class="flex flex-col items-start gap-[4px] pt-[3px] grow shrink overflow-hidden"
+  >
+    <div class="font-bold text-[16px] text-gray-900">
+      {{ title }}
+    </div>
+    <div class="text-[14px] text-gray-800">
+      {{ text }}
+    </div>
+    <a
+      href
+      *ngIf="closeMessage"
+      class="text-[14px] gn-ui-link"
+      (click)="handleClose($event)"
+    >
+      {{ closeMessage }}
+    </a>
+  </div>
+  <gn-ui-button
+    type="light"
+    class="shrink-0"
+    (buttonClick)="handleClose()"
+    [style.--gn-ui-button-padding]="0"
+    [style.--gn-ui-button-width]="'21px'"
+    [style.--gn-ui-button-height]="'21px'"
+  >
+    <mat-icon class="material-symbols-outlined text-[22px] !w-[21px] !h-[21px]"
+      >close</mat-icon
+    >
+  </gn-ui-button>
+</div>

package/src/libs/ui/elements/src/lib/notification/notification.component.ts

@@ -0,0 +1,31 @@
+import {
+  ChangeDetectionStrategy,
+  Component,
+  EventEmitter,
+  Input,
+  Output,
+} from '@angular/core'
+import { CommonModule } from '@angular/common'
+import { MatIconModule } from '@angular/material/icon'
+import { ButtonComponent } from '../../../../../../libs/ui/inputs/src'
+
+@Component({
+  selector: 'gn-ui-notification',
+  standalone: true,
+  imports: [CommonModule, MatIconModule, ButtonComponent],
+  templateUrl: './notification.component.html',
+  styleUrls: ['./notification.component.css'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class NotificationComponent {
+  @Input() type: 'info' | 'warning' | 'error' | 'success' = 'info'
+  @Input() title: string
+  @Input() text: string
+  @Input() closeMessage?: string
+  @Output() notificationClose = new EventEmitter<void>()
+
+  handleClose(event?: Event) {
+    event?.preventDefault()
+    this.notificationClose.emit()
+  }
+}

package/src/libs/ui/elements/src/lib/record-api-form/record-api-form.component.html

@@ -13,7 +13,7 @@
         </p>
       </button>
     </div>
-    <div class="flex flex-row flex-wrap justify-between flex-grow gap-5">
+    <div class="flex flex-row flex-wrap justify-between grow gap-5">
       <div class="flex flex-col gap-3">
         <p class="text-[14px]" translate>record.metadata.api.form.limit</p>
         <div class="flex flex-row items-center gap-2">

package/src/libs/ui/layout/src/lib/form-field-wrapper/form-field-wrapper.component.css

@@ -1,5 +0,0 @@
-.icon-small {
-  font-size: 16px;
-  height: 16px;
-  width: 16px;
-}

package/src/libs/ui/layout/src/lib/form-field-wrapper/form-field-wrapper.component.html

@@ -4,7 +4,7 @@
     <div class="flex-1 flex justify-end items-center">
       <ng-content select="[form-field-interaction]"></ng-content>
       <span
-        class="material-symbols-outlined m-2 icon-small"
+        class="material-symbols-outlined m-2 gn-ui-icon-small"
         [matTooltip]="hint"
         matTooltipPosition="above"
       >

package/tailwind.base.css

@@ -9,6 +9,42 @@
     @apply shadow-xl hover:shadow-xl-hover transition-shadow;
   }
 
+  /* ICON CLASSES */
+  .gn-ui-icon-small {
+    font-size: 16px;
+    width: 16px;
+    height: 16px;
+  }
+
+  /* LINK CLASSES */
+  .gn-ui-link {
+    @apply text-blue-600 hover:text-blue-700 hover:underline;
+    text-underline-offset: 0.2em;
+    text-decoration-thickness: 1px;
+  }
+  .gn-ui-link-external-icon {
+    content: 'open_in_new';
+    font-family: 'Material Symbols Outlined';
+    font-size: 0.9em;
+    display: inline-block;
+    vertical-align: top;
+    padding-top: 0.1em;
+  }
+  .gn-ui-link-external {
+    @apply gn-ui-link;
+  }
+  .gn-ui-link-external::before {
+    @apply gn-ui-link-external-icon;
+    padding-right: 0.2em;
+  }
+  .gn-ui-link-external-after {
+    @apply gn-ui-link;
+  }
+  .gn-ui-link-external-after::after {
+    @apply gn-ui-link-external-icon;
+    padding-left: 0.2em;
+  }
+
   /* BUTTON CLASSES */
   /* these are used behind the scenes by the `gn-ui-button` component */
 

package/translations/de.json

@@ -144,7 +144,15 @@
   "downloads.format.unknown": "unbekannt",
   "downloads.wfs.featuretype.not.found": "Der Layer wurde nicht gefunden",
   "dropFile": "Datei ablegen",
+  "editor.record.loadError.body": "",
+  "editor.record.loadError.closeMessage": "",
+  "editor.record.loadError.title": "",
   "editor.record.publish": "",
+  "editor.record.publishError.body": "",
+  "editor.record.publishError.closeMessage": "",
+  "editor.record.publishError.title": "",
+  "editor.record.publishSuccess.body": "",
+  "editor.record.publishSuccess.title": "",
   "editor.record.upToDate": "",
   "externalviewer.dataset.unnamed": "Datensatz aus dem Datahub",
   "facets.block.title.OrgForResource": "Organisation",

package/translations/en.json

@@ -144,7 +144,15 @@
   "downloads.format.unknown": "unknown",
   "downloads.wfs.featuretype.not.found": "The layer was not found",
   "dropFile": "drop file",
+  "editor.record.loadError.body": "The record could not be loaded:",
+  "editor.record.loadError.closeMessage": "Understood",
+  "editor.record.loadError.title": "Error loading record",
   "editor.record.publish": "Publish this record",
+  "editor.record.publishError.body": "The record could not be published:",
+  "editor.record.publishError.closeMessage": "Understood",
+  "editor.record.publishError.title": "Error publishing record",
+  "editor.record.publishSuccess.body": "The record was successfully published!",
+  "editor.record.publishSuccess.title": "Publish success",
   "editor.record.upToDate": "This record is up to date",
   "externalviewer.dataset.unnamed": "Datahub layer",
   "facets.block.title.OrgForResource": "Organisation",

package/translations/es.json

@@ -144,7 +144,15 @@
   "downloads.format.unknown": "",
   "downloads.wfs.featuretype.not.found": "",
   "dropFile": "",
+  "editor.record.loadError.body": "",
+  "editor.record.loadError.closeMessage": "",
+  "editor.record.loadError.title": "",
   "editor.record.publish": "",
+  "editor.record.publishError.body": "",
+  "editor.record.publishError.closeMessage": "",
+  "editor.record.publishError.title": "",
+  "editor.record.publishSuccess.body": "",
+  "editor.record.publishSuccess.title": "",
   "editor.record.upToDate": "",
   "externalviewer.dataset.unnamed": "",
   "facets.block.title.OrgForResource": "",

package/translations/fr.json

@@ -144,7 +144,15 @@
   "downloads.format.unknown": "inconnu",
   "downloads.wfs.featuretype.not.found": "La couche n'a pas été retrouvée",
   "dropFile": "Faites glisser votre fichier",
+  "editor.record.loadError.body": "",
+  "editor.record.loadError.closeMessage": "",
+  "editor.record.loadError.title": "",
   "editor.record.publish": "",
+  "editor.record.publishError.body": "",
+  "editor.record.publishError.closeMessage": "",
+  "editor.record.publishError.title": "",
+  "editor.record.publishSuccess.body": "",
+  "editor.record.publishSuccess.title": "",
   "editor.record.upToDate": "",
   "externalviewer.dataset.unnamed": "Couche du datahub",
   "facets.block.title.OrgForResource": "Organisation",

package/translations/it.json

@@ -144,7 +144,15 @@
   "downloads.format.unknown": "sconosciuto",
   "downloads.wfs.featuretype.not.found": "Il layer non è stato trovato",
   "dropFile": "Trascina il suo file",
+  "editor.record.loadError.body": "",
+  "editor.record.loadError.closeMessage": "",
+  "editor.record.loadError.title": "",
   "editor.record.publish": "",
+  "editor.record.publishError.body": "",
+  "editor.record.publishError.closeMessage": "",
+  "editor.record.publishError.title": "",
+  "editor.record.publishSuccess.body": "",
+  "editor.record.publishSuccess.title": "",
   "editor.record.upToDate": "",
   "externalviewer.dataset.unnamed": "Layer del datahub",
   "facets.block.title.OrgForResource": "Organizzazione",

package/translations/nl.json

@@ -144,7 +144,15 @@
   "downloads.format.unknown": "",
   "downloads.wfs.featuretype.not.found": "",
   "dropFile": "",
+  "editor.record.loadError.body": "",
+  "editor.record.loadError.closeMessage": "",
+  "editor.record.loadError.title": "",
   "editor.record.publish": "",
+  "editor.record.publishError.body": "",
+  "editor.record.publishError.closeMessage": "",
+  "editor.record.publishError.title": "",
+  "editor.record.publishSuccess.body": "",
+  "editor.record.publishSuccess.title": "",
   "editor.record.upToDate": "",
   "externalviewer.dataset.unnamed": "",
   "facets.block.title.OrgForResource": "",

package/translations/pt.json

@@ -144,7 +144,15 @@
   "downloads.format.unknown": "",
   "downloads.wfs.featuretype.not.found": "",
   "dropFile": "",
+  "editor.record.loadError.body": "",
+  "editor.record.loadError.closeMessage": "",
+  "editor.record.loadError.title": "",
   "editor.record.publish": "",
+  "editor.record.publishError.body": "",
+  "editor.record.publishError.closeMessage": "",
+  "editor.record.publishError.title": "",
+  "editor.record.publishSuccess.body": "",
+  "editor.record.publishSuccess.title": "",
   "editor.record.upToDate": "",
   "externalviewer.dataset.unnamed": "",
   "facets.block.title.OrgForResource": "",

package/translations/sk.json

@@ -144,7 +144,15 @@
   "downloads.format.unknown": "neznámy",
   "downloads.wfs.featuretype.not.found": "Vrstva nebola nájdená",
   "dropFile": "nahrať súbor",
+  "editor.record.loadError.body": "",
+  "editor.record.loadError.closeMessage": "",
+  "editor.record.loadError.title": "",
   "editor.record.publish": "",
+  "editor.record.publishError.body": "",
+  "editor.record.publishError.closeMessage": "",
+  "editor.record.publishError.title": "",
+  "editor.record.publishSuccess.body": "",
+  "editor.record.publishSuccess.title": "",
   "editor.record.upToDate": "",
   "externalviewer.dataset.unnamed": "",
   "facets.block.title.OrgForResource": "Organizácia",