@esri/solutions-components 0.10.13 → 0.10.15
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/dist/cjs/calcite-flow_6.cjs.entry.js +10 -4
- package/dist/cjs/card-manager_3.cjs.entry.js +2 -1
- package/dist/cjs/crowdsource-manager.cjs.entry.js +3 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/solutions-components.cjs.js +1 -1
- package/dist/collection/components/card-manager/card-manager.js +19 -1
- package/dist/collection/components/create-feature/create-feature.js +10 -4
- package/dist/collection/components/crowdsource-manager/crowdsource-manager.js +20 -2
- package/dist/collection/demos/crowdsource-reporter.html +63 -113
- package/dist/components/card-manager2.js +3 -1
- package/dist/components/create-feature2.js +10 -4
- package/dist/components/crowdsource-manager.js +4 -2
- package/dist/esm/calcite-flow_6.entry.js +10 -4
- package/dist/esm/card-manager_3.entry.js +2 -1
- package/dist/esm/crowdsource-manager.entry.js +3 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/solutions-components.js +1 -1
- package/dist/solutions-components/demos/crowdsource-reporter.html +63 -113
- package/dist/solutions-components/p-8efa9edf.entry.js +6 -0
- package/dist/solutions-components/p-977f2314.entry.js +6 -0
- package/dist/solutions-components/p-f4750f05.entry.js +17 -0
- package/dist/solutions-components/solutions-components.esm.js +1 -1
- package/dist/types/components/card-manager/card-manager.d.ts +4 -0
- package/dist/types/components/crowdsource-manager/crowdsource-manager.d.ts +4 -0
- package/dist/types/components.d.ts +16 -0
- package/package.json +1 -1
- package/dist/solutions-components/p-40e305b4.entry.js +0 -17
- package/dist/solutions-components/p-4a0d9efe.entry.js +0 -6
- package/dist/solutions-components/p-f7d3ef3e.entry.js +0 -6
|
@@ -24,6 +24,7 @@ import { queryFeaturesByID } from "../../utils/queryUtils";
|
|
|
24
24
|
import { getLayerOrTable } from "../../utils/mapViewUtils";
|
|
25
25
|
export class CardManager {
|
|
26
26
|
constructor() {
|
|
27
|
+
this.customInfoText = undefined;
|
|
27
28
|
this.enableEditGeometry = false;
|
|
28
29
|
this.isMobile = undefined;
|
|
29
30
|
this.layer = undefined;
|
|
@@ -91,7 +92,7 @@ export class CardManager {
|
|
|
91
92
|
render() {
|
|
92
93
|
const featuresClass = this._graphics?.length > 0 ? "" : "display-none";
|
|
93
94
|
const messageClass = this._graphics?.length > 0 ? "display-none" : "";
|
|
94
|
-
return (h(Host, { key: '
|
|
95
|
+
return (h(Host, { key: 'dafff11793b5ae60164964c346cbb152caceaeb9' }, h("div", { key: '02507fe9e1f4205fe8a9342b466f1ada849c8ed8', class: "overflow-auto height-full" }, h("calcite-shell", { key: '712c42c4044c1386e8bc4ff42e44f250ac4023a2', class: "position-relative " + featuresClass }, h("div", { key: 'f2bc47f58463506f7ea8011495b22cafb63e4f27' }, h("info-card", { key: '1ad1fb78dcc99a43d92ad08d4c7bbeda7c2f276d', enableEditGeometry: this.enableEditGeometry, graphics: this._graphics, isLoading: this._cardLoading, isMobile: this.isMobile, mapView: this.mapView }))), h("calcite-shell", { key: 'fa9fcada67198c182f918b939826f1f7f19f8e5b', class: "position-relative " + messageClass }, h("div", { key: '0da349d1442b6375cde177780c5f868d2e32072a', class: "padding-1" }, h("calcite-notice", { key: 'c0e04ca03c546f90c942c2eef622fbe9c8e61227', icon: "table", open: true }, h("div", { key: '85e3925e725798189b16270df31c266c55391ec7', slot: "message" }, this.customInfoText || this._translations.selectFeaturesToStart)))))));
|
|
95
96
|
}
|
|
96
97
|
//--------------------------------------------------------------------------
|
|
97
98
|
//
|
|
@@ -133,6 +134,23 @@ export class CardManager {
|
|
|
133
134
|
}
|
|
134
135
|
static get properties() {
|
|
135
136
|
return {
|
|
137
|
+
"customInfoText": {
|
|
138
|
+
"type": "string",
|
|
139
|
+
"mutable": false,
|
|
140
|
+
"complexType": {
|
|
141
|
+
"original": "string",
|
|
142
|
+
"resolved": "string",
|
|
143
|
+
"references": {}
|
|
144
|
+
},
|
|
145
|
+
"required": false,
|
|
146
|
+
"optional": false,
|
|
147
|
+
"docs": {
|
|
148
|
+
"tags": [],
|
|
149
|
+
"text": "string: custom notice text to display"
|
|
150
|
+
},
|
|
151
|
+
"attribute": "custom-info-text",
|
|
152
|
+
"reflect": false
|
|
153
|
+
},
|
|
136
154
|
"enableEditGeometry": {
|
|
137
155
|
"type": "boolean",
|
|
138
156
|
"mutable": false,
|
|
@@ -232,7 +232,7 @@ export class CreateFeature {
|
|
|
232
232
|
const loaderClass = this._editorLoading ? "" : "display-none";
|
|
233
233
|
const featureFormClass = this._editorLoading ? "display-none" : "";
|
|
234
234
|
const mobileMapClass = this.isMobile ? "show-map" : "display-none";
|
|
235
|
-
return (h(Fragment, { key: '
|
|
235
|
+
return (h(Fragment, { key: 'aac8fd8fe4ba5d7fb67a2b74a86147e053c1b0b8' }, h("calcite-loader", { key: 'e440bd2e0f4cf5acf4fd6941ada508c8ac5a0380', class: loaderClass, label: "", scale: "s" }), h("div", { key: '055a4e4b30b1fe24e0735257fa54fa9845cbaf2f', class: featureFormClass, id: "feature-form" }), h("div", { key: '342847f06ba99ad3c9693026bc83a8ac18b6c05f', class: `search-widget ${showSearchWidget} ${featureFormClass}`, id: "search-widget-ref" }), h("div", { key: '0acb837b4604d8d590bbfbcd738a3e09a099c362', class: `${mobileMapClass}`, ref: (el) => { this._mapViewContainer = el; } })));
|
|
236
236
|
}
|
|
237
237
|
//--------------------------------------------------------------------------
|
|
238
238
|
//
|
|
@@ -336,6 +336,8 @@ export class CreateFeature {
|
|
|
336
336
|
}
|
|
337
337
|
//Add handle to watch if attachments are added/edited
|
|
338
338
|
const attachmentHandle = this.reactiveUtils.watch(() => this._editor.viewModel.state, (state) => {
|
|
339
|
+
console.log(`this._editor.viewModel.state: ${state}`);
|
|
340
|
+
console.log(`this._editor.viewModel?.activeWorkflow?.type: ${this._editor.viewModel?.activeWorkflow?.type}`);
|
|
339
341
|
if (state === 'adding-attachment' || state === 'editing-attachment') {
|
|
340
342
|
this._addingAttachment = true;
|
|
341
343
|
this.editingAttachment.emit(true);
|
|
@@ -350,7 +352,9 @@ export class CreateFeature {
|
|
|
350
352
|
this._editor.viewModel.addHandles(attachmentHandle);
|
|
351
353
|
//Add handle to watch featureTemplatesViewModel ready state and then start the creation
|
|
352
354
|
const handle = this.reactiveUtils.watch(() => this._editor.viewModel.featureTemplatesViewModel.state, (state) => {
|
|
353
|
-
|
|
355
|
+
console.log(`this._editor.viewModel.featureTemplatesViewModel.state: ${state}`);
|
|
356
|
+
console.log(`this._editor.viewModel?.activeWorkflow?.type: ${this._editor.viewModel?.activeWorkflow?.type}`);
|
|
357
|
+
if (state === 'ready' && this._editor.viewModel?.activeWorkflow?.type !== "create-features") {
|
|
354
358
|
this.progressStatus.emit(0.5);
|
|
355
359
|
this._editorLoading = true;
|
|
356
360
|
}
|
|
@@ -369,9 +373,10 @@ export class CreateFeature {
|
|
|
369
373
|
this._editor.viewModel.addHandles(formHandle);
|
|
370
374
|
//Add handle to watch editor viewmodel state and then show the search widget
|
|
371
375
|
const createFeatureHandle = this.reactiveUtils.watch(() => this._editor.viewModel.state, (state) => {
|
|
376
|
+
console.log(`==============================this._editor.viewModel.state: ${state}`);
|
|
372
377
|
if (state === 'creating-features') {
|
|
373
378
|
this._mapViewContainer?.classList?.replace("hide-map", "show-map");
|
|
374
|
-
this._editorLoading = true;
|
|
379
|
+
//this._editorLoading = true;
|
|
375
380
|
this._showSearchWidget = true;
|
|
376
381
|
}
|
|
377
382
|
});
|
|
@@ -382,7 +387,8 @@ export class CreateFeature {
|
|
|
382
387
|
* @protected
|
|
383
388
|
*/
|
|
384
389
|
async startCreate() {
|
|
385
|
-
|
|
390
|
+
console.log("========================startCreate==============================");
|
|
391
|
+
// hides the header elements on template picker page
|
|
386
392
|
await this.hideEditorsElements();
|
|
387
393
|
return new Promise((resolve, reject) => {
|
|
388
394
|
if (this._editor.viewModel.featureTemplatesViewModel.items?.length) {
|
|
@@ -28,6 +28,7 @@ export class CrowdsourceManager {
|
|
|
28
28
|
this.appProxies = undefined;
|
|
29
29
|
this.basemapConfig = undefined;
|
|
30
30
|
this.coverPageEnabled = undefined;
|
|
31
|
+
this.customInfoText = undefined;
|
|
31
32
|
this.defaultCenter = "";
|
|
32
33
|
this.defaultGlobalId = "";
|
|
33
34
|
this.defaultLayer = "";
|
|
@@ -228,7 +229,7 @@ export class CrowdsourceManager {
|
|
|
228
229
|
render() {
|
|
229
230
|
// only avoid border when we have a header color that is not white
|
|
230
231
|
const borderClass = this.popupHeaderColor && this.popupHeaderColor !== "#FFFFFF" ? "border-width-0" : "";
|
|
231
|
-
return (h(Host, { key: '
|
|
232
|
+
return (h(Host, { key: 'fa5d4e79b6f5a3eb176af497a4444bb9aca59f15' }, h("calcite-shell", { key: '3e7466a6db42b61db1f9b6efb5cd84b97d3f9d3b', class: "position-relative" }, h("calcite-panel", { key: '15b850a0e9c3b62ebe3bd94b39b61eff1734ad4b', class: `width-full height-full ${borderClass}` }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter()), this._filterModal()));
|
|
232
233
|
}
|
|
233
234
|
/**
|
|
234
235
|
* Called after each render
|
|
@@ -451,7 +452,7 @@ export class CrowdsourceManager {
|
|
|
451
452
|
const isTableLayout = this.appLayout === 'tableView';
|
|
452
453
|
const cardManagerHeight = (isMapLayout || isTableLayout) ? "height-full" : !this._isMobile ? "height-50" : "height-full";
|
|
453
454
|
const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
|
|
454
|
-
return (h("div", { class: `width-50 height-full ${themeClass}` }, h("card-manager", { class: `${cardManagerHeight} width-full`, enableEditGeometry: this?._mapInfo?.enableEditGeometry, isMobile: this._isMobile, layer: this._layer, mapView: this?._mapView, selectedFeaturesIds: this._layerTable?.selectedIds, zoomAndScrollToSelected: this.zoomAndScrollToSelected })));
|
|
455
|
+
return (h("div", { class: `width-50 height-full ${themeClass}` }, h("card-manager", { class: `${cardManagerHeight} width-full`, customInfoText: this.customInfoText, enableEditGeometry: this?._mapInfo?.enableEditGeometry, isMobile: this._isMobile, layer: this._layer, mapView: this?._mapView, selectedFeaturesIds: this._layerTable?.selectedIds, zoomAndScrollToSelected: this.zoomAndScrollToSelected })));
|
|
455
456
|
}
|
|
456
457
|
/**
|
|
457
458
|
* Get the table node based for the current layout
|
|
@@ -777,6 +778,23 @@ export class CrowdsourceManager {
|
|
|
777
778
|
"attribute": "cover-page-enabled",
|
|
778
779
|
"reflect": false
|
|
779
780
|
},
|
|
781
|
+
"customInfoText": {
|
|
782
|
+
"type": "string",
|
|
783
|
+
"mutable": false,
|
|
784
|
+
"complexType": {
|
|
785
|
+
"original": "string",
|
|
786
|
+
"resolved": "string",
|
|
787
|
+
"references": {}
|
|
788
|
+
},
|
|
789
|
+
"required": false,
|
|
790
|
+
"optional": false,
|
|
791
|
+
"docs": {
|
|
792
|
+
"tags": [],
|
|
793
|
+
"text": "string: custom notification text to display in the card manager"
|
|
794
|
+
},
|
|
795
|
+
"attribute": "custom-info-text",
|
|
796
|
+
"reflect": false
|
|
797
|
+
},
|
|
780
798
|
"defaultCenter": {
|
|
781
799
|
"type": "string",
|
|
782
800
|
"mutable": false,
|
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
top: calc(100% - 100px);
|
|
74
74
|
height: 100px;
|
|
75
75
|
}
|
|
76
|
-
|
|
76
|
+
|
|
77
77
|
.map-collapsed {
|
|
78
78
|
height: 100%;
|
|
79
79
|
top: 0;
|
|
@@ -83,12 +83,12 @@
|
|
|
83
83
|
}
|
|
84
84
|
</style>
|
|
85
85
|
|
|
86
|
-
<link rel="stylesheet" href="https://jsdev.arcgis.com/4.
|
|
86
|
+
<link rel="stylesheet" href="https://jsdev.arcgis.com/4.31/esri/themes/light/main.css"/>
|
|
87
87
|
<link rel="stylesheet" href="https://webapps-cdn.esri.com/CDN/fonts/v1.4.1/fonts.css" />
|
|
88
88
|
<link rel="stylesheet" href="../solutions-components.css" type="text/css">
|
|
89
89
|
<link rel="stylesheet" type="text/css" href="https://js.arcgis.com/calcite-components/2.8.2/calcite.css" />
|
|
90
90
|
|
|
91
|
-
<script src="https://jsdev.arcgis.com/4.
|
|
91
|
+
<script src="https://jsdev.arcgis.com/4.31/"></script>
|
|
92
92
|
<script type="module" src="../solutions-components.esm.js"></script>
|
|
93
93
|
|
|
94
94
|
<script>
|
|
@@ -136,7 +136,7 @@
|
|
|
136
136
|
// Set the locale before the JSAPI loads
|
|
137
137
|
esriConfig.locale = locale;
|
|
138
138
|
demo.lang = locale;
|
|
139
|
-
|
|
139
|
+
|
|
140
140
|
//update the portalUrl if found in urlParams
|
|
141
141
|
//esriConfig.portalUrl = "https://solutions.mapsdevext.arcgis.com";
|
|
142
142
|
if (portal) {
|
|
@@ -151,8 +151,8 @@
|
|
|
151
151
|
//id: "dda88d905a6748a5ab46bea5be795f33" // screening layers
|
|
152
152
|
//id: "b5bdcb1e5d684dd3b21a2d44b8e4f928" //Popup content + like dislike
|
|
153
153
|
//id: "d399ec39959a4aac8617ae4f05dd6785" //Arcade
|
|
154
|
-
|
|
155
|
-
id: "ae6d5d1936e84ce7adde44c7a7908846" //like dislike
|
|
154
|
+
id: "4bb6641b18e94cfb9d895ed37b13418a" //Attachments
|
|
155
|
+
//id: "ae6d5d1936e84ce7adde44c7a7908846" //like dislike
|
|
156
156
|
// id: "ce3dec81bf714d3bb71da9691ab686d1" //Filter
|
|
157
157
|
}
|
|
158
158
|
const webMap = new WebMap({
|
|
@@ -182,125 +182,75 @@
|
|
|
182
182
|
demo.enableNewReports = true;
|
|
183
183
|
demo.theme = "light";
|
|
184
184
|
demo.reportSubmittedMessage = "Thank you! Your request was successfully submitted";
|
|
185
|
-
|
|
185
|
+
|
|
186
186
|
//Set the zoomScale to be used when zooming to single point feature
|
|
187
187
|
//demo.zoomToScale = 139596221; //World
|
|
188
188
|
//demo.zoomToScale = 33800278;//Country
|
|
189
189
|
//demo.zoomToScale = 4291772;//States
|
|
190
190
|
demo.zoomToScale = 96610;//City
|
|
191
191
|
//demo.zoomToScale = 3495; //Building
|
|
192
|
-
|
|
192
|
+
|
|
193
193
|
//Set filter config
|
|
194
|
-
demo.layerExpressions = [
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
];
|
|
194
|
+
// demo.layerExpressions = [
|
|
195
|
+
// {
|
|
196
|
+
// id: "Requests_681",
|
|
197
|
+
// title: "Requests",
|
|
198
|
+
// operator: " AND ",
|
|
199
|
+
// expressions: [
|
|
200
|
+
// {
|
|
201
|
+
// definitionExpression: "OBJECTID > 690",
|
|
202
|
+
// id: 1701793260225,
|
|
203
|
+
// index: 0,
|
|
204
|
+
// name: "greater than 690",
|
|
205
|
+
// active: false
|
|
206
|
+
// },
|
|
207
|
+
// {
|
|
208
|
+
// id: 1654881457794,
|
|
209
|
+
// name: 'status',
|
|
210
|
+
// type: 'string',
|
|
211
|
+
// field: 'status'
|
|
212
|
+
// }
|
|
213
|
+
// ]
|
|
214
|
+
// },{
|
|
215
|
+
// id: "18f056682a4-layer-12",
|
|
216
|
+
// title: "PopUp with date in title",
|
|
217
|
+
// operator: " AND ",
|
|
218
|
+
// expressions: [
|
|
219
|
+
// {
|
|
220
|
+
// definitionExpression: "shrt > 0",
|
|
221
|
+
// id: 1901793260225,
|
|
222
|
+
// index: 0,
|
|
223
|
+
// name: "Like greater than 0",
|
|
224
|
+
// active: false
|
|
225
|
+
// }
|
|
226
|
+
// ]
|
|
227
|
+
// }
|
|
228
|
+
// ];
|
|
229
229
|
//Set the reporting layer options, layers from this object with reporting set to true will only be shown in layer list
|
|
230
|
-
//if all the layers from map should be considered for reporting then pass true for each layer
|
|
230
|
+
//if all the layers from map should be considered for reporting then pass true for each layer
|
|
231
231
|
demo.reportingOptions = {
|
|
232
|
-
"
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
dislike: false
|
|
238
|
-
dislikeField: "Dislike_field",
|
|
239
|
-
visible: false
|
|
240
|
-
},
|
|
241
|
-
"18cdb191817-layer-5": {
|
|
242
|
-
reporting: true,
|
|
243
|
-
comment: false,
|
|
244
|
-
like: true,
|
|
245
|
-
likeField: "Like_field",
|
|
246
|
-
dislike: true,
|
|
247
|
-
dislikeField: "Dislike_field",
|
|
248
|
-
visible: false
|
|
232
|
+
"19055a4633a-layer-11": {
|
|
233
|
+
"visible": true,
|
|
234
|
+
"reporting": true,
|
|
235
|
+
"comment": true,
|
|
236
|
+
"like": false,
|
|
237
|
+
"dislike": false
|
|
249
238
|
},
|
|
250
|
-
"
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
dislike: false
|
|
256
|
-
dislikeField: "dislike_field",
|
|
257
|
-
visible: true
|
|
239
|
+
"19055a2a831-layer-7": {
|
|
240
|
+
"visible": true,
|
|
241
|
+
"reporting": true,
|
|
242
|
+
"comment": false,
|
|
243
|
+
"like": false,
|
|
244
|
+
"dislike": false
|
|
258
245
|
},
|
|
259
|
-
"
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
dislike:
|
|
265
|
-
dislikeField: "dislike_field",
|
|
266
|
-
visible: true
|
|
267
|
-
},
|
|
268
|
-
"18f2a1562a7-layer-4": {
|
|
269
|
-
reporting: true,
|
|
270
|
-
comment: true,
|
|
271
|
-
like: true,
|
|
272
|
-
likeField: "like_field",
|
|
273
|
-
dislike: true,
|
|
274
|
-
dislikeField: "dislike_field",
|
|
275
|
-
visible: true
|
|
276
|
-
},
|
|
277
|
-
"18f2a1562a7-layer-5": {
|
|
278
|
-
reporting: false,
|
|
279
|
-
comment: true,
|
|
280
|
-
like: true,
|
|
281
|
-
likeField: "like_field",
|
|
282
|
-
dislike: true,
|
|
283
|
-
dislikeField: "dislike_field",
|
|
284
|
-
visible: true
|
|
285
|
-
},
|
|
286
|
-
"18f2a1562a8-layer-6": {
|
|
287
|
-
reporting: true,
|
|
288
|
-
comment: true,
|
|
289
|
-
like: true,
|
|
290
|
-
likeField: "like_field",
|
|
291
|
-
dislike: true,
|
|
292
|
-
dislikeField: "dislike_field",
|
|
293
|
-
visible: true
|
|
294
|
-
},
|
|
295
|
-
"18f2a1562a8-layer-7": {
|
|
296
|
-
reporting: true,
|
|
297
|
-
comment: true,
|
|
298
|
-
like: true,
|
|
299
|
-
likeField: "like_field",
|
|
300
|
-
dislike: true,
|
|
301
|
-
dislikeField: "dislike_field"
|
|
246
|
+
"19055a2a735-layer-3": {
|
|
247
|
+
"visible": true,
|
|
248
|
+
"reporting": true,
|
|
249
|
+
"comment": false,
|
|
250
|
+
"like": false,
|
|
251
|
+
"dislike": false
|
|
302
252
|
}
|
|
303
|
-
}
|
|
253
|
+
};
|
|
304
254
|
//Select reporting layers -
|
|
305
255
|
//demo.layers = ['SE_field_mapping_9688', 'SE_field_mapping_5784', 'SE_field_mapping_1853']; //Se mapping
|
|
306
256
|
//demo.layers = ['Three_Layers_nested_4042', 'SE_sort_2889', 'SE_sort_756']; //screening layers
|
|
@@ -32,6 +32,7 @@ const CardManager = /*@__PURE__*/ proxyCustomElement(class CardManager extends H
|
|
|
32
32
|
constructor() {
|
|
33
33
|
super();
|
|
34
34
|
this.__registerHost();
|
|
35
|
+
this.customInfoText = undefined;
|
|
35
36
|
this.enableEditGeometry = false;
|
|
36
37
|
this.isMobile = undefined;
|
|
37
38
|
this.layer = undefined;
|
|
@@ -94,7 +95,7 @@ const CardManager = /*@__PURE__*/ proxyCustomElement(class CardManager extends H
|
|
|
94
95
|
render() {
|
|
95
96
|
const featuresClass = this._graphics?.length > 0 ? "" : "display-none";
|
|
96
97
|
const messageClass = this._graphics?.length > 0 ? "display-none" : "";
|
|
97
|
-
return (h(Host, { key: '
|
|
98
|
+
return (h(Host, { key: 'dafff11793b5ae60164964c346cbb152caceaeb9' }, h("div", { key: '02507fe9e1f4205fe8a9342b466f1ada849c8ed8', class: "overflow-auto height-full" }, h("calcite-shell", { key: '712c42c4044c1386e8bc4ff42e44f250ac4023a2', class: "position-relative " + featuresClass }, h("div", { key: 'f2bc47f58463506f7ea8011495b22cafb63e4f27' }, h("info-card", { key: '1ad1fb78dcc99a43d92ad08d4c7bbeda7c2f276d', enableEditGeometry: this.enableEditGeometry, graphics: this._graphics, isLoading: this._cardLoading, isMobile: this.isMobile, mapView: this.mapView }))), h("calcite-shell", { key: 'fa9fcada67198c182f918b939826f1f7f19f8e5b', class: "position-relative " + messageClass }, h("div", { key: '0da349d1442b6375cde177780c5f868d2e32072a', class: "padding-1" }, h("calcite-notice", { key: 'c0e04ca03c546f90c942c2eef622fbe9c8e61227', icon: "table", open: true }, h("div", { key: '85e3925e725798189b16270df31c266c55391ec7', slot: "message" }, this.customInfoText || this._translations.selectFeaturesToStart)))))));
|
|
98
99
|
}
|
|
99
100
|
//--------------------------------------------------------------------------
|
|
100
101
|
//
|
|
@@ -125,6 +126,7 @@ const CardManager = /*@__PURE__*/ proxyCustomElement(class CardManager extends H
|
|
|
125
126
|
}
|
|
126
127
|
static get style() { return CardManagerStyle0; }
|
|
127
128
|
}, [0, "card-manager", {
|
|
129
|
+
"customInfoText": [1, "custom-info-text"],
|
|
128
130
|
"enableEditGeometry": [4, "enable-edit-geometry"],
|
|
129
131
|
"isMobile": [4, "is-mobile"],
|
|
130
132
|
"layer": [1040],
|
|
@@ -225,7 +225,7 @@ const CreateFeature = /*@__PURE__*/ proxyCustomElement(class CreateFeature exten
|
|
|
225
225
|
const loaderClass = this._editorLoading ? "" : "display-none";
|
|
226
226
|
const featureFormClass = this._editorLoading ? "display-none" : "";
|
|
227
227
|
const mobileMapClass = this.isMobile ? "show-map" : "display-none";
|
|
228
|
-
return (h(Fragment, { key: '
|
|
228
|
+
return (h(Fragment, { key: 'aac8fd8fe4ba5d7fb67a2b74a86147e053c1b0b8' }, h("calcite-loader", { key: 'e440bd2e0f4cf5acf4fd6941ada508c8ac5a0380', class: loaderClass, label: "", scale: "s" }), h("div", { key: '055a4e4b30b1fe24e0735257fa54fa9845cbaf2f', class: featureFormClass, id: "feature-form" }), h("div", { key: '342847f06ba99ad3c9693026bc83a8ac18b6c05f', class: `search-widget ${showSearchWidget} ${featureFormClass}`, id: "search-widget-ref" }), h("div", { key: '0acb837b4604d8d590bbfbcd738a3e09a099c362', class: `${mobileMapClass}`, ref: (el) => { this._mapViewContainer = el; } })));
|
|
229
229
|
}
|
|
230
230
|
//--------------------------------------------------------------------------
|
|
231
231
|
//
|
|
@@ -329,6 +329,8 @@ const CreateFeature = /*@__PURE__*/ proxyCustomElement(class CreateFeature exten
|
|
|
329
329
|
}
|
|
330
330
|
//Add handle to watch if attachments are added/edited
|
|
331
331
|
const attachmentHandle = this.reactiveUtils.watch(() => this._editor.viewModel.state, (state) => {
|
|
332
|
+
console.log(`this._editor.viewModel.state: ${state}`);
|
|
333
|
+
console.log(`this._editor.viewModel?.activeWorkflow?.type: ${this._editor.viewModel?.activeWorkflow?.type}`);
|
|
332
334
|
if (state === 'adding-attachment' || state === 'editing-attachment') {
|
|
333
335
|
this._addingAttachment = true;
|
|
334
336
|
this.editingAttachment.emit(true);
|
|
@@ -343,7 +345,9 @@ const CreateFeature = /*@__PURE__*/ proxyCustomElement(class CreateFeature exten
|
|
|
343
345
|
this._editor.viewModel.addHandles(attachmentHandle);
|
|
344
346
|
//Add handle to watch featureTemplatesViewModel ready state and then start the creation
|
|
345
347
|
const handle = this.reactiveUtils.watch(() => this._editor.viewModel.featureTemplatesViewModel.state, (state) => {
|
|
346
|
-
|
|
348
|
+
console.log(`this._editor.viewModel.featureTemplatesViewModel.state: ${state}`);
|
|
349
|
+
console.log(`this._editor.viewModel?.activeWorkflow?.type: ${this._editor.viewModel?.activeWorkflow?.type}`);
|
|
350
|
+
if (state === 'ready' && this._editor.viewModel?.activeWorkflow?.type !== "create-features") {
|
|
347
351
|
this.progressStatus.emit(0.5);
|
|
348
352
|
this._editorLoading = true;
|
|
349
353
|
}
|
|
@@ -362,9 +366,10 @@ const CreateFeature = /*@__PURE__*/ proxyCustomElement(class CreateFeature exten
|
|
|
362
366
|
this._editor.viewModel.addHandles(formHandle);
|
|
363
367
|
//Add handle to watch editor viewmodel state and then show the search widget
|
|
364
368
|
const createFeatureHandle = this.reactiveUtils.watch(() => this._editor.viewModel.state, (state) => {
|
|
369
|
+
console.log(`==============================this._editor.viewModel.state: ${state}`);
|
|
365
370
|
if (state === 'creating-features') {
|
|
366
371
|
this._mapViewContainer?.classList?.replace("hide-map", "show-map");
|
|
367
|
-
this._editorLoading = true;
|
|
372
|
+
//this._editorLoading = true;
|
|
368
373
|
this._showSearchWidget = true;
|
|
369
374
|
}
|
|
370
375
|
});
|
|
@@ -375,7 +380,8 @@ const CreateFeature = /*@__PURE__*/ proxyCustomElement(class CreateFeature exten
|
|
|
375
380
|
* @protected
|
|
376
381
|
*/
|
|
377
382
|
async startCreate() {
|
|
378
|
-
|
|
383
|
+
console.log("========================startCreate==============================");
|
|
384
|
+
// hides the header elements on template picker page
|
|
379
385
|
await this.hideEditorsElements();
|
|
380
386
|
return new Promise((resolve, reject) => {
|
|
381
387
|
if (this._editor.viewModel.featureTemplatesViewModel.items?.length) {
|
|
@@ -78,6 +78,7 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
|
|
|
78
78
|
this.appProxies = undefined;
|
|
79
79
|
this.basemapConfig = undefined;
|
|
80
80
|
this.coverPageEnabled = undefined;
|
|
81
|
+
this.customInfoText = undefined;
|
|
81
82
|
this.defaultCenter = "";
|
|
82
83
|
this.defaultGlobalId = "";
|
|
83
84
|
this.defaultLayer = "";
|
|
@@ -273,7 +274,7 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
|
|
|
273
274
|
render() {
|
|
274
275
|
// only avoid border when we have a header color that is not white
|
|
275
276
|
const borderClass = this.popupHeaderColor && this.popupHeaderColor !== "#FFFFFF" ? "border-width-0" : "";
|
|
276
|
-
return (h(Host, { key: '
|
|
277
|
+
return (h(Host, { key: 'fa5d4e79b6f5a3eb176af497a4444bb9aca59f15' }, h("calcite-shell", { key: '3e7466a6db42b61db1f9b6efb5cd84b97d3f9d3b', class: "position-relative" }, h("calcite-panel", { key: '15b850a0e9c3b62ebe3bd94b39b61eff1734ad4b', class: `width-full height-full ${borderClass}` }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter()), this._filterModal()));
|
|
277
278
|
}
|
|
278
279
|
/**
|
|
279
280
|
* Called after each render
|
|
@@ -496,7 +497,7 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
|
|
|
496
497
|
const isTableLayout = this.appLayout === 'tableView';
|
|
497
498
|
const cardManagerHeight = (isMapLayout || isTableLayout) ? "height-full" : !this._isMobile ? "height-50" : "height-full";
|
|
498
499
|
const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
|
|
499
|
-
return (h("div", { class: `width-50 height-full ${themeClass}` }, h("card-manager", { class: `${cardManagerHeight} width-full`, enableEditGeometry: this?._mapInfo?.enableEditGeometry, isMobile: this._isMobile, layer: this._layer, mapView: this?._mapView, selectedFeaturesIds: this._layerTable?.selectedIds, zoomAndScrollToSelected: this.zoomAndScrollToSelected })));
|
|
500
|
+
return (h("div", { class: `width-50 height-full ${themeClass}` }, h("card-manager", { class: `${cardManagerHeight} width-full`, customInfoText: this.customInfoText, enableEditGeometry: this?._mapInfo?.enableEditGeometry, isMobile: this._isMobile, layer: this._layer, mapView: this?._mapView, selectedFeaturesIds: this._layerTable?.selectedIds, zoomAndScrollToSelected: this.zoomAndScrollToSelected })));
|
|
500
501
|
}
|
|
501
502
|
/**
|
|
502
503
|
* Get the table node based for the current layout
|
|
@@ -740,6 +741,7 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
|
|
|
740
741
|
"appProxies": [8, "app-proxies"],
|
|
741
742
|
"basemapConfig": [16],
|
|
742
743
|
"coverPageEnabled": [4, "cover-page-enabled"],
|
|
744
|
+
"customInfoText": [1, "custom-info-text"],
|
|
743
745
|
"defaultCenter": [1, "default-center"],
|
|
744
746
|
"defaultGlobalId": [1, "default-global-id"],
|
|
745
747
|
"defaultLayer": [1, "default-layer"],
|
|
@@ -563,7 +563,7 @@ const CreateFeature = class {
|
|
|
563
563
|
const loaderClass = this._editorLoading ? "" : "display-none";
|
|
564
564
|
const featureFormClass = this._editorLoading ? "display-none" : "";
|
|
565
565
|
const mobileMapClass = this.isMobile ? "show-map" : "display-none";
|
|
566
|
-
return (h(Fragment, { key: '
|
|
566
|
+
return (h(Fragment, { key: 'aac8fd8fe4ba5d7fb67a2b74a86147e053c1b0b8' }, h("calcite-loader", { key: 'e440bd2e0f4cf5acf4fd6941ada508c8ac5a0380', class: loaderClass, label: "", scale: "s" }), h("div", { key: '055a4e4b30b1fe24e0735257fa54fa9845cbaf2f', class: featureFormClass, id: "feature-form" }), h("div", { key: '342847f06ba99ad3c9693026bc83a8ac18b6c05f', class: `search-widget ${showSearchWidget} ${featureFormClass}`, id: "search-widget-ref" }), h("div", { key: '0acb837b4604d8d590bbfbcd738a3e09a099c362', class: `${mobileMapClass}`, ref: (el) => { this._mapViewContainer = el; } })));
|
|
567
567
|
}
|
|
568
568
|
//--------------------------------------------------------------------------
|
|
569
569
|
//
|
|
@@ -667,6 +667,8 @@ const CreateFeature = class {
|
|
|
667
667
|
}
|
|
668
668
|
//Add handle to watch if attachments are added/edited
|
|
669
669
|
const attachmentHandle = this.reactiveUtils.watch(() => this._editor.viewModel.state, (state) => {
|
|
670
|
+
console.log(`this._editor.viewModel.state: ${state}`);
|
|
671
|
+
console.log(`this._editor.viewModel?.activeWorkflow?.type: ${this._editor.viewModel?.activeWorkflow?.type}`);
|
|
670
672
|
if (state === 'adding-attachment' || state === 'editing-attachment') {
|
|
671
673
|
this._addingAttachment = true;
|
|
672
674
|
this.editingAttachment.emit(true);
|
|
@@ -681,7 +683,9 @@ const CreateFeature = class {
|
|
|
681
683
|
this._editor.viewModel.addHandles(attachmentHandle);
|
|
682
684
|
//Add handle to watch featureTemplatesViewModel ready state and then start the creation
|
|
683
685
|
const handle = this.reactiveUtils.watch(() => this._editor.viewModel.featureTemplatesViewModel.state, (state) => {
|
|
684
|
-
|
|
686
|
+
console.log(`this._editor.viewModel.featureTemplatesViewModel.state: ${state}`);
|
|
687
|
+
console.log(`this._editor.viewModel?.activeWorkflow?.type: ${this._editor.viewModel?.activeWorkflow?.type}`);
|
|
688
|
+
if (state === 'ready' && this._editor.viewModel?.activeWorkflow?.type !== "create-features") {
|
|
685
689
|
this.progressStatus.emit(0.5);
|
|
686
690
|
this._editorLoading = true;
|
|
687
691
|
}
|
|
@@ -700,9 +704,10 @@ const CreateFeature = class {
|
|
|
700
704
|
this._editor.viewModel.addHandles(formHandle);
|
|
701
705
|
//Add handle to watch editor viewmodel state and then show the search widget
|
|
702
706
|
const createFeatureHandle = this.reactiveUtils.watch(() => this._editor.viewModel.state, (state) => {
|
|
707
|
+
console.log(`==============================this._editor.viewModel.state: ${state}`);
|
|
703
708
|
if (state === 'creating-features') {
|
|
704
709
|
this._mapViewContainer?.classList?.replace("hide-map", "show-map");
|
|
705
|
-
this._editorLoading = true;
|
|
710
|
+
//this._editorLoading = true;
|
|
706
711
|
this._showSearchWidget = true;
|
|
707
712
|
}
|
|
708
713
|
});
|
|
@@ -713,7 +718,8 @@ const CreateFeature = class {
|
|
|
713
718
|
* @protected
|
|
714
719
|
*/
|
|
715
720
|
async startCreate() {
|
|
716
|
-
|
|
721
|
+
console.log("========================startCreate==============================");
|
|
722
|
+
// hides the header elements on template picker page
|
|
717
723
|
await this.hideEditorsElements();
|
|
718
724
|
return new Promise((resolve, reject) => {
|
|
719
725
|
if (this._editor.viewModel.featureTemplatesViewModel.items?.length) {
|
|
@@ -19,6 +19,7 @@ const CardManagerStyle0 = cardManagerCss;
|
|
|
19
19
|
const CardManager = class {
|
|
20
20
|
constructor(hostRef) {
|
|
21
21
|
registerInstance(this, hostRef);
|
|
22
|
+
this.customInfoText = undefined;
|
|
22
23
|
this.enableEditGeometry = false;
|
|
23
24
|
this.isMobile = undefined;
|
|
24
25
|
this.layer = undefined;
|
|
@@ -81,7 +82,7 @@ const CardManager = class {
|
|
|
81
82
|
render() {
|
|
82
83
|
const featuresClass = this._graphics?.length > 0 ? "" : "display-none";
|
|
83
84
|
const messageClass = this._graphics?.length > 0 ? "display-none" : "";
|
|
84
|
-
return (h(Host, { key: '
|
|
85
|
+
return (h(Host, { key: 'dafff11793b5ae60164964c346cbb152caceaeb9' }, h("div", { key: '02507fe9e1f4205fe8a9342b466f1ada849c8ed8', class: "overflow-auto height-full" }, h("calcite-shell", { key: '712c42c4044c1386e8bc4ff42e44f250ac4023a2', class: "position-relative " + featuresClass }, h("div", { key: 'f2bc47f58463506f7ea8011495b22cafb63e4f27' }, h("info-card", { key: '1ad1fb78dcc99a43d92ad08d4c7bbeda7c2f276d', enableEditGeometry: this.enableEditGeometry, graphics: this._graphics, isLoading: this._cardLoading, isMobile: this.isMobile, mapView: this.mapView }))), h("calcite-shell", { key: 'fa9fcada67198c182f918b939826f1f7f19f8e5b', class: "position-relative " + messageClass }, h("div", { key: '0da349d1442b6375cde177780c5f868d2e32072a', class: "padding-1" }, h("calcite-notice", { key: 'c0e04ca03c546f90c942c2eef622fbe9c8e61227', icon: "table", open: true }, h("div", { key: '85e3925e725798189b16270df31c266c55391ec7', slot: "message" }, this.customInfoText || this._translations.selectFeaturesToStart)))))));
|
|
85
86
|
}
|
|
86
87
|
//--------------------------------------------------------------------------
|
|
87
88
|
//
|
|
@@ -22,6 +22,7 @@ const CrowdsourceManager = class {
|
|
|
22
22
|
this.appProxies = undefined;
|
|
23
23
|
this.basemapConfig = undefined;
|
|
24
24
|
this.coverPageEnabled = undefined;
|
|
25
|
+
this.customInfoText = undefined;
|
|
25
26
|
this.defaultCenter = "";
|
|
26
27
|
this.defaultGlobalId = "";
|
|
27
28
|
this.defaultLayer = "";
|
|
@@ -217,7 +218,7 @@ const CrowdsourceManager = class {
|
|
|
217
218
|
render() {
|
|
218
219
|
// only avoid border when we have a header color that is not white
|
|
219
220
|
const borderClass = this.popupHeaderColor && this.popupHeaderColor !== "#FFFFFF" ? "border-width-0" : "";
|
|
220
|
-
return (h(Host, { key: '
|
|
221
|
+
return (h(Host, { key: 'fa5d4e79b6f5a3eb176af497a4444bb9aca59f15' }, h("calcite-shell", { key: '3e7466a6db42b61db1f9b6efb5cd84b97d3f9d3b', class: "position-relative" }, h("calcite-panel", { key: '15b850a0e9c3b62ebe3bd94b39b61eff1734ad4b', class: `width-full height-full ${borderClass}` }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter()), this._filterModal()));
|
|
221
222
|
}
|
|
222
223
|
/**
|
|
223
224
|
* Called after each render
|
|
@@ -440,7 +441,7 @@ const CrowdsourceManager = class {
|
|
|
440
441
|
const isTableLayout = this.appLayout === 'tableView';
|
|
441
442
|
const cardManagerHeight = (isMapLayout || isTableLayout) ? "height-full" : !this._isMobile ? "height-50" : "height-full";
|
|
442
443
|
const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
|
|
443
|
-
return (h("div", { class: `width-50 height-full ${themeClass}` }, h("card-manager", { class: `${cardManagerHeight} width-full`, enableEditGeometry: this?._mapInfo?.enableEditGeometry, isMobile: this._isMobile, layer: this._layer, mapView: this?._mapView, selectedFeaturesIds: this._layerTable?.selectedIds, zoomAndScrollToSelected: this.zoomAndScrollToSelected })));
|
|
444
|
+
return (h("div", { class: `width-50 height-full ${themeClass}` }, h("card-manager", { class: `${cardManagerHeight} width-full`, customInfoText: this.customInfoText, enableEditGeometry: this?._mapInfo?.enableEditGeometry, isMobile: this._isMobile, layer: this._layer, mapView: this?._mapView, selectedFeaturesIds: this._layerTable?.selectedIds, zoomAndScrollToSelected: this.zoomAndScrollToSelected })));
|
|
444
445
|
}
|
|
445
446
|
/**
|
|
446
447
|
* Get the table node based for the current layout
|