geonetwork-ui 2.4.0-dev.fdf8f64b → 2.4.1-dev.4e8752d34

package/src/libs/feature/editor/src/lib/components/record-form/form-field/form-field-online-link-resources/form-field-online-link-resources.component.html

@@ -1,43 +1,58 @@
-<gn-ui-file-input
-  [maxSizeMB]="MAX_UPLOAD_SIZE_MB"
-  (fileChange)="handleFileChange($event)"
-  (uploadCancel)="handleUploadCancel()"
-  [uploadProgress]="uploadProgress"
-  (urlChange)="handleUrlChange($event)"
-></gn-ui-file-input>
-<div class="h-[8px]"></div>
-<gn-ui-sortable-list
-  [items]="linkResources"
-  (itemsOrderChange)="handleResourcesChange($event)"
-  [elementTemplate]="template"
->
-</gn-ui-sortable-list>
-<ng-template #template let-onlineResource let-index="index">
-  <gn-ui-online-resource-card
-    [onlineResource]="onlineResource"
-    (modifyClick)="handleResourceModify(onlineResource, index)"
-  ></gn-ui-online-resource-card>
-</ng-template>
+<div class="flex flex-col">
+  <gn-ui-file-input
+    [maxSizeMB]="MAX_UPLOAD_SIZE_MB"
+    (fileChange)="handleFileChange($event)"
+    (uploadCancel)="handleUploadCancel()"
+    [uploadProgress]="uploadProgress"
+    (urlChange)="handleUrlChange($event)"
+    [disabled]="disabled$ | async"
+  ></gn-ui-file-input>
+  <div class="h-[8px]"></div>
+  <gn-ui-sortable-list
+    [items]="linkResources"
+    (itemsOrderChange)="handleResourcesChange($event)"
+    [elementTemplate]="template"
+  >
+  </gn-ui-sortable-list>
+  <ng-template #template let-onlineResource let-index="index">
+    <gn-ui-online-resource-card
+      [onlineResource]="onlineResource"
+      (modifyClick)="handleResourceModify(onlineResource, index)"
+    ></gn-ui-online-resource-card>
+  </ng-template>
 
-<ng-template #dialogTemplate let-onlineResource>
-  <div class="flex flex-col gap-[16px]">
-    <div>
-      <h3 class="text-[16px] font-bold text-main mb-[12px]" translate>
-        editor.record.form.field.onlineResource.edit.title
-      </h3>
-      <gn-ui-text-input [(value)]="onlineResource.name"></gn-ui-text-input>
+  <ng-template #dialogTemplate let-onlineResource>
+    <div class="flex flex-col gap-[16px]">
+      <div>
+        <h3 class="text-[16px] font-bold text-main mb-[12px]" translate>
+          editor.record.form.field.onlineResource.edit.title
+        </h3>
+        <gn-ui-text-input [(value)]="onlineResource.name"></gn-ui-text-input>
+      </div>
+      <div>
+        <h3 class="text-[16px] font-bold text-main mb-[12px]" translate>
+          editor.record.form.field.onlineResource.edit.description
+        </h3>
+        <gn-ui-text-area
+          [(value)]="onlineResource.description"
+        ></gn-ui-text-area>
+      </div>
+      <span class="w-full border-b border-gray-300"></span>
+      <gn-ui-url-input
+        class="w-full"
+        [disabled]="true"
+        [value]="onlineResource.url"
+        [showUploadButton]="false"
+        [disabled]="disabled$ | async"
+      ></gn-ui-url-input>
     </div>
-    <div>
-      <h3 class="text-[16px] font-bold text-main mb-[12px]" translate>
-        editor.record.form.field.onlineResource.edit.description
-      </h3>
-      <gn-ui-text-area [(value)]="onlineResource.description"></gn-ui-text-area>
-    </div>
-    <span class="w-full border-b border-gray-300"></span>
-    <gn-ui-url-input
-      class="w-full"
-      [disabled]="true"
-      [value]="onlineResource.url"
-    ></gn-ui-url-input>
+  </ng-template>
+  <div
+    *ngIf="disabled$ | async"
+    class="p-4 text-sm border border-primary bg-primary-lightest rounded-lg"
+    translate
+    data-test="disabled-message"
+  >
+    editor.record.form.field.draft.only.disabled
   </div>
-</ng-template>
+</div>

