geonetwork-ui 2.11.0-dev.e430b2fe8 → 2.11.0-dev.fb3fea50c
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/geonetwork-ui.mjs +648 -201
- package/fesm2022/geonetwork-ui.mjs.map +1 -1
- package/index.d.ts +142 -31
- package/index.d.ts.map +1 -1
- package/package.json +2 -1
- package/src/libs/api/repository/src/lib/gn4/elasticsearch/elasticsearch.service.ts +76 -34
- package/src/libs/common/domain/src/lib/model/search/filter.model.ts +13 -1
- package/src/libs/feature/map/src/lib/add-layer-from-file/add-layer-from-file.component.html +1 -0
- package/src/libs/feature/notifications/src/lib/notifications.service.ts +6 -4
- package/src/libs/feature/router/src/lib/default/state/query-params.utils.ts +1 -1
- package/src/libs/feature/search/src/lib/filter-dropdown/filter-dropdown.component.html +12 -4
- package/src/libs/feature/search/src/lib/filter-dropdown/filter-dropdown.component.ts +58 -19
- package/src/libs/feature/search/src/lib/search-filters-summary-item/search-filters-summary-item.component.ts +18 -8
- package/src/libs/feature/search/src/lib/utils/service/fields.service.ts +9 -1
- package/src/libs/feature/search/src/lib/utils/service/fields.ts +43 -2
- package/src/libs/ui/inputs/src/index.ts +2 -0
- package/src/libs/ui/inputs/src/lib/date-adapter.providers.ts +30 -0
- package/src/libs/ui/inputs/src/lib/date-picker/date-picker.component.ts +3 -24
- package/src/libs/ui/inputs/src/lib/date-range-dropdown/date-range-dropdown.component.css +37 -3
- package/src/libs/ui/inputs/src/lib/date-range-dropdown/date-range-dropdown.component.html +135 -16
- package/src/libs/ui/inputs/src/lib/date-range-dropdown/date-range-dropdown.component.ts +166 -29
- package/src/libs/ui/inputs/src/lib/date-range-picker/date-range-picker.component.ts +3 -7
- package/src/libs/ui/inputs/src/lib/drag-and-drop-file-input/drag-and-drop-file-input.component.css +1 -0
- package/src/libs/ui/inputs/src/lib/drag-and-drop-file-input/drag-and-drop-file-input.component.html +20 -7
- package/src/libs/ui/inputs/src/lib/drag-and-drop-file-input/drag-and-drop-file-input.component.ts +46 -5
- package/src/libs/ui/inputs/src/lib/dropdown-multiselect/dropdown-multiselect.component.html +1 -1
- package/src/libs/ui/inputs/src/lib/spatial-extent-dropdown/spatial-extent-dropdown.component.css +0 -0
- package/src/libs/ui/inputs/src/lib/spatial-extent-dropdown/spatial-extent-dropdown.component.html +111 -0
- package/src/libs/ui/inputs/src/lib/spatial-extent-dropdown/spatial-extent-dropdown.component.ts +215 -0
- package/src/libs/ui/map/src/lib/components/map-container/map-container.component.ts +2 -0
- package/src/libs/util/app-config/src/lib/app-config.ts +3 -0
- package/src/libs/util/app-config/src/lib/model.ts +1 -0
- package/src/libs/util/shared/src/index.ts +1 -0
- package/src/libs/util/shared/src/lib/autofocus.directive.ts +26 -0
- package/src/libs/util/shared/src/lib/services/date.service.ts +3 -3
- package/src/libs/util/shared/src/lib/utils/file.ts +15 -0
- package/src/libs/util/shared/src/lib/utils/geojson.ts +8 -0
- package/src/libs/util/shared/src/lib/utils/index.ts +1 -0
- package/tailwind.base.css +5 -0
- package/translations/de.json +16 -2
- package/translations/en.json +15 -1
- package/translations/es.json +14 -0
- package/translations/fr.json +16 -2
- package/translations/it.json +14 -0
- package/translations/nl.json +14 -0
- package/translations/pt.json +14 -0
- package/translations/sk.json +14 -0
package/src/libs/ui/inputs/src/lib/spatial-extent-dropdown/spatial-extent-dropdown.component.html
ADDED
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
<gn-ui-button
|
|
2
|
+
type="outline"
|
|
3
|
+
extraClass="bg-background w-full !p-[8px] !pl-[16px]"
|
|
4
|
+
[title]="title"
|
|
5
|
+
(buttonClick)="toggleOverlay()"
|
|
6
|
+
cdkOverlayOrigin
|
|
7
|
+
#overlayOrigin="cdkOverlayOrigin"
|
|
8
|
+
>
|
|
9
|
+
<div class="grow flex items-center mr-2 gap-2 overflow-hidden">
|
|
10
|
+
<div class="text-left font-medium truncate py-1">
|
|
11
|
+
{{ title }}
|
|
12
|
+
</div>
|
|
13
|
+
@if (hasSelection) {
|
|
14
|
+
<div
|
|
15
|
+
class="bg-primary-lighter text-white shrink-0 rounded-full font-bold text-[12px] w-[22px] h-[22px] flex items-center justify-center"
|
|
16
|
+
>
|
|
17
|
+
1
|
|
18
|
+
</div>
|
|
19
|
+
}
|
|
20
|
+
</div>
|
|
21
|
+
<button class="h-6 w-6 flex items-center" data-cy="clearSelection">
|
|
22
|
+
@if (hasSelection && !overlayOpen) {
|
|
23
|
+
<ng-icon
|
|
24
|
+
class="shrink-0 opacity-40 mr-1.5 hover:opacity-80 transition-colors clear-btn"
|
|
25
|
+
(click)="removeSelection($event)"
|
|
26
|
+
name="matClose"
|
|
27
|
+
></ng-icon>
|
|
28
|
+
}
|
|
29
|
+
</button>
|
|
30
|
+
<ng-icon
|
|
31
|
+
[name]="overlayOpen ? 'matExpandLess' : 'matExpandMore'"
|
|
32
|
+
class="shrink-0 opacity-40"
|
|
33
|
+
>
|
|
34
|
+
</ng-icon>
|
|
35
|
+
</gn-ui-button>
|
|
36
|
+
|
|
37
|
+
<ng-template
|
|
38
|
+
cdkConnectedOverlay
|
|
39
|
+
cdkConnectedOverlayHasBackdrop
|
|
40
|
+
cdkConnectedOverlayBackdropClass="cdk-overlay-transparent-backdrop"
|
|
41
|
+
[cdkConnectedOverlayOrigin]="overlayOrigin"
|
|
42
|
+
[cdkConnectedOverlayOpen]="overlayOpen"
|
|
43
|
+
[cdkConnectedOverlayPositions]="overlayPositions"
|
|
44
|
+
[cdkConnectedOverlayScrollStrategy]="scrollStrategy"
|
|
45
|
+
[cdkConnectedOverlayFlexibleDimensions]="true"
|
|
46
|
+
(overlayOutsideClick)="closeOverlay()"
|
|
47
|
+
(detach)="closeOverlay()"
|
|
48
|
+
>
|
|
49
|
+
<div
|
|
50
|
+
class="bg-white border border-gray-400 rounded shadow-lg pt-[12px] px-[16px] overlay-container w-[280px] flex flex-col gap-2"
|
|
51
|
+
[style.min-width]="overlayMinWidth"
|
|
52
|
+
>
|
|
53
|
+
<div class="text-xs text-black">
|
|
54
|
+
{{ 'search.filters.spatialExtent.helpText' | translate }}
|
|
55
|
+
</div>
|
|
56
|
+
|
|
57
|
+
<div
|
|
58
|
+
[class]="
|
|
59
|
+
(hasSelection
|
|
60
|
+
? 'border-b-[1px] border-gray-400 pb-[20px]'
|
|
61
|
+
: 'pb-[8px]') + ' text-black'
|
|
62
|
+
"
|
|
63
|
+
>
|
|
64
|
+
<gn-ui-drag-and-drop-file-input
|
|
65
|
+
accept=".json,.geojson"
|
|
66
|
+
[placeholder]="'search.filters.spatialExtent.import' | translate"
|
|
67
|
+
[maxFileSizeMb]="maxFileSizeMb"
|
|
68
|
+
[showFileName]="false"
|
|
69
|
+
textClass="text-black truncate"
|
|
70
|
+
dropzoneBackgroundColor="transparent"
|
|
71
|
+
icon="iconoirImport"
|
|
72
|
+
extraClass="gn-ui-gray-outline-input w-full !h-[32px] px-[8px] py-[4px] justify-between"
|
|
73
|
+
(fileChange)="handleFileSelected($event)"
|
|
74
|
+
(errorChange)="handleFileError($event)"
|
|
75
|
+
data-cy="importGeojson"
|
|
76
|
+
></gn-ui-drag-and-drop-file-input>
|
|
77
|
+
</div>
|
|
78
|
+
|
|
79
|
+
@if (hasSelection) {
|
|
80
|
+
<gn-ui-button
|
|
81
|
+
[type]="'primary-light'"
|
|
82
|
+
[title]="selectionDeleteLabelKey | translate: selectionLabelParams"
|
|
83
|
+
(buttonClick)="removeSelection($event)"
|
|
84
|
+
extraClass="group gap-x-2 w-full h-[28px] px-[8px] py-[4px] mb-[12px] bg-primary-lighter text-white"
|
|
85
|
+
data-test="spatial-extent-selected-item"
|
|
86
|
+
>
|
|
87
|
+
<ng-icon
|
|
88
|
+
name="iconoirSquareDashed"
|
|
89
|
+
class="shrink-0"
|
|
90
|
+
size="15px"
|
|
91
|
+
></ng-icon>
|
|
92
|
+
<span class="group-hover:hidden truncate text-sm m-auto">
|
|
93
|
+
{{ selectionLabelKey | translate: selectionLabelParams }}
|
|
94
|
+
</span>
|
|
95
|
+
<span class="hidden group-hover:block truncate text-sm m-auto">
|
|
96
|
+
{{ selectionDeleteLabelKey | translate: selectionLabelParams }}
|
|
97
|
+
</span>
|
|
98
|
+
<ng-icon
|
|
99
|
+
name="iconoirCheckCircle"
|
|
100
|
+
class="group-hover:hidden shrink-0"
|
|
101
|
+
size="14px"
|
|
102
|
+
></ng-icon>
|
|
103
|
+
<ng-icon
|
|
104
|
+
name="iconoirTrash"
|
|
105
|
+
class="!hidden group-hover:!block shrink-0"
|
|
106
|
+
size="15px"
|
|
107
|
+
></ng-icon>
|
|
108
|
+
</gn-ui-button>
|
|
109
|
+
}
|
|
110
|
+
</div>
|
|
111
|
+
</ng-template>
|
package/src/libs/ui/inputs/src/lib/spatial-extent-dropdown/spatial-extent-dropdown.component.ts
ADDED
|
@@ -0,0 +1,215 @@
|
|
|
1
|
+
import {
|
|
2
|
+
ChangeDetectionStrategy,
|
|
3
|
+
ChangeDetectorRef,
|
|
4
|
+
Component,
|
|
5
|
+
EventEmitter,
|
|
6
|
+
Input,
|
|
7
|
+
Output,
|
|
8
|
+
ViewChild,
|
|
9
|
+
inject,
|
|
10
|
+
} from '@angular/core'
|
|
11
|
+
import {
|
|
12
|
+
CdkConnectedOverlay,
|
|
13
|
+
CdkOverlayOrigin,
|
|
14
|
+
ConnectedPosition,
|
|
15
|
+
OverlayModule,
|
|
16
|
+
ScrollStrategyOptions,
|
|
17
|
+
} from '@angular/cdk/overlay'
|
|
18
|
+
|
|
19
|
+
import { ButtonComponent } from '../button/button.component'
|
|
20
|
+
import { NgIcon, provideIcons } from '@ng-icons/core'
|
|
21
|
+
import {
|
|
22
|
+
iconoirCheckCircle,
|
|
23
|
+
iconoirImport,
|
|
24
|
+
iconoirSquareDashed,
|
|
25
|
+
iconoirTrash,
|
|
26
|
+
} from '@ng-icons/iconoir'
|
|
27
|
+
import {
|
|
28
|
+
matClose,
|
|
29
|
+
matExpandLess,
|
|
30
|
+
matExpandMore,
|
|
31
|
+
} from '@ng-icons/material-icons/baseline'
|
|
32
|
+
import { TranslatePipe } from '@ngx-translate/core'
|
|
33
|
+
import { marker } from '@biesbjerg/ngx-translate-extract-marker'
|
|
34
|
+
import {
|
|
35
|
+
BoundingBox,
|
|
36
|
+
getGeometryBoundingBox,
|
|
37
|
+
getGeometryFromGeoJSON,
|
|
38
|
+
propagateToDocumentOnly,
|
|
39
|
+
readFileAsText,
|
|
40
|
+
} from '../../../../../../libs/util/shared/src'
|
|
41
|
+
import {
|
|
42
|
+
DragAndDropFileInputComponent,
|
|
43
|
+
DragAndDropFileInputError,
|
|
44
|
+
} from '../drag-and-drop-file-input/drag-and-drop-file-input.component'
|
|
45
|
+
|
|
46
|
+
marker('search.filters.spatialExtent.import')
|
|
47
|
+
marker('search.filters.spatialExtent.helpText')
|
|
48
|
+
marker('search.filters.spatialExtent.error.title')
|
|
49
|
+
|
|
50
|
+
const LABEL_FROM_FILE = marker('search.filters.spatialExtent.bboxFromFile')
|
|
51
|
+
const LABEL_FROM_FILE_DELETE = marker(
|
|
52
|
+
'search.filters.spatialExtent.bboxFromFileDelete'
|
|
53
|
+
)
|
|
54
|
+
const LABEL_INITIAL = marker('search.filters.spatialExtent.bboxInitial')
|
|
55
|
+
const LABEL_INITIAL_DELETE = marker(
|
|
56
|
+
'search.filters.spatialExtent.bboxInitialDelete'
|
|
57
|
+
)
|
|
58
|
+
|
|
59
|
+
export interface SpatialExtentDropdownError {
|
|
60
|
+
key: string
|
|
61
|
+
params?: Record<string, string | number>
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
@Component({
|
|
65
|
+
selector: 'gn-ui-spatial-extent-dropdown',
|
|
66
|
+
standalone: true,
|
|
67
|
+
imports: [
|
|
68
|
+
ButtonComponent,
|
|
69
|
+
NgIcon,
|
|
70
|
+
OverlayModule,
|
|
71
|
+
TranslatePipe,
|
|
72
|
+
DragAndDropFileInputComponent,
|
|
73
|
+
],
|
|
74
|
+
providers: [
|
|
75
|
+
provideIcons({
|
|
76
|
+
iconoirCheckCircle,
|
|
77
|
+
iconoirImport,
|
|
78
|
+
iconoirSquareDashed,
|
|
79
|
+
iconoirTrash,
|
|
80
|
+
matClose,
|
|
81
|
+
matExpandLess,
|
|
82
|
+
matExpandMore,
|
|
83
|
+
}),
|
|
84
|
+
],
|
|
85
|
+
templateUrl: './spatial-extent-dropdown.component.html',
|
|
86
|
+
styleUrls: ['./spatial-extent-dropdown.component.css'],
|
|
87
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
88
|
+
})
|
|
89
|
+
export class SpatialExtentDropdownComponent {
|
|
90
|
+
private cd = inject(ChangeDetectorRef)
|
|
91
|
+
private scrollStrategies = inject(ScrollStrategyOptions)
|
|
92
|
+
|
|
93
|
+
@Input() title: string
|
|
94
|
+
@Input() maxFileSizeMb: number | null = null
|
|
95
|
+
@Input() set initialBbox(value: BoundingBox | null) {
|
|
96
|
+
if (!this.bbox && value) {
|
|
97
|
+
this.bbox = value
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
@Output() bboxChange = new EventEmitter<BoundingBox | null>()
|
|
102
|
+
@Output() errorChange = new EventEmitter<SpatialExtentDropdownError>()
|
|
103
|
+
|
|
104
|
+
bbox: BoundingBox | null = null
|
|
105
|
+
fileName = ''
|
|
106
|
+
|
|
107
|
+
@ViewChild('overlayOrigin') overlayOrigin: CdkOverlayOrigin
|
|
108
|
+
@ViewChild(CdkConnectedOverlay) overlay: CdkConnectedOverlay
|
|
109
|
+
@ViewChild(DragAndDropFileInputComponent)
|
|
110
|
+
fileInput: DragAndDropFileInputComponent
|
|
111
|
+
|
|
112
|
+
overlayPositions: ConnectedPosition[] = [
|
|
113
|
+
{
|
|
114
|
+
originX: 'start',
|
|
115
|
+
originY: 'bottom',
|
|
116
|
+
overlayX: 'start',
|
|
117
|
+
overlayY: 'top',
|
|
118
|
+
offsetY: 8,
|
|
119
|
+
},
|
|
120
|
+
{
|
|
121
|
+
originX: 'start',
|
|
122
|
+
originY: 'top',
|
|
123
|
+
overlayX: 'start',
|
|
124
|
+
overlayY: 'bottom',
|
|
125
|
+
offsetY: -8,
|
|
126
|
+
},
|
|
127
|
+
]
|
|
128
|
+
scrollStrategy = this.scrollStrategies.reposition()
|
|
129
|
+
overlayOpen = false
|
|
130
|
+
overlayMinWidth = 'none'
|
|
131
|
+
|
|
132
|
+
errorKey: string | null = null
|
|
133
|
+
|
|
134
|
+
get hasSelection() {
|
|
135
|
+
return !!this.bbox
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
get selectionLabelKey() {
|
|
139
|
+
return this.fileName ? LABEL_FROM_FILE : LABEL_INITIAL
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
get selectionDeleteLabelKey() {
|
|
143
|
+
return this.fileName ? LABEL_FROM_FILE_DELETE : LABEL_INITIAL_DELETE
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
get selectionLabelParams() {
|
|
147
|
+
return { fileName: this.fileName }
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
openOverlay() {
|
|
151
|
+
this.overlayMinWidth =
|
|
152
|
+
this.overlayOrigin.elementRef.nativeElement.getBoundingClientRect()
|
|
153
|
+
.width + 'px'
|
|
154
|
+
this.overlayOpen = true
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
closeOverlay() {
|
|
158
|
+
this.overlayOpen = false
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
toggleOverlay() {
|
|
162
|
+
if (this.overlayOpen) {
|
|
163
|
+
this.closeOverlay()
|
|
164
|
+
} else {
|
|
165
|
+
this.openOverlay()
|
|
166
|
+
}
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
async handleFileSelected(file: File) {
|
|
170
|
+
this.errorKey = null
|
|
171
|
+
let content: string
|
|
172
|
+
try {
|
|
173
|
+
content = await readFileAsText(file)
|
|
174
|
+
const parsed = JSON.parse(content)
|
|
175
|
+
const geometry = getGeometryFromGeoJSON(parsed)
|
|
176
|
+
if (!geometry) {
|
|
177
|
+
this.setError(marker('search.filters.spatialExtent.error.noGeometry'))
|
|
178
|
+
return
|
|
179
|
+
}
|
|
180
|
+
const bbox = getGeometryBoundingBox(geometry)
|
|
181
|
+
this.bbox = bbox
|
|
182
|
+
this.fileName = file.name
|
|
183
|
+
this.bboxChange.emit(bbox)
|
|
184
|
+
this.cd.markForCheck()
|
|
185
|
+
} catch {
|
|
186
|
+
this.setError(marker('search.filters.spatialExtent.error.invalidFormat'))
|
|
187
|
+
return
|
|
188
|
+
}
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
handleFileError(error: DragAndDropFileInputError) {
|
|
192
|
+
if (error === 'file-too-large') {
|
|
193
|
+
this.setError(marker('search.filters.spatialExtent.error.fileTooLarge'), {
|
|
194
|
+
maxSize: this.maxFileSizeMb,
|
|
195
|
+
})
|
|
196
|
+
} else {
|
|
197
|
+
this.setError(marker('search.filters.spatialExtent.error.invalidFormat'))
|
|
198
|
+
}
|
|
199
|
+
}
|
|
200
|
+
|
|
201
|
+
private setError(errorKey: string, params?: Record<string, string | number>) {
|
|
202
|
+
this.errorKey = errorKey
|
|
203
|
+
this.errorChange.emit({ key: errorKey, params })
|
|
204
|
+
this.cd.markForCheck()
|
|
205
|
+
}
|
|
206
|
+
|
|
207
|
+
removeSelection(event: Event) {
|
|
208
|
+
this.bbox = null
|
|
209
|
+
this.fileName = ''
|
|
210
|
+
this.errorKey = null
|
|
211
|
+
this.fileInput?.clear()
|
|
212
|
+
this.bboxChange.emit(null)
|
|
213
|
+
propagateToDocumentOnly(event)
|
|
214
|
+
}
|
|
215
|
+
}
|
|
@@ -58,6 +58,8 @@ import { transformExtent } from 'ol/proj.js'
|
|
|
58
58
|
export const DEFAULT_BASEMAP_LAYER: MapContextLayerMapLibreStyle = {
|
|
59
59
|
type: 'maplibre-style',
|
|
60
60
|
styleUrl: `https://basemaps.cartocdn.com/gl/positron-gl-style/style.json`,
|
|
61
|
+
clickable: false,
|
|
62
|
+
hoverable: false,
|
|
61
63
|
}
|
|
62
64
|
|
|
63
65
|
const DEFAULT_VIEW: MapContextView = {
|
|
@@ -252,6 +252,7 @@ export function loadAppConfig(configUrl = 'assets/configuration/default.toml') {
|
|
|
252
252
|
'search_preset',
|
|
253
253
|
'advanced_filters',
|
|
254
254
|
'limit',
|
|
255
|
+
'spatial_extent_max_file_size',
|
|
255
256
|
],
|
|
256
257
|
warnings,
|
|
257
258
|
errors
|
|
@@ -281,6 +282,8 @@ export function loadAppConfig(configUrl = 'assets/configuration/default.toml') {
|
|
|
281
282
|
})),
|
|
282
283
|
ADVANCED_FILTERS: parsedSearchSection.advanced_filters,
|
|
283
284
|
LIMIT: parsedSearchSection.limit,
|
|
285
|
+
SPATIAL_EXTENT_MAX_FILE_SIZE:
|
|
286
|
+
parsedSearchSection.spatial_extent_max_file_size,
|
|
284
287
|
} as SearchConfig)
|
|
285
288
|
|
|
286
289
|
const parsedMetadataQualitySection = parseConfigSection(
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import {
|
|
2
|
+
Directive,
|
|
3
|
+
ElementRef,
|
|
4
|
+
Injector,
|
|
5
|
+
Input,
|
|
6
|
+
afterNextRender,
|
|
7
|
+
booleanAttribute,
|
|
8
|
+
inject,
|
|
9
|
+
} from '@angular/core'
|
|
10
|
+
|
|
11
|
+
@Directive({
|
|
12
|
+
selector: '[gnUiAutofocus]',
|
|
13
|
+
standalone: true,
|
|
14
|
+
})
|
|
15
|
+
export class AutofocusDirective {
|
|
16
|
+
private el = inject<ElementRef<HTMLElement>>(ElementRef)
|
|
17
|
+
private injector = inject(Injector)
|
|
18
|
+
|
|
19
|
+
@Input({ alias: 'gnUiAutofocus', transform: booleanAttribute })
|
|
20
|
+
set autofocus(active: boolean) {
|
|
21
|
+
if (!active) return
|
|
22
|
+
afterNextRender(() => this.el.nativeElement.focus(), {
|
|
23
|
+
injector: this.injector,
|
|
24
|
+
})
|
|
25
|
+
}
|
|
26
|
+
}
|
|
@@ -35,10 +35,10 @@ export class DateService {
|
|
|
35
35
|
return { locale, dateObj }
|
|
36
36
|
}
|
|
37
37
|
|
|
38
|
-
|
|
38
|
+
async getDateFnsLocale(): Promise<Locale> {
|
|
39
39
|
const lang = this.translateService.getCurrentLang() || DEFAULT_LANGUAGE
|
|
40
40
|
const locales = await this.dateLocales
|
|
41
|
-
return locales[lang]
|
|
41
|
+
return locales[lang] ?? locales[DEFAULT_LANGUAGE]
|
|
42
42
|
}
|
|
43
43
|
|
|
44
44
|
formatDate(
|
|
@@ -61,7 +61,7 @@ export class DateService {
|
|
|
61
61
|
const dateObj = this.getDateObject(date)
|
|
62
62
|
|
|
63
63
|
const now = new Date()
|
|
64
|
-
const locale = await this.
|
|
64
|
+
const locale = await this.getDateFnsLocale()
|
|
65
65
|
|
|
66
66
|
return formatDistance(dateObj, now, {
|
|
67
67
|
addSuffix: true,
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export function isFileExtensionValid(
|
|
2
|
+
fileName: string,
|
|
3
|
+
acceptedExtensions: string[]
|
|
4
|
+
): boolean {
|
|
5
|
+
return acceptedExtensions.some((ext) => fileName.toLowerCase().endsWith(ext))
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
export function readFileAsText(file: File): Promise<string> {
|
|
9
|
+
return new Promise((resolve, reject) => {
|
|
10
|
+
const reader = new FileReader()
|
|
11
|
+
reader.onload = () => resolve(reader.result as string)
|
|
12
|
+
reader.onerror = () => reject(reader.error)
|
|
13
|
+
reader.readAsText(file)
|
|
14
|
+
})
|
|
15
|
+
}
|
|
@@ -38,6 +38,14 @@ export function getGeometryFromGeoJSON(
|
|
|
38
38
|
// FIXME: this type should be more generic across the project
|
|
39
39
|
export type BoundingBox = [number, number, number, number]
|
|
40
40
|
|
|
41
|
+
export function isBoundingBox(value: unknown): value is BoundingBox {
|
|
42
|
+
return (
|
|
43
|
+
Array.isArray(value) &&
|
|
44
|
+
value.length === 4 &&
|
|
45
|
+
value.every((item) => typeof item === 'number')
|
|
46
|
+
)
|
|
47
|
+
}
|
|
48
|
+
|
|
41
49
|
export function getGeometryBoundingBox(geometry: Geometry): BoundingBox {
|
|
42
50
|
// use the bounding box if specified in the GeoJSON object
|
|
43
51
|
if (geometry.bbox) {
|
package/tailwind.base.css
CHANGED
|
@@ -224,6 +224,11 @@
|
|
|
224
224
|
disabled:cursor-not-allowed disabled:border-gray-100 disabled:placeholder-gray-300 disabled:text-gray-700 disabled:bg-white;
|
|
225
225
|
}
|
|
226
226
|
|
|
227
|
+
.gn-ui-gray-outline-input {
|
|
228
|
+
@apply bg-white rounded-lg
|
|
229
|
+
border border-gray-400 hover:border-neutral-300 hover:bg-black/10;
|
|
230
|
+
}
|
|
231
|
+
|
|
227
232
|
/* GENERIC CARD */
|
|
228
233
|
.gn-ui-card {
|
|
229
234
|
@apply flex flex-row border border-gray-200 rounded-xl p-4 gap-2 w-full;
|
package/translations/de.json
CHANGED
|
@@ -65,9 +65,10 @@
|
|
|
65
65
|
"dataset.error.restrictedAccess": "",
|
|
66
66
|
"dataset.error.unknown": "Die Daten können nicht angezeigt werden: \"{ info }\"",
|
|
67
67
|
"dataset.error.unsupportedType": "Der folgende Inhaltstyp wird nicht unterstützt: \"{ info }\"",
|
|
68
|
-
"daterange.filter.
|
|
68
|
+
"daterange.filter.datePlaceholder": "tt.mm.jjjj",
|
|
69
|
+
"daterange.filter.from": "Ab dem",
|
|
69
70
|
"daterange.filter.period": "Zeitraum auswählen",
|
|
70
|
-
"daterange.filter.to": "Bis",
|
|
71
|
+
"daterange.filter.to": "Bis zum",
|
|
71
72
|
"domain.contact.role.author": "Autor",
|
|
72
73
|
"domain.contact.role.collaborator": "Mitarbeiter",
|
|
73
74
|
"domain.contact.role.contributor": "Beitragender",
|
|
@@ -689,9 +690,22 @@
|
|
|
689
690
|
"search.filters.recordKind.reuse": "Wiederverwendungen",
|
|
690
691
|
"search.filters.recordKind.service": "Dienste",
|
|
691
692
|
"search.filters.representationType": "Repräsentationstyp",
|
|
693
|
+
"search.filters.resourceCreationRevisionDate": "Ressourcendatum",
|
|
692
694
|
"search.filters.resourceType": "Ressourcentyp",
|
|
695
|
+
"search.filters.spatialExtent": "",
|
|
696
|
+
"search.filters.spatialExtent.bboxFromFile": "",
|
|
697
|
+
"search.filters.spatialExtent.bboxFromFileDelete": "",
|
|
698
|
+
"search.filters.spatialExtent.bboxInitial": "",
|
|
699
|
+
"search.filters.spatialExtent.bboxInitialDelete": "",
|
|
700
|
+
"search.filters.spatialExtent.error.fileTooLarge": "",
|
|
701
|
+
"search.filters.spatialExtent.error.invalidFormat": "",
|
|
702
|
+
"search.filters.spatialExtent.error.noGeometry": "",
|
|
703
|
+
"search.filters.spatialExtent.error.title": "",
|
|
704
|
+
"search.filters.spatialExtent.helpText": "",
|
|
705
|
+
"search.filters.spatialExtent.import": "",
|
|
693
706
|
"search.filters.standard": "Standard",
|
|
694
707
|
"search.filters.summaryLabel.changeDate": "Geändert am: ",
|
|
708
|
+
"search.filters.summaryLabel.resourceCreationRevisionDate": "Ressourcendatum: ",
|
|
695
709
|
"search.filters.summaryLabel.user": "Geändert von: ",
|
|
696
710
|
"search.filters.title": "Ergebnisse filtern",
|
|
697
711
|
"search.filters.topic": "Themen",
|
package/translations/en.json
CHANGED
|
@@ -65,9 +65,10 @@
|
|
|
65
65
|
"dataset.error.restrictedAccess": "Access to this resource is restricted",
|
|
66
66
|
"dataset.error.unknown": "The data cannot be displayed: \"{ info }\"",
|
|
67
67
|
"dataset.error.unsupportedType": "The following content type is unsupported: \"{ info }\"",
|
|
68
|
+
"daterange.filter.datePlaceholder": "mm/dd/yyyy",
|
|
68
69
|
"daterange.filter.from": "From",
|
|
69
70
|
"daterange.filter.period": "Period",
|
|
70
|
-
"daterange.filter.to": "
|
|
71
|
+
"daterange.filter.to": "Until",
|
|
71
72
|
"domain.contact.role.author": "Author",
|
|
72
73
|
"domain.contact.role.collaborator": "Collaborator",
|
|
73
74
|
"domain.contact.role.contributor": "Contributor",
|
|
@@ -689,9 +690,22 @@
|
|
|
689
690
|
"search.filters.recordKind.reuse": "Reuses",
|
|
690
691
|
"search.filters.recordKind.service": "Services",
|
|
691
692
|
"search.filters.representationType": "Representation type",
|
|
693
|
+
"search.filters.resourceCreationRevisionDate": "Resource date",
|
|
692
694
|
"search.filters.resourceType": "Resource type",
|
|
695
|
+
"search.filters.spatialExtent": "Spatial extent",
|
|
696
|
+
"search.filters.spatialExtent.bboxFromFile": "extent from {fileName}",
|
|
697
|
+
"search.filters.spatialExtent.bboxFromFileDelete": "Delete {fileName}",
|
|
698
|
+
"search.filters.spatialExtent.bboxInitial": "Pre-selected extent",
|
|
699
|
+
"search.filters.spatialExtent.bboxInitialDelete": "Delete selection",
|
|
700
|
+
"search.filters.spatialExtent.error.fileTooLarge": "The file exceeds the maximum allowed size ({maxSize} MB)",
|
|
701
|
+
"search.filters.spatialExtent.error.invalidFormat": "The file could not be read as a valid GeoJSON",
|
|
702
|
+
"search.filters.spatialExtent.error.noGeometry": "No geometry could be found in the file",
|
|
703
|
+
"search.filters.spatialExtent.error.title": "GeoJSON import error",
|
|
704
|
+
"search.filters.spatialExtent.helpText": "The selected item for the spatial extent will be converted to a bbox",
|
|
705
|
+
"search.filters.spatialExtent.import": "Import a GeoJSON",
|
|
693
706
|
"search.filters.standard": "Standard",
|
|
694
707
|
"search.filters.summaryLabel.changeDate": "Updated: ",
|
|
708
|
+
"search.filters.summaryLabel.resourceCreationRevisionDate": "Resource date: ",
|
|
695
709
|
"search.filters.summaryLabel.user": "Editor: ",
|
|
696
710
|
"search.filters.title": "Filter your results",
|
|
697
711
|
"search.filters.topic": "Topics",
|
package/translations/es.json
CHANGED
|
@@ -65,6 +65,7 @@
|
|
|
65
65
|
"dataset.error.restrictedAccess": "",
|
|
66
66
|
"dataset.error.unknown": "",
|
|
67
67
|
"dataset.error.unsupportedType": "",
|
|
68
|
+
"daterange.filter.datePlaceholder": "dd/mm/aaaa",
|
|
68
69
|
"daterange.filter.from": "",
|
|
69
70
|
"daterange.filter.period": "",
|
|
70
71
|
"daterange.filter.to": "",
|
|
@@ -689,9 +690,22 @@
|
|
|
689
690
|
"search.filters.recordKind.reuse": "",
|
|
690
691
|
"search.filters.recordKind.service": "",
|
|
691
692
|
"search.filters.representationType": "",
|
|
693
|
+
"search.filters.resourceCreationRevisionDate": "",
|
|
692
694
|
"search.filters.resourceType": "",
|
|
695
|
+
"search.filters.spatialExtent": "",
|
|
696
|
+
"search.filters.spatialExtent.bboxFromFile": "",
|
|
697
|
+
"search.filters.spatialExtent.bboxFromFileDelete": "",
|
|
698
|
+
"search.filters.spatialExtent.bboxInitial": "",
|
|
699
|
+
"search.filters.spatialExtent.bboxInitialDelete": "",
|
|
700
|
+
"search.filters.spatialExtent.error.fileTooLarge": "",
|
|
701
|
+
"search.filters.spatialExtent.error.invalidFormat": "",
|
|
702
|
+
"search.filters.spatialExtent.error.noGeometry": "",
|
|
703
|
+
"search.filters.spatialExtent.error.title": "",
|
|
704
|
+
"search.filters.spatialExtent.helpText": "",
|
|
705
|
+
"search.filters.spatialExtent.import": "",
|
|
693
706
|
"search.filters.standard": "",
|
|
694
707
|
"search.filters.summaryLabel.changeDate": "",
|
|
708
|
+
"search.filters.summaryLabel.resourceCreationRevisionDate": "",
|
|
695
709
|
"search.filters.summaryLabel.user": "",
|
|
696
710
|
"search.filters.title": "",
|
|
697
711
|
"search.filters.topic": "",
|
package/translations/fr.json
CHANGED
|
@@ -65,9 +65,10 @@
|
|
|
65
65
|
"dataset.error.restrictedAccess": "L’accès à cette ressource est restreint",
|
|
66
66
|
"dataset.error.unknown": "Les données ne peuvent être affichées: \"{ info }\"",
|
|
67
67
|
"dataset.error.unsupportedType": "Le type de contenu suivant n'est pas pris en charge: \"{ info }\"",
|
|
68
|
-
"daterange.filter.
|
|
68
|
+
"daterange.filter.datePlaceholder": "jj/mm/aaaa",
|
|
69
|
+
"daterange.filter.from": "A partir du",
|
|
69
70
|
"daterange.filter.period": "Choix de la période",
|
|
70
|
-
"daterange.filter.to": "
|
|
71
|
+
"daterange.filter.to": "Jusqu'au",
|
|
71
72
|
"domain.contact.role.author": "Auteur",
|
|
72
73
|
"domain.contact.role.collaborator": "Collaborateur",
|
|
73
74
|
"domain.contact.role.contributor": "Contributeur",
|
|
@@ -689,9 +690,22 @@
|
|
|
689
690
|
"search.filters.recordKind.reuse": "Réutilisations",
|
|
690
691
|
"search.filters.recordKind.service": "Services",
|
|
691
692
|
"search.filters.representationType": "Type de représentation",
|
|
693
|
+
"search.filters.resourceCreationRevisionDate": "Date de la ressource",
|
|
692
694
|
"search.filters.resourceType": "Type de ressource",
|
|
695
|
+
"search.filters.spatialExtent": "Étendue spatiale",
|
|
696
|
+
"search.filters.spatialExtent.bboxFromFile": "étendue de {fileName}",
|
|
697
|
+
"search.filters.spatialExtent.bboxFromFileDelete": "Supprimer {fileName}",
|
|
698
|
+
"search.filters.spatialExtent.bboxInitial": "étendue présélectionnée",
|
|
699
|
+
"search.filters.spatialExtent.bboxInitialDelete": "Supprimer la sélection",
|
|
700
|
+
"search.filters.spatialExtent.error.fileTooLarge": "Le fichier dépasse la taille maximale autorisée ({maxSize} Mo)",
|
|
701
|
+
"search.filters.spatialExtent.error.invalidFormat": "Le fichier n'a pas pu être lu comme un GeoJSON valide",
|
|
702
|
+
"search.filters.spatialExtent.error.noGeometry": "Aucune géométrie n'a pu être trouvée dans le fichier",
|
|
703
|
+
"search.filters.spatialExtent.error.title": "Erreur d'importation GeoJSON",
|
|
704
|
+
"search.filters.spatialExtent.helpText": "L’élément sélectionné pour l'étendue sera converti en bbox",
|
|
705
|
+
"search.filters.spatialExtent.import": "Importer un GeoJSON",
|
|
693
706
|
"search.filters.standard": "Standard",
|
|
694
707
|
"search.filters.summaryLabel.changeDate": "Mise à jour : ",
|
|
708
|
+
"search.filters.summaryLabel.resourceCreationRevisionDate": "Date de la ressource : ",
|
|
695
709
|
"search.filters.summaryLabel.user": "Éditeur : ",
|
|
696
710
|
"search.filters.title": "Affiner votre recherche",
|
|
697
711
|
"search.filters.topic": "Thèmes",
|
package/translations/it.json
CHANGED
|
@@ -65,6 +65,7 @@
|
|
|
65
65
|
"dataset.error.restrictedAccess": "L'accesso a questa risorsa è limitato",
|
|
66
66
|
"dataset.error.unknown": "Impossibile visualizzare i dati: \"{info}\"",
|
|
67
67
|
"dataset.error.unsupportedType": "Il seguente tipo di contenuto non è supportato: \"{info}\"",
|
|
68
|
+
"daterange.filter.datePlaceholder": "gg/mm/aaaa",
|
|
68
69
|
"daterange.filter.from": "",
|
|
69
70
|
"daterange.filter.period": "",
|
|
70
71
|
"daterange.filter.to": "",
|
|
@@ -689,9 +690,22 @@
|
|
|
689
690
|
"search.filters.recordKind.reuse": "Riutilizzi",
|
|
690
691
|
"search.filters.recordKind.service": "Servizi",
|
|
691
692
|
"search.filters.representationType": "Tipo di rappresentazione",
|
|
693
|
+
"search.filters.resourceCreationRevisionDate": "Data della risorsa",
|
|
692
694
|
"search.filters.resourceType": "Tipo di risorsa",
|
|
695
|
+
"search.filters.spatialExtent": "",
|
|
696
|
+
"search.filters.spatialExtent.bboxFromFile": "",
|
|
697
|
+
"search.filters.spatialExtent.bboxFromFileDelete": "",
|
|
698
|
+
"search.filters.spatialExtent.bboxInitial": "",
|
|
699
|
+
"search.filters.spatialExtent.bboxInitialDelete": "",
|
|
700
|
+
"search.filters.spatialExtent.error.fileTooLarge": "",
|
|
701
|
+
"search.filters.spatialExtent.error.invalidFormat": "",
|
|
702
|
+
"search.filters.spatialExtent.error.noGeometry": "",
|
|
703
|
+
"search.filters.spatialExtent.error.title": "",
|
|
704
|
+
"search.filters.spatialExtent.helpText": "",
|
|
705
|
+
"search.filters.spatialExtent.import": "",
|
|
693
706
|
"search.filters.standard": "Standard",
|
|
694
707
|
"search.filters.summaryLabel.changeDate": "Aggiornato: ",
|
|
708
|
+
"search.filters.summaryLabel.resourceCreationRevisionDate": "Data della risorsa: ",
|
|
695
709
|
"search.filters.summaryLabel.user": "Editor: ",
|
|
696
710
|
"search.filters.title": "Affina la sua ricerca",
|
|
697
711
|
"search.filters.topic": "Argomenti",
|