geonetwork-ui 2.11.0-dev.5c2e5295e → 2.11.0-dev.6804f3b43
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 +2533 -1984
- package/fesm2022/geonetwork-ui.mjs.map +1 -1
- package/index.d.ts +323 -153
- package/index.d.ts.map +1 -1
- package/package.json +12 -11
- package/src/libs/api/metadata-converter/src/lib/gn4/gn4.field.mapper.ts +43 -13
- package/src/libs/api/repository/src/lib/gn4/elasticsearch/elasticsearch.service.ts +135 -35
- package/src/libs/api/repository/src/lib/gn4/gn4-repository.ts +40 -16
- package/src/libs/common/domain/src/lib/model/record/metadata.model.ts +12 -0
- package/src/libs/common/domain/src/lib/model/search/aggregation.model.ts +2 -0
- package/src/libs/common/domain/src/lib/model/search/filter.model.ts +24 -2
- package/src/libs/common/domain/src/lib/repository/records-repository.interface.ts +2 -2
- package/src/libs/feature/dataviz/src/lib/chart-view/chart-view.component.ts +3 -2
- package/src/libs/feature/dataviz/src/lib/geo-table-view/geo-table-view.component.ts +2 -1
- package/src/libs/feature/dataviz/src/lib/service/data.service.ts +22 -22
- package/src/libs/feature/map/src/index.ts +0 -2
- package/src/libs/feature/map/src/lib/add-layer-from-file/add-layer-from-file.component.html +1 -0
- package/src/libs/feature/map/src/lib/feature-map.module.ts +1 -8
- package/src/libs/feature/notifications/src/lib/notifications.service.ts +6 -4
- package/src/libs/feature/notify-reuse/src/lib/notify-reuse-form/notify-reuse-form.component.ts +8 -3
- package/src/libs/feature/record/src/lib/state/mdview.actions.ts +4 -8
- package/src/libs/feature/record/src/lib/state/mdview.effects.ts +7 -16
- package/src/libs/feature/record/src/lib/state/mdview.facade.ts +1 -3
- package/src/libs/feature/record/src/lib/state/mdview.reducer.ts +4 -9
- package/src/libs/feature/record/src/lib/state/mdview.selectors.ts +2 -7
- package/src/libs/feature/router/src/lib/default/state/query-params.utils.ts +1 -1
- package/src/libs/feature/search/src/index.ts +2 -0
- 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 +63 -19
- package/src/libs/feature/{map/src/lib → search/src/lib/geocoding}/geocoding.service.ts +16 -7
- package/src/libs/feature/search/src/lib/location-search/location-search.component.html +8 -0
- package/src/libs/feature/search/src/lib/location-search/location-search.component.ts +40 -0
- package/src/libs/feature/search/src/lib/search-filters-summary-item/search-filters-summary-item.component.ts +19 -8
- package/src/libs/feature/search/src/lib/state/reducer.ts +1 -4
- package/src/libs/feature/search/src/lib/utils/service/fields.service.ts +58 -4
- package/src/libs/feature/search/src/lib/utils/service/fields.ts +92 -9
- package/src/libs/ui/dataviz/src/lib/data-table/data-table.component.html +6 -7
- package/src/libs/ui/dataviz/src/lib/data-table/data-table.component.ts +31 -19
- package/src/libs/ui/dataviz/src/lib/data-table/data-table.fixtures.ts +2 -2
- package/src/libs/ui/elements/src/lib/service-capabilities/service-capabilities.component.ts +2 -1
- package/src/libs/ui/inputs/src/index.ts +2 -0
- package/src/libs/ui/inputs/src/lib/autocomplete/autocomplete.component.html +10 -1
- package/src/libs/ui/inputs/src/lib/autocomplete/autocomplete.component.ts +8 -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 +7 -4
- package/src/libs/ui/inputs/src/lib/dropdown-multiselect/dropdown-multiselect.component.ts +12 -9
- package/src/libs/ui/inputs/src/lib/dropdown-multiselect/dropdown-multiselect.model.ts +2 -2
- 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 +221 -0
- package/src/libs/ui/layout/src/lib/block-list/block-list.component.css +1 -0
- package/src/libs/ui/map/src/lib/components/map-container/map-container.component.ts +6 -5
- package/src/libs/util/app-config/src/lib/app-config.ts +25 -0
- package/src/libs/util/app-config/src/lib/fixtures.ts +33 -1
- package/src/libs/util/app-config/src/lib/model.ts +15 -1
- package/src/libs/util/data-fetcher/src/lib/data-fetcher.ts +19 -22
- package/src/libs/util/data-fetcher/src/lib/engine/duckdb.ts +185 -0
- package/src/libs/util/data-fetcher/src/lib/engine/results.ts +63 -0
- package/src/libs/util/data-fetcher/src/lib/{sql-utils.ts → engine/sql-utils.ts} +28 -13
- package/src/libs/util/data-fetcher/src/lib/model.ts +2 -1
- package/src/libs/util/data-fetcher/src/lib/readers/base-file.ts +53 -38
- package/src/libs/util/data-fetcher/src/lib/readers/base.ts +11 -0
- package/src/libs/util/data-fetcher/src/lib/readers/csv.ts +9 -47
- package/src/libs/util/data-fetcher/src/lib/readers/excel.ts +27 -27
- package/src/libs/util/data-fetcher/src/lib/readers/geojson.ts +5 -24
- package/src/libs/util/data-fetcher/src/lib/readers/gml.ts +5 -49
- package/src/libs/util/data-fetcher/src/lib/readers/json.ts +5 -23
- package/src/libs/util/data-fetcher/src/lib/readers/wfs.ts +184 -128
- package/src/libs/util/data-fetcher/src/lib/utils.ts +0 -143
- 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/links/link-utils.ts +19 -10
- 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 +24 -0
- package/src/libs/util/shared/src/lib/utils/index.ts +1 -0
- package/tailwind.base.css +5 -0
- package/translations/de.json +22 -4
- package/translations/en.json +21 -3
- package/translations/es.json +19 -1
- package/translations/fr.json +26 -8
- package/translations/it.json +20 -2
- package/translations/nl.json +19 -1
- package/translations/pt.json +19 -1
- package/translations/sk.json +20 -2
- package/src/libs/feature/map/src/lib/geocoding/geocoding.component.html +0 -41
- package/src/libs/feature/map/src/lib/geocoding/geocoding.component.ts +0 -112
- package/src/libs/feature/map/src/lib/style/index.ts +0 -2
- package/src/libs/feature/map/src/lib/style/map-style.fixtures.ts +0 -47
- package/src/libs/feature/map/src/lib/style/map-style.service.ts +0 -108
- package/src/libs/util/data-fetcher/src/lib/readers/base-cache.ts +0 -14
- /package/src/libs/{feature/map/src/lib/geocoding/geocoding.component.css → ui/inputs/src/lib/spatial-extent-dropdown/spatial-extent-dropdown.component.css} +0 -0
package/translations/sk.json
CHANGED
|
@@ -65,6 +65,7 @@
|
|
|
65
65
|
"dataset.error.restrictedAccess": "",
|
|
66
66
|
"dataset.error.unknown": "Dáta nie je možné zobraziť: \"{ info }\"",
|
|
67
67
|
"dataset.error.unsupportedType": "Nepodporovaný typ obsahu: \"{ info }\"",
|
|
68
|
+
"daterange.filter.datePlaceholder": "d. m. rrrr",
|
|
68
69
|
"daterange.filter.from": "",
|
|
69
70
|
"daterange.filter.period": "",
|
|
70
71
|
"daterange.filter.to": "",
|
|
@@ -424,7 +425,6 @@
|
|
|
424
425
|
"map.add.layer.wms": "Z WMS",
|
|
425
426
|
"map.addFromFile.placeholder": "Kliknite na tlačidlo alebo sem vložte súbor",
|
|
426
427
|
"map.dropdown.placeholder": "",
|
|
427
|
-
"map.geocoding.placeholder": "Nájsť miesto",
|
|
428
428
|
"map.help.addFromFile": "Kliknite na tlačidlo alebo sem vložte súbor, ktorý chcete pridať do mapy (v súčasnosti podporuje iba formát GeoJSON).",
|
|
429
429
|
"map.layer.add": "Pridať",
|
|
430
430
|
"map.layers.available": "Dostupné vrsty",
|
|
@@ -545,11 +545,12 @@
|
|
|
545
545
|
"record.metadata.download": "Sťahovania",
|
|
546
546
|
"record.metadata.feature.catalog": "",
|
|
547
547
|
"record.metadata.formats": "Formáty",
|
|
548
|
-
"record.metadata.isGeographical": "
|
|
548
|
+
"record.metadata.isGeographical": "geo",
|
|
549
549
|
"record.metadata.keywords": "Kľúčové slová",
|
|
550
550
|
"record.metadata.languages": "",
|
|
551
551
|
"record.metadata.link.postgis.table": "",
|
|
552
552
|
"record.metadata.link.postgis.tooltip": "",
|
|
553
|
+
"record.metadata.linked.associatedRecords": "",
|
|
553
554
|
"record.metadata.linked.datasets": "",
|
|
554
555
|
"record.metadata.linked.records": "",
|
|
555
556
|
"record.metadata.linked.reuses": "",
|
|
@@ -657,6 +658,7 @@
|
|
|
657
658
|
"search.filters.changeDate": "",
|
|
658
659
|
"search.filters.clear": "Obnoviť",
|
|
659
660
|
"search.filters.contact": "Kontakty",
|
|
661
|
+
"search.filters.documentStandard": "",
|
|
660
662
|
"search.filters.format": "Formáty",
|
|
661
663
|
"search.filters.inspireKeyword": "Kľúčové slová INSPIRE",
|
|
662
664
|
"search.filters.isSpatial": "Je priestorový údaj",
|
|
@@ -688,10 +690,26 @@
|
|
|
688
690
|
"search.filters.recordKind.reuse": "",
|
|
689
691
|
"search.filters.recordKind.service": "",
|
|
690
692
|
"search.filters.representationType": "Typ reprezentácie",
|
|
693
|
+
"search.filters.resourceCreationRevisionDate": "",
|
|
691
694
|
"search.filters.resourceType": "Typ zdroja",
|
|
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.outOfBounds": "",
|
|
704
|
+
"search.filters.spatialExtent.error.title": "",
|
|
705
|
+
"search.filters.spatialExtent.helpText": "",
|
|
706
|
+
"search.filters.spatialExtent.import": "",
|
|
692
707
|
"search.filters.standard": "Štandard",
|
|
693
708
|
"search.filters.summaryLabel.changeDate": "",
|
|
709
|
+
"search.filters.summaryLabel.resourceCreationRevisionDate": "",
|
|
710
|
+
"search.filters.summaryLabel.temporalExtent": "",
|
|
694
711
|
"search.filters.summaryLabel.user": "",
|
|
712
|
+
"search.filters.temporalExtent": "",
|
|
695
713
|
"search.filters.title": "Filtrovanie výsledkov",
|
|
696
714
|
"search.filters.topic": "Témy",
|
|
697
715
|
"search.filters.useSpatialFilter": "Najskôr zobraziť záznamy v oblasti záujmu",
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
<gn-ui-search-input
|
|
2
|
-
[(value)]="searchText"
|
|
3
|
-
(valueChange)="onSearchChange($event)"
|
|
4
|
-
(keyup.enter)="onEnterPress()"
|
|
5
|
-
[placeholder]="'map.geocoding.placeholder' | translate"
|
|
6
|
-
>
|
|
7
|
-
</gn-ui-search-input>
|
|
8
|
-
@if (results && results.length) {
|
|
9
|
-
<ul
|
|
10
|
-
class="bg-gray-50 border border-gray-200 w-full mt-2 shadow-sm rounded-lg"
|
|
11
|
-
>
|
|
12
|
-
@for (result of results; track result) {
|
|
13
|
-
<li
|
|
14
|
-
(click)="zoomToLocation(result)"
|
|
15
|
-
class="flex items-center pl-8 pr-4 py-2 border-b border-gray-200 relative cursor-pointer hover:bg-blue-100 hover:text-gray-800 transition duration-300 ease-in-out"
|
|
16
|
-
>
|
|
17
|
-
<svg
|
|
18
|
-
class="stroke-current text-blue-500 absolute w-5 h-5 left-3 top-3"
|
|
19
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
20
|
-
fill="none"
|
|
21
|
-
viewBox="0 0 24 24"
|
|
22
|
-
stroke="currentColor"
|
|
23
|
-
>
|
|
24
|
-
<path
|
|
25
|
-
stroke-linecap="round"
|
|
26
|
-
stroke-linejoin="round"
|
|
27
|
-
stroke-width="2"
|
|
28
|
-
d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"
|
|
29
|
-
/>
|
|
30
|
-
<path
|
|
31
|
-
stroke-linecap="round"
|
|
32
|
-
stroke-linejoin="round"
|
|
33
|
-
stroke-width="2"
|
|
34
|
-
d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"
|
|
35
|
-
/>
|
|
36
|
-
</svg>
|
|
37
|
-
<span class="font-sans font-semibold ml-4">{{ result.label }}</span>
|
|
38
|
-
</li>
|
|
39
|
-
}
|
|
40
|
-
</ul>
|
|
41
|
-
}
|
|
@@ -1,112 +0,0 @@
|
|
|
1
|
-
import { Component, OnDestroy, inject } from '@angular/core'
|
|
2
|
-
import { catchError, firstValueFrom, from, Subject, takeUntil } from 'rxjs'
|
|
3
|
-
import { debounceTime, switchMap } from 'rxjs/operators'
|
|
4
|
-
import { GeocodingService } from '../geocoding.service'
|
|
5
|
-
import { MapFacade } from '../+state/map.facade'
|
|
6
|
-
|
|
7
|
-
import { SearchInputComponent } from '../../../../../../libs/ui/inputs/src'
|
|
8
|
-
import { TranslatePipe } from '@ngx-translate/core'
|
|
9
|
-
import { MapContextView } from '@geospatial-sdk/core'
|
|
10
|
-
|
|
11
|
-
@Component({
|
|
12
|
-
selector: 'gn-ui-geocoding',
|
|
13
|
-
templateUrl: './geocoding.component.html',
|
|
14
|
-
styleUrls: ['./geocoding.component.css'],
|
|
15
|
-
standalone: true,
|
|
16
|
-
imports: [SearchInputComponent, TranslatePipe],
|
|
17
|
-
})
|
|
18
|
-
export class GeocodingComponent implements OnDestroy {
|
|
19
|
-
private mapFacade = inject(MapFacade)
|
|
20
|
-
private geocodingService = inject(GeocodingService)
|
|
21
|
-
|
|
22
|
-
searchText = ''
|
|
23
|
-
results: any[] = []
|
|
24
|
-
searchTextChanged = new Subject<string>()
|
|
25
|
-
destroy$ = new Subject<void>()
|
|
26
|
-
errorMessage: string | null = null
|
|
27
|
-
|
|
28
|
-
constructor() {
|
|
29
|
-
this.searchTextChanged
|
|
30
|
-
.pipe(
|
|
31
|
-
debounceTime(300),
|
|
32
|
-
switchMap((searchText) => {
|
|
33
|
-
return from(this.geocodingService.query(searchText)).pipe(
|
|
34
|
-
catchError((error) => {
|
|
35
|
-
this.errorMessage =
|
|
36
|
-
'An error occurred while searching. Please try again.'
|
|
37
|
-
console.error(error)
|
|
38
|
-
return []
|
|
39
|
-
})
|
|
40
|
-
)
|
|
41
|
-
}),
|
|
42
|
-
takeUntil(this.destroy$)
|
|
43
|
-
)
|
|
44
|
-
.subscribe((results) => {
|
|
45
|
-
this.results = results
|
|
46
|
-
})
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
ngOnDestroy() {
|
|
50
|
-
this.destroy$.next()
|
|
51
|
-
this.destroy$.complete()
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
onSearchChange(searchText: string) {
|
|
55
|
-
if (!searchText) {
|
|
56
|
-
this.clearSearch()
|
|
57
|
-
return
|
|
58
|
-
} else {
|
|
59
|
-
this.searchTextChanged.next(searchText)
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
clearSearch() {
|
|
64
|
-
this.searchText = ''
|
|
65
|
-
this.results = []
|
|
66
|
-
this.errorMessage = null
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
async zoomToLocation(result: any) {
|
|
70
|
-
const geometry = result.geom
|
|
71
|
-
|
|
72
|
-
if (geometry.type === 'Point') {
|
|
73
|
-
await this.zoomToPoint(geometry.coordinates)
|
|
74
|
-
} else if (geometry.type === 'Polygon') {
|
|
75
|
-
await this.zoomToPolygon(geometry.coordinates)
|
|
76
|
-
} else {
|
|
77
|
-
console.error(`Unsupported geometry type: ${geometry.type}`)
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
async zoomToPoint(pointCoords: [number, number]) {
|
|
82
|
-
const context = await firstValueFrom(this.mapFacade.context$)
|
|
83
|
-
const view: MapContextView = {
|
|
84
|
-
center: pointCoords,
|
|
85
|
-
zoom: 10,
|
|
86
|
-
}
|
|
87
|
-
this.mapFacade.applyContext({
|
|
88
|
-
...context,
|
|
89
|
-
view,
|
|
90
|
-
})
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
async zoomToPolygon(polygonCoords: [[number, number][]]) {
|
|
94
|
-
const context = await firstValueFrom(this.mapFacade.context$)
|
|
95
|
-
const view: MapContextView = {
|
|
96
|
-
geometry: {
|
|
97
|
-
type: 'Polygon',
|
|
98
|
-
coordinates: polygonCoords,
|
|
99
|
-
},
|
|
100
|
-
}
|
|
101
|
-
this.mapFacade.applyContext({
|
|
102
|
-
...context,
|
|
103
|
-
view,
|
|
104
|
-
})
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
onEnterPress() {
|
|
108
|
-
if (this.results && this.results.length > 0) {
|
|
109
|
-
this.zoomToLocation(this.results[0])
|
|
110
|
-
}
|
|
111
|
-
}
|
|
112
|
-
}
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { Circle, Fill, Stroke, Style } from 'ol/style.js'
|
|
2
|
-
|
|
3
|
-
const colorPrimary = 'blue'
|
|
4
|
-
const colorSecondary = 'red'
|
|
5
|
-
const colorStroke = 'white'
|
|
6
|
-
|
|
7
|
-
export const defaultMapStyleFixture = (): Style =>
|
|
8
|
-
new Style({
|
|
9
|
-
image: new Circle({
|
|
10
|
-
fill: new Fill({
|
|
11
|
-
color: colorPrimary,
|
|
12
|
-
}),
|
|
13
|
-
stroke: new Stroke({
|
|
14
|
-
color: colorStroke,
|
|
15
|
-
width: 2,
|
|
16
|
-
}),
|
|
17
|
-
radius: 5,
|
|
18
|
-
}),
|
|
19
|
-
fill: new Fill({
|
|
20
|
-
color: 'rgba(0,0,255,0.25)',
|
|
21
|
-
}),
|
|
22
|
-
stroke: new Stroke({
|
|
23
|
-
color: colorStroke,
|
|
24
|
-
width: 2,
|
|
25
|
-
}),
|
|
26
|
-
})
|
|
27
|
-
|
|
28
|
-
export const defaultMapStyleHlFixture = (): Style =>
|
|
29
|
-
new Style({
|
|
30
|
-
image: new Circle({
|
|
31
|
-
fill: new Fill({
|
|
32
|
-
color: colorSecondary,
|
|
33
|
-
}),
|
|
34
|
-
stroke: new Stroke({
|
|
35
|
-
color: colorStroke,
|
|
36
|
-
width: 3,
|
|
37
|
-
}),
|
|
38
|
-
radius: 6,
|
|
39
|
-
}),
|
|
40
|
-
fill: new Fill({
|
|
41
|
-
color: 'rgba(255,0,0,0.25)',
|
|
42
|
-
}),
|
|
43
|
-
stroke: new Stroke({
|
|
44
|
-
color: colorSecondary,
|
|
45
|
-
width: 3,
|
|
46
|
-
}),
|
|
47
|
-
})
|
|
@@ -1,108 +0,0 @@
|
|
|
1
|
-
import { Injectable } from '@angular/core'
|
|
2
|
-
import { getThemeConfig, isConfigLoaded } from '../../../../../../libs/util/app-config/src'
|
|
3
|
-
import chroma from 'chroma-js'
|
|
4
|
-
import Feature from 'ol/Feature.js'
|
|
5
|
-
import { Fill, Stroke, Style } from 'ol/style.js'
|
|
6
|
-
import CircleStyle from 'ol/style/Circle.js'
|
|
7
|
-
import { StyleLike } from 'ol/style/Style.js'
|
|
8
|
-
|
|
9
|
-
export interface CreateStyleOptions {
|
|
10
|
-
color: string
|
|
11
|
-
isFocused?: boolean
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
export type StyleByGeometryType = {
|
|
15
|
-
line: Style | Style[]
|
|
16
|
-
polygon: Style | Style[]
|
|
17
|
-
point: Style | Style[]
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
@Injectable({
|
|
21
|
-
providedIn: 'root',
|
|
22
|
-
})
|
|
23
|
-
export class MapStyleService {
|
|
24
|
-
styles = {
|
|
25
|
-
default: this.createStyleFunction(
|
|
26
|
-
this.createGeometryStyles({
|
|
27
|
-
color: isConfigLoaded() ? getThemeConfig().PRIMARY_COLOR : 'blue',
|
|
28
|
-
})
|
|
29
|
-
),
|
|
30
|
-
defaultHL: this.createStyleFunction(
|
|
31
|
-
this.createGeometryStyles({
|
|
32
|
-
color: isConfigLoaded() ? getThemeConfig().SECONDARY_COLOR : 'red',
|
|
33
|
-
isFocused: true,
|
|
34
|
-
})
|
|
35
|
-
),
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
createGeometryStyles(options: CreateStyleOptions): StyleByGeometryType {
|
|
39
|
-
const { color, isFocused } = options
|
|
40
|
-
const zIndex = isFocused ? 10 : undefined
|
|
41
|
-
return {
|
|
42
|
-
polygon: new Style({
|
|
43
|
-
fill: new Fill({
|
|
44
|
-
color: this.computeTransparentFillColor(color),
|
|
45
|
-
}),
|
|
46
|
-
stroke: new Stroke({
|
|
47
|
-
color: 'white',
|
|
48
|
-
width: 2,
|
|
49
|
-
}),
|
|
50
|
-
zIndex,
|
|
51
|
-
}),
|
|
52
|
-
point: new Style({
|
|
53
|
-
image: new CircleStyle({
|
|
54
|
-
fill: new Fill({
|
|
55
|
-
color,
|
|
56
|
-
}),
|
|
57
|
-
stroke: new Stroke({
|
|
58
|
-
color: 'white',
|
|
59
|
-
width: isFocused ? 3 : 2,
|
|
60
|
-
}),
|
|
61
|
-
radius: isFocused ? 8 : 7,
|
|
62
|
-
}),
|
|
63
|
-
zIndex,
|
|
64
|
-
}),
|
|
65
|
-
line: [
|
|
66
|
-
new Style({
|
|
67
|
-
stroke: new Stroke({
|
|
68
|
-
color: 'white',
|
|
69
|
-
width: isFocused ? 8 : 6,
|
|
70
|
-
}),
|
|
71
|
-
zIndex,
|
|
72
|
-
}),
|
|
73
|
-
new Style({
|
|
74
|
-
stroke: new Stroke({
|
|
75
|
-
color,
|
|
76
|
-
width: isFocused ? 3 : 2,
|
|
77
|
-
}),
|
|
78
|
-
zIndex,
|
|
79
|
-
}),
|
|
80
|
-
],
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
createStyleFunction(styleByGeometryType: StyleByGeometryType): StyleLike {
|
|
85
|
-
return (feature: Feature): Style | Style[] => {
|
|
86
|
-
const geometryType = feature?.getGeometry()?.getType()
|
|
87
|
-
switch (geometryType) {
|
|
88
|
-
case 'LinearRing':
|
|
89
|
-
case 'LineString':
|
|
90
|
-
case 'MultiLineString':
|
|
91
|
-
return styleByGeometryType.line
|
|
92
|
-
case 'Point':
|
|
93
|
-
case 'MultiPoint':
|
|
94
|
-
return styleByGeometryType.point
|
|
95
|
-
case 'Circle':
|
|
96
|
-
case 'Polygon':
|
|
97
|
-
case 'MultiPolygon':
|
|
98
|
-
return styleByGeometryType.polygon
|
|
99
|
-
default:
|
|
100
|
-
return styleByGeometryType.point
|
|
101
|
-
}
|
|
102
|
-
}
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
private computeTransparentFillColor(color: string, alpha = 0.25): string {
|
|
106
|
-
return chroma(color).alpha(alpha).css()
|
|
107
|
-
}
|
|
108
|
-
}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { BaseReader } from './base'
|
|
2
|
-
|
|
3
|
-
export abstract class BaseCacheReader extends BaseReader {
|
|
4
|
-
constructor(
|
|
5
|
-
protected url: string,
|
|
6
|
-
protected cacheActive = true
|
|
7
|
-
) {
|
|
8
|
-
super(url)
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
setCacheActive(value: boolean) {
|
|
12
|
-
this.cacheActive = value
|
|
13
|
-
}
|
|
14
|
-
}
|