package/src/libs/feature/editor/src/lib/components/record-form/form-field/form-field-online-link-resources/form-field-online-link-resources.component.ts

@@ -27,9 +27,10 @@ import {
 import { NotificationsService } from '../../../../../../../../../libs/feature/notifications/src'
 import { TranslateModule, TranslateService } from '@ngx-translate/core'
 import { PlatformServiceInterface } from '../../../../../../../../../libs/common/domain/src/lib/platform.service.interface'
-import { Subscription } from 'rxjs'
+import { map, Subscription } from 'rxjs'
 import { MatDialog } from '@angular/material/dialog'
 import { MAX_UPLOAD_SIZE_MB } from '../../../../fields.config'
+import { EditorFacade } from '../../../../+state/editor.facade'
 
 @Component({
   selector: 'gn-ui-form-field-online-link-resources',
@@ -63,17 +64,22 @@ export class FormFieldOnlineLinkResourcesComponent {
 
   private allResources: OnlineResource[] = []
   linkResources: OnlineLinkResource[] = []
-  uploadProgress = undefined
+  uploadProgress?: number = undefined
   uploadSubscription: Subscription = null
 
   protected MAX_UPLOAD_SIZE_MB = MAX_UPLOAD_SIZE_MB
 
+  disabled$ = this.editorFacade.alreadySavedOnce$.pipe(
+    map((alreadySavedOnce) => !alreadySavedOnce)
+  )
+
   constructor(
     private notificationsService: NotificationsService,
     private translateService: TranslateService,
     private platformService: PlatformServiceInterface,
     private cd: ChangeDetectorRef,
-    private dialog: MatDialog
+    private dialog: MatDialog,
+    private editorFacade: EditorFacade
   ) {}
 
   handleFileChange(file: File) {
@@ -96,7 +102,7 @@ export class FormFieldOnlineLinkResourcesComponent {
             this.valueChange.emit([...this.allResources, newResource])
           }
         },
-        error: (error: Error) => this.handleError(error.message),
+        error: (error: Error) => this.handleError(error),
       })
   }
 
@@ -117,7 +123,7 @@ export class FormFieldOnlineLinkResourcesComponent {
       }
       this.valueChange.emit([...this.allResources, newLink])
     } catch (e) {
-      this.handleError((e as Error).message)
+      this.handleError(e as Error)
     }
   }
 
@@ -134,20 +140,25 @@ export class FormFieldOnlineLinkResourcesComponent {
     this.openEditDialog(resource, index)
   }
 
