-
-
+
+
+
+
+
+
+
+
+
+ {{
+ selectedPage === 0
+ ? ('editor.record.form.bottomButtons.comeBackLater' | translate)
+ : ('editor.record.form.bottomButtons.previous' | translate)
+ }}
+
+ editor.record.form.bottomButtons.next
-
+
diff --git a/apps/metadata-editor/src/app/edit/edit-page.component.ts b/apps/metadata-editor/src/app/edit/edit-page.component.ts
index 7327286a2c..720fe63891 100644
--- a/apps/metadata-editor/src/app/edit/edit-page.component.ts
+++ b/apps/metadata-editor/src/app/edit/edit-page.component.ts
@@ -13,8 +13,14 @@ import {
NotificationsContainerComponent,
NotificationsService,
} from '@geonetwork-ui/feature/notifications'
-import { TranslateService } from '@ngx-translate/core'
+import { TranslateModule, TranslateService } from '@ngx-translate/core'
import { filter, Subscription, take } from 'rxjs'
+import { FindPipe } from '../pipes/filter.pipe'
+import { BreadcrumbsComponent } from './components/breadcrumbs/breadcrumbs.component'
+import { marker } from '@biesbjerg/ngx-translate-extract-marker'
+
+marker('editor.record.form.bottomButtons.comeBackLater')
+marker('editor.record.form.bottomButtons.previous')
@Component({
selector: 'md-editor-edit',
@@ -29,18 +35,31 @@ import { filter, Subscription, take } from 'rxjs'
PublishButtonComponent,
TopToolbarComponent,
NotificationsContainerComponent,
+ FindPipe,
+ BreadcrumbsComponent,
+ TranslateModule,
],
})
export class EditPageComponent implements OnInit, OnDestroy {
subscription = new Subscription()
+ fields$ = this.facade.recordFields$
+ totalPages = 0
+ selectedPage = 0
+
constructor(
private route: ActivatedRoute,
private facade: EditorFacade,
private notificationsService: NotificationsService,
private translateService: TranslateService,
private router: Router
- ) {}
+ ) {
+ this.subscription.add(
+ this.fields$.subscribe((fields) => {
+ this.totalPages = fields.pages.length
+ })
+ )
+ }
ngOnInit(): void {
const [currentRecord, currentRecordSource, currentRecordAlreadySaved] =
@@ -109,4 +128,23 @@ export class EditPageComponent implements OnInit, OnDestroy {
ngOnDestroy() {
this.subscription.unsubscribe()
}
+
+ previousPageButtonHandler() {
+ if (this.selectedPage === 0) {
+ this.router.navigate(['catalog', 'search'])
+ } else {
+ this.selectedPage--
+ }
+ }
+
+ nextPageButtonHandler() {
+ if (this.selectedPage === this.totalPages - 1) return
+ this.selectedPage++
+ }
+
+ selectedPageChange(index: number) {
+ this.selectedPage = index
+ }
+
+ protected readonly marker = marker
}
diff --git a/apps/metadata-editor/src/app/pipes/filter.pipe.ts b/apps/metadata-editor/src/app/pipes/filter.pipe.ts
index 4cbff21914..c8626d7ea0 100644
--- a/apps/metadata-editor/src/app/pipes/filter.pipe.ts
+++ b/apps/metadata-editor/src/app/pipes/filter.pipe.ts
@@ -1,10 +1,10 @@
import { Pipe, PipeTransform } from '@angular/core'
@Pipe({
- name: 'filter',
+ name: 'find',
standalone: true,
})
-export class FilterPipe implements PipeTransform {
+export class FindPipe implements PipeTransform {
transform(array: any[], index: number): any {
return array.find((item) => item.index === index)
}
diff --git a/apps/metadata-editor/tsconfig.json b/apps/metadata-editor/tsconfig.json
index d2c6daf3e1..54f2b40f0e 100644
--- a/apps/metadata-editor/tsconfig.json
+++ b/apps/metadata-editor/tsconfig.json
@@ -19,11 +19,7 @@
"noImplicitReturns": true,
"noFallthroughCasesInSwitch": true,
"target": "es2020",
- "lib": [
- "dom",
- "es2020",
- "dom.iterable"
- ],
+ "lib": ["dom", "es2020", "dom.iterable"],
"downlevelIteration": true
},
"angularCompilerOptions": {
diff --git a/libs/feature/editor/src/lib/+state/editor.reducer.ts b/libs/feature/editor/src/lib/+state/editor.reducer.ts
index 425e3d0c41..7c9f322b16 100644
--- a/libs/feature/editor/src/lib/+state/editor.reducer.ts
+++ b/libs/feature/editor/src/lib/+state/editor.reducer.ts
@@ -2,7 +2,7 @@ import { Action, createReducer, on } from '@ngrx/store'
import * as EditorActions from './editor.actions'
import { CatalogRecord } from '@geonetwork-ui/common/domain/model/record'
import { SaveRecordError } from './editor.models'
-import { EditorFieldsConfig } from '../models/fields.model'
+import { EditorConfig } from '../models/fields.model'
import { DEFAULT_FIELDS } from '../fields.config'
export const EDITOR_FEATURE_KEY = 'editor'
@@ -22,7 +22,7 @@ export interface EditorState {
saving: boolean
saveError: SaveRecordError | null
changedSinceSave: boolean
- fieldsConfig: EditorFieldsConfig
+ fieldsConfig: EditorConfig
}
export interface EditorPartialState {
diff --git a/libs/feature/editor/src/lib/+state/editor.selectors.ts b/libs/feature/editor/src/lib/+state/editor.selectors.ts
index e9a601da80..e240f5c5e3 100644
--- a/libs/feature/editor/src/lib/+state/editor.selectors.ts
+++ b/libs/feature/editor/src/lib/+state/editor.selectors.ts
@@ -41,9 +41,17 @@ export const selectRecordFieldsConfig = createSelector(
export const selectRecordFields = createSelector(
selectEditorState,
- (state: EditorState) =>
- state.fieldsConfig.map((fieldConfig) => ({
- config: fieldConfig,
- value: state.record?.[fieldConfig.model] ?? null,
- }))
+ (state: EditorState) => {
+ const fieldsConfig = state.fieldsConfig
+ fieldsConfig.pages.forEach((page) => {
+ page.sections.forEach((section) => {
+ section.fields.forEach((field) => {
+ if (state.record) {
+ field.value = state.record[field.model]
+ }
+ })
+ })
+ })
+ return fieldsConfig
+ }
)
diff --git a/libs/feature/editor/src/lib/components/record-form/form-field/form-field.component.html b/libs/feature/editor/src/lib/components/record-form/form-field/form-field.component.html
index 98f8503d27..8d30de79be 100644
--- a/libs/feature/editor/src/lib/components/record-form/form-field/form-field.component.html
+++ b/libs/feature/editor/src/lib/components/record-form/form-field/form-field.component.html
@@ -5,7 +5,7 @@
@@ -15,14 +15,14 @@
-
{{ formControl.value }}
-
+
help
@@ -42,7 +42,7 @@
class="h-[8rem]"
[control]="formControl"
[label]="config.labelKey | translate"
- [hint]="config.hintKey | translate"
+ [hint]="config.hintKey! | translate"
>
diff --git a/libs/feature/editor/src/lib/components/record-form/form-field/form-field.component.ts b/libs/feature/editor/src/lib/components/record-form/form-field/form-field.component.ts
index 5077db478e..24f4e2a77a 100644
--- a/libs/feature/editor/src/lib/components/record-form/form-field/form-field.component.ts
+++ b/libs/feature/editor/src/lib/components/record-form/form-field/form-field.component.ts
@@ -25,10 +25,10 @@ import { FormFieldObjectComponent } from './form-field-object/form-field-object.
import { FormFieldRichComponent } from './form-field-rich/form-field-rich.component'
import { FormFieldSimpleComponent } from './form-field-simple/form-field-simple.component'
import { FormFieldSpatialExtentComponent } from './form-field-spatial-extent/form-field-spatial-extent.component'
-import { FormFieldConfig } from './form-field.model'
import { FormFieldUpdateFrequencyComponent } from './form-field-update-frequency/form-field-update-frequency.component'
import { CatalogRecordKeys } from '@geonetwork-ui/common/domain/model/record'
import { FormFieldKeywordsComponent } from './form-field-keywords/form-field-keywords.component'
+import { FormFieldConfig } from '../../../models/fields.model'
@Component({
selector: 'gn-ui-form-field',
@@ -65,6 +65,7 @@ export class FormFieldComponent {
emitEvent: false,
})
}
+
@Output() valueChange: Observable
@ViewChild('titleInput') titleInput: ElementRef
diff --git a/libs/feature/editor/src/lib/components/record-form/form-field/form-field.model.ts b/libs/feature/editor/src/lib/components/record-form/form-field/form-field.model.ts
deleted file mode 100644
index cbc9d543b3..0000000000
--- a/libs/feature/editor/src/lib/components/record-form/form-field/form-field.model.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-type BaseFormFieldType =
- | 'text'
- | 'number'
- | 'rich'
- | 'date'
- | 'list'
- | 'spatial_extent'
- | 'temporal_extent'
- | 'url'
- | 'file'
- | 'toggle'
-
-type AllFormFieldType = BaseFormFieldType | 'object' | 'array'
-
-interface FormFieldConfigBase {
- type: AllFormFieldType
- labelKey: string
- hintKey?: string
- tooltipKey?: string
- required?: boolean
- locked?: boolean
- invalid?: boolean
- invalidHintKey?: string
-}
-
-export interface FormFieldConfigSimple extends FormFieldConfigBase {
- type: BaseFormFieldType
-}
-
-export interface FormFieldConfigArray extends FormFieldConfigBase {
- type: 'array'
- items: FormFieldConfig
-}
-
-export interface FormFieldConfigObject extends FormFieldConfigBase {
- type: 'object'
- fields: Array
-}
-
-export type FormFieldConfig =
- | FormFieldConfigSimple
- | FormFieldConfigArray
- | FormFieldConfigObject
diff --git a/libs/feature/editor/src/lib/components/record-form/form-field/index.ts b/libs/feature/editor/src/lib/components/record-form/form-field/index.ts
index 053dede8e5..8555c39727 100644
--- a/libs/feature/editor/src/lib/components/record-form/form-field/index.ts
+++ b/libs/feature/editor/src/lib/components/record-form/form-field/index.ts
@@ -9,4 +9,3 @@ export * from './form-field-object/form-field-object.component'
export * from './form-field-array/form-field-array.component'
export * from './form-field-spatial-extent/form-field-spatial-extent.component'
export * from './form-field.component'
-export * from './form-field.model'
diff --git a/libs/feature/editor/src/lib/components/record-form/record-form.component.html b/libs/feature/editor/src/lib/components/record-form/record-form.component.html
index 7b07459330..9057230299 100644
--- a/libs/feature/editor/src/lib/components/record-form/record-form.component.html
+++ b/libs/feature/editor/src/lib/components/record-form/record-form.component.html
@@ -1,11 +1,43 @@
-
-
-
-
-
+
+
+
+
+
+
+
+ {{ section.label }}
+
+
+ {{ section.description }}
+
+
+
+
+
+
+
+
+