@esri/solutions-components 0.10.13 → 0.10.15
Sign up to get free protection for your applications and to get access to all the features.
- 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
|