-  private handleError(error: string) {
+  private handleError(error: Error) {
     this.uploadProgress = undefined
-    this.notificationsService.showNotification({
-      type: 'error',
-      title: this.translateService.instant(
-        'editor.record.onlineResourceError.title'
-      ),
-      text: `${this.translateService.instant(
-        'editor.record.onlineResourceError.body'
-      )} ${error}`,
-      closeMessage: this.translateService.instant(
-        'editor.record.onlineResourceError.closeMessage'
-      ),
-    })
+    this.cd.detectChanges()
+    this.notificationsService.showNotification(
+      {
+        type: 'error',
+        title: this.translateService.instant(
+          'editor.record.onlineResourceError.title'
+        ),
+        text: `${this.translateService.instant(
+          'editor.record.onlineResourceError.body'
+        )} ${error.message}`,
+        closeMessage: this.translateService.instant(
+          'editor.record.onlineResourceError.closeMessage'
+        ),
+      },
+      undefined,
+      error
+    )
   }
 
   private openEditDialog(resource: OnlineLinkResource, index: number) {

package/src/libs/feature/editor/src/lib/components/record-form/form-field/form-field-online-resources/form-field-online-resources.component.html

@@ -1,71 +1,88 @@
-<gn-ui-switch-toggle
-  [options]="typeOptions"
-  (selectedValue)="onSelectedTypeChange($event.value)"
-  extraClasses="grow"
-  data-cy="online-resources-type"
-></gn-ui-switch-toggle>
-<div class="h-[8px]"></div>
-<gn-ui-file-input
-  *ngIf="selectedType === 'download'"
-  [maxSizeMB]="MAX_UPLOAD_SIZE_MB"
-  (fileChange)="handleFileChange($event)"
-  (uploadCancel)="handleUploadCancel()"
-  [uploadProgress]="uploadProgress"
-  (urlChange)="handleDownloadUrlChange($event)"
-></gn-ui-file-input>
-<div
-  *ngIf="selectedType === 'service'"
-  class="w-full border-2 border-dashed rounded-lg p-6 flex flex-col gap-[16px]"
->
-  <gn-ui-online-service-resource-input
-    [service]="newService"
-  ></gn-ui-online-service-resource-input>
-  <span class="w-full border-b border-gray-300"></span>
-  <gn-ui-url-input
-    class="w-full"
-    [urlCanParse]="true"
-    (valueChange)="handleServiceUrlChange($event)"
-  ></gn-ui-url-input>
-</div>
-<div class="h-[8px]"></div>
-<gn-ui-sortable-list
-  [items]="notLinkResources"
-  (itemsOrderChange)="handleResourcesChange($event)"
-  [elementTemplate]="template"
->
-</gn-ui-sortable-list>
-<ng-template #template let-onlineResource let-index="index">
-  <gn-ui-online-resource-card
-    [onlineResource]="onlineResource"
-    (modifyClick)="handleResourceModify(onlineResource, index)"
-  ></gn-ui-online-resource-card>
-</ng-template>
-
-<ng-template #dialogTemplate let-onlineResource>
-  <div class="flex flex-col gap-[16px]">
-    <div>
-      <h3 class="text-[16px] font-bold text-main mb-[12px]" translate>
-        editor.record.form.field.onlineResource.edit.title
-      </h3>
-      <gn-ui-text-input [(value)]="onlineResource.name"></gn-ui-text-input>
-    </div>
-    <div>
-      <h3 class="text-[16px] font-bold text-main mb-[12px]" translate>
-        editor.record.form.field.onlineResource.edit.description
-      </h3>
-      <gn-ui-text-area [(value)]="onlineResource.description"></gn-ui-text-area>
-    </div>
-    <ng-container *ngIf="onlineResource.type === 'service'">
-      <span class="w-full border-b border-gray-300"></span>
-      <gn-ui-online-service-resource-input
-        [service]="onlineResource"
-      ></gn-ui-online-service-resource-input>
-    </ng-container>
+<div class="flex flex-col">
+  <gn-ui-switch-toggle
+    [options]="typeOptions"
+    (selectedValue)="onSelectedTypeChange($event.value)"
+    extraClasses="grow text-sm"
+    data-cy="online-resources-type"
+    [disabled]="disabled$ | async"
+  ></gn-ui-switch-toggle>
+  <div class="h-[8px]"></div>
+  <gn-ui-file-input
+    *ngIf="selectedType === 'download'"
+    [maxSizeMB]="MAX_UPLOAD_SIZE_MB"
+    (fileChange)="handleFileChange($event)"
+    (uploadCancel)="handleUploadCancel()"
+    [uploadProgress]="uploadProgress"
+    (urlChange)="handleDownloadUrlChange($event)"
+    [disabled]="disabled$ | async"
+  ></gn-ui-file-input>
+  <div
+    *ngIf="selectedType === 'service'"
+    class="w-full border-2 border-dashed rounded-lg p-6 flex flex-col gap-[16px]"
+  >
+    <gn-ui-online-service-resource-input
+      [service]="newService"
+      [disabled]="disabled$ | async"
+    ></gn-ui-online-service-resource-input>
     <span class="w-full border-b border-gray-300"></span>
     <gn-ui-url-input
       class="w-full"
-      [disabled]="true"
-      [value]="onlineResource.url"
+      (uploadClick)="handleServiceUrlChange($event)"
+      [disabled]="disabled$ | async"
     ></gn-ui-url-input>
   </div>
-</ng-template>
+  <div class="h-[8px]"></div>
+  <gn-ui-sortable-list
+    [items]="notLinkResources"
+    (itemsOrderChange)="handleResourcesChange($event)"
+    [elementTemplate]="template"
+  >
+  </gn-ui-sortable-list>
+  <ng-template #template let-onlineResource let-index="index">
+    <gn-ui-online-resource-card
+      [onlineResource]="onlineResource"
+      (modifyClick)="handleResourceModify(onlineResource, index)"
+    ></gn-ui-online-resource-card>
+  </ng-template>
+
+  <ng-template #dialogTemplate let-onlineResource>
+    <div class="flex flex-col gap-[16px]">
+      <div>
+        <h3 class="text-[16px] font-bold text-main mb-[12px]" translate>
+          editor.record.form.field.onlineResource.edit.title
+        </h3>
+        <gn-ui-text-input [(value)]="onlineResource.name"></gn-ui-text-input>
+      </div>
+      <div>
+        <h3 class="text-[16px] font-bold text-main mb-[12px]" translate>
+          editor.record.form.field.onlineResource.edit.description
+        </h3>
+        <gn-ui-text-area
+          [(value)]="onlineResource.description"
+        ></gn-ui-text-area>
+      </div>
+      <ng-container *ngIf="onlineResource.type === 'service'">
+        <span class="w-full border-b border-gray-300"></span>
+        <gn-ui-online-service-resource-input
+          [service]="onlineResource"
+          [disabled]="disabled$ | async"
+        ></gn-ui-online-service-resource-input>
+      </ng-container>
+      <span class="w-full border-b border-gray-300"></span>
+      <gn-ui-url-input
+        class="w-full"
+        [disabled]="true"
+        [value]="onlineResource.url"
+        [showUploadButton]="false"
+      ></gn-ui-url-input>
+    </div>
+  </ng-template>
+  <div
+    *ngIf="disabled$ | async"
+    class="p-4 text-sm border border-primary bg-primary-lightest rounded-lg"
+    translate
+    data-test="disabled-message"
+  >
+    editor.record.form.field.draft.only.disabled
+  </div>
+</div>

package/src/libs/feature/editor/src/lib/components/record-form/form-field/form-field-online-resources/form-field-online-resources.component.ts

@@ -32,10 +32,11 @@ import {
   SortableListComponent,
 } from '../../../../../../../../../libs/ui/layout/src'
 import { TranslateModule, TranslateService } from '@ngx-translate/core'
-import { Subscription } from 'rxjs'
+import { map, Subscription } from 'rxjs'
 import { MAX_UPLOAD_SIZE_MB } from '../../../../fields.config'
 import { OnlineResourceCardComponent } from '../../../online-resource-card/online-resource-card.component'
 import { OnlineServiceResourceInputComponent } from '../../../online-service-resource-input/online-service-resource-input.component'
+import { EditorFacade } from '../../../../+state/editor.facade'
 
 type OnlineNotLinkResource =
   | DatasetDownloadDistribution
@@ -100,12 +101,17 @@ export class FormFieldOnlineResourcesComponent {
 
   protected MAX_UPLOAD_SIZE_MB = MAX_UPLOAD_SIZE_MB
 
+  disabled$ = this.editorFacade.alreadySavedOnce$.pipe(
+    map((alreadySavedOnce) => !alreadySavedOnce)
+  )
+
   constructor(
     private notificationsService: NotificationsService,
     private translateService: TranslateService,
     private platformService: PlatformServiceInterface,
     private cd: ChangeDetectorRef,
-    private dialog: MatDialog
+    private dialog: MatDialog,
+    private editorFacade: EditorFacade
   ) {}
 
   onSelectedTypeChange(selectedType: unknown) {
@@ -133,7 +139,7 @@ export class FormFieldOnlineResourcesComponent {
             this.valueChange.emit([...this.allResources, newResource])
           }
         },
-        error: (error: Error) => this.handleError(error.message),
+        error: (error: Error) => this.handleError(error),
       })
   }
 
@@ -154,7 +160,7 @@ export class FormFieldOnlineResourcesComponent {
       }
       this.valueChange.emit([...this.allResources, newLink])
     } catch (e) {
-      this.handleError((e as Error).message)
+      this.handleError(e as Error)
     }
   }
 
@@ -190,20 +196,24 @@ export class FormFieldOnlineResourcesComponent {
     this.openEditDialog(resource, index)
   }
 
-  private handleError(error: string) {
+  private handleError(error: Error) {
     this.uploadProgress = undefined
-    this.notificationsService.showNotification({
-      type: 'error',
-      title: this.translateService.instant(
-        'editor.record.onlineResourceError.title'
-      ),
-      text: `${this.translateService.instant(
-        'editor.record.onlineResourceError.body'
-      )} ${error}`,
-      closeMessage: this.translateService.instant(
-        'editor.record.onlineResourceError.closeMessage'
-      ),
-    })
+    this.notificationsService.showNotification(
+      {
+        type: 'error',
+        title: this.translateService.instant(
+          'editor.record.onlineResourceError.title'
+        ),
+        text: `${this.translateService.instant(
+          'editor.record.onlineResourceError.body'
+        )} ${error.message}`,
+        closeMessage: this.translateService.instant(
+          'editor.record.onlineResourceError.closeMessage'
+        ),
+      },
+      undefined,
+      error
+    )
   }
 
   private openEditDialog(resource: OnlineNotLinkResource, index: number) {

package/src/libs/feature/editor/src/lib/components/record-form/form-field/form-field-open-data/form-field-open-data.component.html

@@ -1,6 +1,6 @@
 <gn-ui-check-toggle
   [label]="'editor.record.form.classification.opendata' | translate"
-  [value]="openData"
+  [value]="isOpenDataLicense"
   (toggled)="onOpenDataToggled($event)"
   data-cy="openDataToggle"
 ></gn-ui-check-toggle>

package/src/libs/feature/editor/src/lib/components/record-form/form-field/form-field-open-data/form-field-open-data.component.ts

@@ -9,7 +9,7 @@ import {
 import { Constraint } from '../../../../../../../../../libs/common/domain/src/lib/model/record'
 import { CheckToggleComponent } from '../../../../../../../../../libs/ui/inputs/src'
 import { TranslateModule } from '@ngx-translate/core'
-import { OPEN_DATA_LICENSES } from './../../../../fields.config'
+import { OPEN_DATA_LICENSE } from './../../../../fields.config'
 
 @Component({
   selector: 'gn-ui-form-field-open-data',
@@ -24,25 +24,28 @@ export class FormFieldOpenDataComponent implements OnChanges {
   @Output() valueChange = new EventEmitter<Array<Constraint>>()
   @Output() openDataChange = new EventEmitter<boolean>()
 
-  openData = false
-
-  get config() {
-    return OPEN_DATA_LICENSES
+  get isOpenDataLicense(): boolean {
+    return !!this.value.find(
+      (constraint) => constraint.text === OPEN_DATA_LICENSE
+    )
   }
 
   ngOnChanges() {
-    if (this.value && this.value.length > 0) {
-      this.openData = this.config.includes(this.value[0].text)
-    } else {
-      this.openData = false
-    }
-    this.openDataChange.emit(this.openData)
+    this.openDataChange.emit(this.isOpenDataLicense)
   }
 
   onOpenDataToggled(openData: boolean) {
     this.openDataChange.emit(openData)
     if (openData) {
-      this.valueChange.emit([{ text: this.config[0] }])
+      this.valueChange.emit([
+        {
+          text: OPEN_DATA_LICENSE,
+        },
+      ])
+    } else {
+      this.valueChange.emit(
+        this.value.filter((constraint) => constraint.text !== OPEN_DATA_LICENSE)
+      )
     }
   }
 }

package/src/libs/feature/editor/src/lib/components/record-form/form-field/form-field-overviews/form-field-overviews.component.html

@@ -1,11 +1,22 @@
-<gn-ui-image-input
-  [maxSizeMB]="MAX_UPLOAD_SIZE_MB"
-  [previewUrl]="firstOverview.url"
-  [altText]="firstOverview.description"
-  (fileChange)="handleFileChange($event)"
-  (urlChange)="handleUrlChange($event)"
-  (altTextChange)="handleAltTextChange($event)"
-  (delete)="handleDelete()"
-  [uploadProgress]="uploadProgress"
-  (uploadCancel)="handleUploadCancel()"
-></gn-ui-image-input>
+<div class="flex flex-col gap-2">
+  <gn-ui-image-input
+    [maxSizeMB]="MAX_UPLOAD_SIZE_MB"
+    [previewUrl]="firstOverview.url"
+    [altText]="firstOverview.description"
+    (fileChange)="handleFileChange($event)"
+    (urlChange)="handleUrlChange($event)"
+    (altTextChange)="handleAltTextChange($event)"
+    (delete)="handleDelete()"
+    [uploadProgress]="uploadProgress"
+    (uploadCancel)="handleUploadCancel()"
+    [disabled]="disabled$ | async"
+  ></gn-ui-image-input>
+  <div
+    *ngIf="disabled$ | async"
+    class="p-4 text-sm border border-primary bg-primary-lightest rounded-lg"
+    translate
+    data-test="disabled-message"
+  >
+    editor.record.form.field.draft.only.disabled
+  </div>
+</div>

package/src/libs/feature/editor/src/lib/components/record-form/form-field/form-field-overviews/form-field-overviews.component.ts

@@ -8,12 +8,13 @@ import {
   Output,
 } from '@angular/core'
 import { GraphicOverview } from '../../../../../../../../../libs/common/domain/src/lib/model/record'
-import { ImageInputComponent } from '../../../../../../../../../libs/ui/inputs/src'
+import { ImageInputComponent } from '../../../../../../../../../libs/ui/elements/src'
 import { PlatformServiceInterface } from '../../../../../../../../../libs/common/domain/src/lib/platform.service.interface'
 import { NotificationsService } from '../../../../../../../../../libs/feature/notifications/src'
-import { TranslateService } from '@ngx-translate/core'
-import { Subscription } from 'rxjs'
+import { TranslateModule, TranslateService } from '@ngx-translate/core'
+import { map, Subscription } from 'rxjs'
 import { MAX_UPLOAD_SIZE_MB } from '../../../../fields.config'
+import { EditorFacade } from '../../../../+state/editor.facade'
 
 @Component({
   selector: 'gn-ui-form-field-overviews',
@@ -21,7 +22,7 @@ import { MAX_UPLOAD_SIZE_MB } from '../../../../fields.config'
   styleUrls: ['./form-field-overviews.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: true,
-  imports: [CommonModule, ImageInputComponent],
+  imports: [CommonModule, ImageInputComponent, TranslateModule],
 })
 export class FormFieldOverviewsComponent {
   @Input() metadataUuid: string
@@ -29,6 +30,10 @@ export class FormFieldOverviewsComponent {
   @Output() valueChange: EventEmitter<Array<GraphicOverview>> =
     new EventEmitter()
 
+  disabled$ = this.editorFacade.alreadySavedOnce$.pipe(
+    map((alreadySavedOnce) => !alreadySavedOnce)
+  )
+
   uploadProgress = undefined
   uploadSubscription: Subscription = null
 
@@ -47,7 +52,8 @@ export class FormFieldOverviewsComponent {
     private platformService: PlatformServiceInterface,
     private notificationsService: NotificationsService,
     private translateService: TranslateService,
-    private cd: ChangeDetectorRef
+    private cd: ChangeDetectorRef,
+    private editorFacade: EditorFacade
   ) {}
 
   handleFileChange(file: File) {
@@ -68,7 +74,7 @@ export class FormFieldOverviewsComponent {
             })
           }
         },
-        error: this.errorHandle,
+        error: (error: Error) => this.handleError(error),
       })
   }
 
@@ -87,7 +93,7 @@ export class FormFieldOverviewsComponent {
         description: filename,
       })
     } catch (e) {
-      this.errorHandle(e)
+      this.handleError(e as Error)
     }
   }
 
@@ -106,17 +112,24 @@ export class FormFieldOverviewsComponent {
     this.valueChange.emit(overView ? [overView] : [])
   }
 
-  private errorHandle = (error) => {
+  private handleError = (error: Error) => {
     this.uploadProgress = undefined
-    this.notificationsService.showNotification({
-      type: 'error',
-      title: this.translateService.instant('editor.record.resourceError.title'),
-      text: `${this.translateService.instant(
-        'editor.record.resourceError.body'
-      )} ${error.message}`,
-      closeMessage: this.translateService.instant(
-        'editor.record.resourceError.closeMessage'
-      ),
-    })
+    this.cd.markForCheck()
+    this.notificationsService.showNotification(
+      {
+        type: 'error',
+        title: this.translateService.instant(
+          'editor.record.resourceError.title'
+        ),
+        text: `${this.translateService.instant(
+          'editor.record.resourceError.body'
+        )} ${error.message}`,
+        closeMessage: this.translateService.instant(
+          'editor.record.resourceError.closeMessage'
+        ),
+      },
+      undefined,
+      error
+    )
   }
 }

package/src/libs/feature/editor/src/lib/components/record-form/form-field/form-field-rich/form-field-rich.component.html

@@ -12,10 +12,10 @@
     <span
       class="material-symbols-outlined gn-ui-icon-small"
       [ngClass]="{ 'text-primary': !preview }"
-      >{{ preview ? 'visibility' : 'visibility_off' }}</span
+      >{{ preview ? 'visibility_off' : 'visibility' }}</span
     >
     &nbsp;
-    {{ preview ? 'WYSIWYG' : 'Markdown' }}
+    {{ preview ? 'Edit' : 'Preview' }}
   </gn-ui-button>
   <gn-ui-markdown-editor
     [preview]="preview"