@esri/solutions-components 0.8.17 → 0.8.18
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 +8 -7
- package/dist/cjs/crowdsource-reporter.cjs.entry.js +4 -3
- package/dist/cjs/feature-list.cjs.entry.js +5 -3
- package/dist/collection/components/create-related-feature/create-related-feature.js +17 -1
- package/dist/collection/components/crowdsource-reporter/crowdsource-reporter.css +4 -3
- package/dist/collection/components/crowdsource-reporter/crowdsource-reporter.js +3 -2
- package/dist/collection/components/feature-details/feature-details.js +22 -7
- package/dist/collection/components/feature-list/feature-list.js +5 -3
- package/dist/components/create-related-feature2.js +2 -1
- package/dist/components/crowdsource-reporter.js +4 -3
- package/dist/components/feature-details2.js +6 -6
- package/dist/components/feature-list2.js +5 -3
- package/dist/esm/calcite-flow_6.entry.js +8 -7
- package/dist/esm/crowdsource-reporter.entry.js +4 -3
- package/dist/esm/feature-list.entry.js +5 -3
- package/dist/solutions-components/{p-d4686851.entry.js → p-48c99a48.entry.js} +1 -1
- package/dist/solutions-components/p-64779bb2.entry.js +6 -0
- package/dist/solutions-components/{p-b6d47bab.entry.js → p-f6668347.entry.js} +3 -3
- package/dist/solutions-components/solutions-components.esm.js +1 -1
- package/dist/types/components/create-related-feature/create-related-feature.d.ts +16 -0
- package/dist/types/components/crowdsource-reporter/crowdsource-reporter.d.ts +1 -0
- package/dist/types/components/feature-details/feature-details.d.ts +16 -1
- package/dist/types/components/feature-list/feature-list.d.ts +4 -0
- package/dist/types/components.d.ts +1 -1
- package/package.json +1 -1
- package/dist/solutions-components/p-22aece81.entry.js +0 -6
|
@@ -774,7 +774,7 @@ const CreateRelatedFeature = class {
|
|
|
774
774
|
this.reactiveUtils = reactiveUtils;
|
|
775
775
|
}
|
|
776
776
|
render() {
|
|
777
|
-
return (index.h(index.Host, { key: '
|
|
777
|
+
return (index.h(index.Host, { key: '9807b7dcad1f8305756e6098f1e64ef8caffcbac' }));
|
|
778
778
|
}
|
|
779
779
|
/**
|
|
780
780
|
* StencilJS: Called once just after the component is fully loaded and the first render() occurs.
|
|
@@ -881,6 +881,7 @@ const CreateRelatedFeature = class {
|
|
|
881
881
|
* @param parentRelationship Parent relationship
|
|
882
882
|
* @param childRelationship Child relationship
|
|
883
883
|
* @returns Attributes for related feature
|
|
884
|
+
* @protected
|
|
884
885
|
*/
|
|
885
886
|
makeAttributesForRelatedFeature(parentFeature, parentRelationship, childRelationship) {
|
|
886
887
|
const parentKeyField = parentRelationship.keyField;
|
|
@@ -1027,12 +1028,12 @@ const FeatureDetails = class {
|
|
|
1027
1028
|
var _a, _b, _c, _d, _e;
|
|
1028
1029
|
//When related features found show comments list of only those features else comments list will be empty
|
|
1029
1030
|
const commentsListWhereClause = ((_a = this._relatedFeaturesOIDs) === null || _a === void 0 ? void 0 : _a.length) > 0 ? `objectId in(${this._relatedFeaturesOIDs})` : '1=0';
|
|
1030
|
-
return (index.h("calcite-panel", { key: '
|
|
1031
|
-
index.h("div", { key: '
|
|
1032
|
-
index.h("div", { key: '
|
|
1033
|
-
index.h("calcite-button", { key: '
|
|
1034
|
-
index.h("calcite-button", { key: '
|
|
1035
|
-
index.h("feature-list", { key: '
|
|
1031
|
+
return (index.h("calcite-panel", { key: 'b8d1cc9d4d9040665be3c892f5738a179ab64eaf', "full-height": true }, index.h("info-card", { key: '0a31a068a4e80e34ba2435a7d8d8faaea271dac8', allowEditing: false, graphics: this.graphics, highlightEnabled: false, isLoading: false, isMobile: false, mapView: this.mapView, paginationEnabled: false, position: "relative", ref: el => this._infoCard = el, zoomAndScrollToSelected: true }), (this._likeFieldAvailable || this._dislikeFieldAvailable || this._commentsAvailable) &&
|
|
1032
|
+
index.h("div", { key: '8e27d13341a9b4ad37f87778e046a4e8e0b2778e', class: "buttons-container" }, this._commentsAvailable &&
|
|
1033
|
+
index.h("div", { key: '3dd02fdbc107e7ce04e8aabb96a6748b68eeec6b', class: "comment-btn" }, index.h("span", { key: '5601fdb24ff385e0b6d2b9e5b86bde06b3c2d1b8' }, this._relatedFeaturesOIDs.length), index.h("calcite-icon", { key: '97a517d117a4d5a8c6798da9c9c82e46c39c25f8', icon: "speech-bubble", scale: 's' })), this._likeFieldAvailable &&
|
|
1034
|
+
index.h("calcite-button", { key: '0d1ff14be9396ab3ff634e92208792f5fd3b8d36', appearance: "transparent", iconEnd: "thumbs-up", kind: this._isLikeBtnClicked ? "brand" : "neutral", onClick: this.onLikeButtonClick.bind(this), scale: 's' }, (_c = (_b = this._likeCount) !== null && _b !== void 0 ? _b : this._selectedGraphic.attributes[this._likeField]) !== null && _c !== void 0 ? _c : 0), this._dislikeFieldAvailable &&
|
|
1035
|
+
index.h("calcite-button", { key: '34e362e083dbc13dffae7ad5544aa33a0421a51a', appearance: "transparent", iconEnd: "thumbs-down", kind: this._isDislikeBtnClicked ? "brand" : "neutral", onClick: this.onDislikeButtonClick.bind(this), scale: 's' }, (_e = (_d = this._disLikeCount) !== null && _d !== void 0 ? _d : this._selectedGraphic.attributes[this._dislikeField]) !== null && _e !== void 0 ? _e : 0)), this.relatedTableId && this._commentsAvailable &&
|
|
1036
|
+
index.h("feature-list", { key: '4abc53ab7679b07f0dd7413b97f447da736e5002', class: "height-full", mapView: this.mapView, pageSize: 5, ref: el => this._commentsList = el, selectedLayerId: this.relatedTableId, showInitialLoading: false, textSize: "small", whereClause: commentsListWhereClause })));
|
|
1036
1037
|
}
|
|
1037
1038
|
/**
|
|
1038
1039
|
* Load esri javascript api modules
|
|
@@ -13,7 +13,7 @@ const mapViewUtils = require('./mapViewUtils-6e46ba33.js');
|
|
|
13
13
|
require('./esri-loader-fce6a9cb.js');
|
|
14
14
|
require('./interfaces-7cd0a48a.js');
|
|
15
15
|
|
|
16
|
-
const crowdsourceReporterCss = ":host{display:block;--calcite-label-margin-bottom:0px;--solutions-theme-foreground-color:var(--calcite-color-foreground-1)}.width-full{width:100% !important}.width-0{width:0}.height-full{height:100% !important}.height-0{height:0}.overflow-hidden{overflow:hidden}.border{border:1px solid var(--calcite-color-border-3)}.notice-msg{padding:10px;width:calc(100% - 20px)}.progress-bar{padding:12px}.footer-top-button{padding-bottom:7px}.footer-button{height:35px}.feature-pagination{
|
|
16
|
+
const crowdsourceReporterCss = ":host{display:block;--calcite-label-margin-bottom:0px;--solutions-theme-foreground-color:var(--calcite-color-foreground-1)}.width-full{width:100% !important}.width-0{width:0}.height-full{height:100% !important}.height-0{height:0}.overflow-hidden{overflow:hidden}.border{border:1px solid var(--calcite-color-border-3)}.notice-msg{padding:10px;width:calc(100% - 20px)}.progress-bar{padding:12px}.footer-top-button{padding-bottom:7px}.footer-button{height:35px}.feature-pagination{background-color:var(--calcite-color-foreground-1) !important;border-block-end:1px solid var(--calcite-color-border-3);display:flex;justify-content:center;padding:5px 0}.pagination-count{color:var(--calcite-color-brand);border-bottom:1px solid var(--calcite-color-brand);font-weight:bold}.report-submitted-msg{position:absolute;z-index:1000}";
|
|
17
17
|
const CrowdsourceReporterStyle0 = crowdsourceReporterCss;
|
|
18
18
|
|
|
19
19
|
const CrowdsourceReporter = class {
|
|
@@ -227,6 +227,7 @@ const CrowdsourceReporter = class {
|
|
|
227
227
|
* On sort option click update the sort field and sort order
|
|
228
228
|
* @param sortField sort field
|
|
229
229
|
* @param sortOrder sort order
|
|
230
|
+
* @param sortOption selected sort option (Newest/Oldest/Highest Voted/Lowest Voted)
|
|
230
231
|
*/
|
|
231
232
|
async sortOptionClick(sortField, sortOrder, sortOption) {
|
|
232
233
|
this._updatedSorting = {
|
|
@@ -553,7 +554,7 @@ const CrowdsourceReporter = class {
|
|
|
553
554
|
*/
|
|
554
555
|
getFeatureDetailsFlowItem() {
|
|
555
556
|
const showCommentBtn = this.reportingOptions[this._currentFeature.layer.id].comment && this._currentFeature.layer.relationships.length > 0;
|
|
556
|
-
return (index.h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._selectedLayerName, loading: this._showLoadingIndicator, onCalciteFlowItemBack: this.backFromSelectedPanel.bind(this) }, this.isMobile && this.getActionToExpandCollapsePanel(), index.h("instant-apps-social-share", { autoUpdateShareUrl: false, embed: false, popoverButtonIconScale: "s", ref: el => this._shareNode = el, scale: "m", shareButtonColor: "neutral", shareButtonType: "action", slot: "header-actions-end", socialMedia: true, view: this.mapView }),
|
|
557
|
+
return (index.h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._selectedLayerName, loading: this._showLoadingIndicator, onCalciteFlowItemBack: this.backFromSelectedPanel.bind(this) }, this.isMobile && this.getActionToExpandCollapsePanel(), index.h("instant-apps-social-share", { autoUpdateShareUrl: false, embed: false, popoverButtonIconScale: "s", ref: el => this._shareNode = el, scale: "m", shareButtonColor: "neutral", shareButtonType: "action", slot: "header-actions-end", socialMedia: true, view: this.mapView }), this._selectedFeature.length > 1 && this.getFeaturesPagination(), index.h("calcite-panel", null, index.h("feature-details", { class: 'full-height', graphics: this._selectedFeature, mapView: this.mapView, onFeatureSelect: this.onCommentSelectFromList.bind(this), onLoadingStatus: (evt) => void this.updatingFeatureDetails(evt.detail), ref: el => this._featureDetails = el, reportingOptions: this.reportingOptions }), showCommentBtn &&
|
|
557
558
|
index.h("calcite-button", { appearance: "solid", onClick: () => this._flowItems = [...this._flowItems, "add-comment"], slot: "footer", width: "full" }, this._translations.comment))));
|
|
558
559
|
}
|
|
559
560
|
/**
|
|
@@ -562,7 +563,7 @@ const CrowdsourceReporter = class {
|
|
|
562
563
|
* @returns Node
|
|
563
564
|
*/
|
|
564
565
|
getFeaturesPagination() {
|
|
565
|
-
return (index.h("div", { class: "feature-pagination"
|
|
566
|
+
return (index.h("div", { class: "feature-pagination" }, index.h("div", null, index.h("calcite-button", { appearance: 'transparent', disabled: false, iconStart: "chevron-left", id: "solutions-back", onClick: () => void this._featureDetails.back(), scale: "s", width: "full" }), index.h("calcite-tooltip", { label: "", placement: "top", "reference-element": "solutions-back" }, index.h("span", null, this._translations.back))), index.h("calcite-button", { appearance: 'transparent', onClick: () => void this._featureDetails.toggleListView(), scale: "s" }, index.h("span", { class: "pagination-count" }, this._getCount())), index.h("div", null, index.h("calcite-button", { appearance: "transparent", disabled: false, iconStart: "chevron-right", id: "solutions-next", onClick: () => void this._featureDetails.next(), scale: "s", width: "full" }), index.h("calcite-tooltip", { placement: "top", "reference-element": "solutions-next" }, index.h("span", null, this._translations.next)))));
|
|
566
567
|
}
|
|
567
568
|
/**
|
|
568
569
|
* Returns the calcite-flow item for comment details
|
|
@@ -98,9 +98,9 @@ const FeatureList = class {
|
|
|
98
98
|
* Renders the component.
|
|
99
99
|
*/
|
|
100
100
|
render() {
|
|
101
|
-
return (index.h("calcite-panel", { key: '
|
|
102
|
-
index.h("calcite-notice", { key: '
|
|
103
|
-
index.h("div", { key: '
|
|
101
|
+
return (index.h("calcite-panel", { key: '9f702c6d98cc19704e0773e36fd969817ea7262e', "full-height": true, "full-width": true }, this._isLoading && index.h("calcite-loader", { key: 'e9acf13f3444057b097d6b145c1a6e0118f150ea', label: "", scale: "m" }), this._featureItems.length === 0 && !this._isLoading &&
|
|
102
|
+
index.h("calcite-notice", { key: '8c7fa89e2da7490b04456e51f8534c2515a02399', class: "error-msg", icon: "feature-details", kind: "info", open: true }, index.h("div", { key: '799d419e9c26b7928f15cb1cf9afa9f47cab0e94', slot: "message" }, this.noFeaturesFoundMsg ? this.noFeaturesFoundMsg : this._translations.featureErrorMsg)), index.h("calcite-list", { key: '82c60b16ab586ad57f8f98bb08814f688102b166', "selection-appearance": "border", "selection-mode": "none" }, !this._isLoading && this._featureItems.length > 0 && this._featureItems), this._featuresCount > this.pageSize &&
|
|
103
|
+
index.h("div", { key: 'e5b789ea46c6bedfbe83f1323ffb89271c0b76ce', class: "width-full", slot: "footer" }, index.h("calcite-pagination", { key: '4d30b5364fc4742f278157c5f2c21e75d4ecb0b8', class: "pagination", "full-width": true, onCalcitePaginationChange: this.pageChanged.bind(this), "page-size": this.pageSize, ref: el => this._pagination = el, "start-item": "1", "total-items": this._featuresCount }))));
|
|
104
104
|
}
|
|
105
105
|
//--------------------------------------------------------------------------
|
|
106
106
|
//
|
|
@@ -141,7 +141,9 @@ const FeatureList = class {
|
|
|
141
141
|
* @protected
|
|
142
142
|
*/
|
|
143
143
|
async initializeFeatureItems() {
|
|
144
|
+
var _a;
|
|
144
145
|
if (this._selectedLayer) {
|
|
146
|
+
void ((_a = this._pagination) === null || _a === void 0 ? void 0 : _a.goTo("start"));
|
|
145
147
|
this._isLoading = this.showInitialLoading;
|
|
146
148
|
this._featureItems = await this.queryPage(0);
|
|
147
149
|
const query = {
|
|
@@ -3,6 +3,21 @@
|
|
|
3
3
|
* Licensed under the Apache License, Version 2.0
|
|
4
4
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
5
5
|
*/
|
|
6
|
+
/** @license
|
|
7
|
+
* Copyright 2022 Esri
|
|
8
|
+
*
|
|
9
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
10
|
+
* you may not use this file except in compliance with the License.
|
|
11
|
+
* You may obtain a copy of the License at
|
|
12
|
+
*
|
|
13
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
14
|
+
*
|
|
15
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
16
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
17
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
18
|
+
* See the License for the specific language governing permissions and
|
|
19
|
+
* limitations under the License.
|
|
20
|
+
*/
|
|
6
21
|
import { Host, h } from "@stencil/core";
|
|
7
22
|
import { loadModules } from "../../utils/loadModules";
|
|
8
23
|
export class CreateRelatedFeature {
|
|
@@ -80,7 +95,7 @@ export class CreateRelatedFeature {
|
|
|
80
95
|
this.reactiveUtils = reactiveUtils;
|
|
81
96
|
}
|
|
82
97
|
render() {
|
|
83
|
-
return (h(Host, { key: '
|
|
98
|
+
return (h(Host, { key: '9807b7dcad1f8305756e6098f1e64ef8caffcbac' }));
|
|
84
99
|
}
|
|
85
100
|
/**
|
|
86
101
|
* StencilJS: Called once just after the component is fully loaded and the first render() occurs.
|
|
@@ -187,6 +202,7 @@ export class CreateRelatedFeature {
|
|
|
187
202
|
* @param parentRelationship Parent relationship
|
|
188
203
|
* @param childRelationship Child relationship
|
|
189
204
|
* @returns Attributes for related feature
|
|
205
|
+
* @protected
|
|
190
206
|
*/
|
|
191
207
|
makeAttributesForRelatedFeature(parentFeature, parentRelationship, childRelationship) {
|
|
192
208
|
const parentKeyField = parentRelationship.keyField;
|
|
@@ -62,13 +62,14 @@
|
|
|
62
62
|
}
|
|
63
63
|
|
|
64
64
|
.feature-pagination {
|
|
65
|
-
|
|
66
|
-
|
|
65
|
+
background-color: var(--calcite-color-foreground-1) !important;
|
|
66
|
+
border-block-end: 1px solid var(--calcite-color-border-3);
|
|
67
67
|
display: flex;
|
|
68
|
+
justify-content: center;
|
|
69
|
+
padding: 5px 0;
|
|
68
70
|
}
|
|
69
71
|
|
|
70
72
|
.pagination-count {
|
|
71
|
-
width: 32px;
|
|
72
73
|
color: var(--calcite-color-brand);
|
|
73
74
|
border-bottom: 1px solid var(--calcite-color-brand);
|
|
74
75
|
font-weight: bold;
|
|
@@ -232,6 +232,7 @@ export class CrowdsourceReporter {
|
|
|
232
232
|
* On sort option click update the sort field and sort order
|
|
233
233
|
* @param sortField sort field
|
|
234
234
|
* @param sortOrder sort order
|
|
235
|
+
* @param sortOption selected sort option (Newest/Oldest/Highest Voted/Lowest Voted)
|
|
235
236
|
*/
|
|
236
237
|
async sortOptionClick(sortField, sortOrder, sortOption) {
|
|
237
238
|
this._updatedSorting = {
|
|
@@ -558,7 +559,7 @@ export class CrowdsourceReporter {
|
|
|
558
559
|
*/
|
|
559
560
|
getFeatureDetailsFlowItem() {
|
|
560
561
|
const showCommentBtn = this.reportingOptions[this._currentFeature.layer.id].comment && this._currentFeature.layer.relationships.length > 0;
|
|
561
|
-
return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._selectedLayerName, loading: this._showLoadingIndicator, onCalciteFlowItemBack: this.backFromSelectedPanel.bind(this) }, this.isMobile && this.getActionToExpandCollapsePanel(), h("instant-apps-social-share", { autoUpdateShareUrl: false, embed: false, popoverButtonIconScale: "s", ref: el => this._shareNode = el, scale: "m", shareButtonColor: "neutral", shareButtonType: "action", slot: "header-actions-end", socialMedia: true, view: this.mapView }),
|
|
562
|
+
return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._selectedLayerName, loading: this._showLoadingIndicator, onCalciteFlowItemBack: this.backFromSelectedPanel.bind(this) }, this.isMobile && this.getActionToExpandCollapsePanel(), h("instant-apps-social-share", { autoUpdateShareUrl: false, embed: false, popoverButtonIconScale: "s", ref: el => this._shareNode = el, scale: "m", shareButtonColor: "neutral", shareButtonType: "action", slot: "header-actions-end", socialMedia: true, view: this.mapView }), this._selectedFeature.length > 1 && this.getFeaturesPagination(), h("calcite-panel", null, h("feature-details", { class: 'full-height', graphics: this._selectedFeature, mapView: this.mapView, onFeatureSelect: this.onCommentSelectFromList.bind(this), onLoadingStatus: (evt) => void this.updatingFeatureDetails(evt.detail), ref: el => this._featureDetails = el, reportingOptions: this.reportingOptions }), showCommentBtn &&
|
|
562
563
|
h("calcite-button", { appearance: "solid", onClick: () => this._flowItems = [...this._flowItems, "add-comment"], slot: "footer", width: "full" }, this._translations.comment))));
|
|
563
564
|
}
|
|
564
565
|
/**
|
|
@@ -567,7 +568,7 @@ export class CrowdsourceReporter {
|
|
|
567
568
|
* @returns Node
|
|
568
569
|
*/
|
|
569
570
|
getFeaturesPagination() {
|
|
570
|
-
return (h("div", { class: "feature-pagination"
|
|
571
|
+
return (h("div", { class: "feature-pagination" }, h("div", null, h("calcite-button", { appearance: 'transparent', disabled: false, iconStart: "chevron-left", id: "solutions-back", onClick: () => void this._featureDetails.back(), scale: "s", width: "full" }), h("calcite-tooltip", { label: "", placement: "top", "reference-element": "solutions-back" }, h("span", null, this._translations.back))), h("calcite-button", { appearance: 'transparent', onClick: () => void this._featureDetails.toggleListView(), scale: "s" }, h("span", { class: "pagination-count" }, this._getCount())), h("div", null, h("calcite-button", { appearance: "transparent", disabled: false, iconStart: "chevron-right", id: "solutions-next", onClick: () => void this._featureDetails.next(), scale: "s", width: "full" }), h("calcite-tooltip", { placement: "top", "reference-element": "solutions-next" }, h("span", null, this._translations.next)))));
|
|
571
572
|
}
|
|
572
573
|
/**
|
|
573
574
|
* Returns the calcite-flow item for comment details
|
|
@@ -3,6 +3,21 @@
|
|
|
3
3
|
* Licensed under the Apache License, Version 2.0
|
|
4
4
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
5
5
|
*/
|
|
6
|
+
/** @license
|
|
7
|
+
* Copyright 2022 Esri
|
|
8
|
+
*
|
|
9
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
10
|
+
* you may not use this file except in compliance with the License.
|
|
11
|
+
* You may obtain a copy of the License at
|
|
12
|
+
*
|
|
13
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
14
|
+
*
|
|
15
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
16
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
17
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
18
|
+
* See the License for the specific language governing permissions and
|
|
19
|
+
* limitations under the License.
|
|
20
|
+
*/
|
|
6
21
|
import { h } from "@stencil/core";
|
|
7
22
|
import { loadModules } from "../../utils/loadModules";
|
|
8
23
|
import { getAllTables } from "../../utils/mapViewUtils";
|
|
@@ -94,12 +109,12 @@ export class FeatureDetails {
|
|
|
94
109
|
var _a, _b, _c, _d, _e;
|
|
95
110
|
//When related features found show comments list of only those features else comments list will be empty
|
|
96
111
|
const commentsListWhereClause = ((_a = this._relatedFeaturesOIDs) === null || _a === void 0 ? void 0 : _a.length) > 0 ? `objectId in(${this._relatedFeaturesOIDs})` : '1=0';
|
|
97
|
-
return (h("calcite-panel", { key: '
|
|
98
|
-
h("div", { key: '
|
|
99
|
-
h("div", { key: '
|
|
100
|
-
h("calcite-button", { key: '
|
|
101
|
-
h("calcite-button", { key: '
|
|
102
|
-
h("feature-list", { key: '
|
|
112
|
+
return (h("calcite-panel", { key: 'b8d1cc9d4d9040665be3c892f5738a179ab64eaf', "full-height": true }, h("info-card", { key: '0a31a068a4e80e34ba2435a7d8d8faaea271dac8', allowEditing: false, graphics: this.graphics, highlightEnabled: false, isLoading: false, isMobile: false, mapView: this.mapView, paginationEnabled: false, position: "relative", ref: el => this._infoCard = el, zoomAndScrollToSelected: true }), (this._likeFieldAvailable || this._dislikeFieldAvailable || this._commentsAvailable) &&
|
|
113
|
+
h("div", { key: '8e27d13341a9b4ad37f87778e046a4e8e0b2778e', class: "buttons-container" }, this._commentsAvailable &&
|
|
114
|
+
h("div", { key: '3dd02fdbc107e7ce04e8aabb96a6748b68eeec6b', class: "comment-btn" }, h("span", { key: '5601fdb24ff385e0b6d2b9e5b86bde06b3c2d1b8' }, this._relatedFeaturesOIDs.length), h("calcite-icon", { key: '97a517d117a4d5a8c6798da9c9c82e46c39c25f8', icon: "speech-bubble", scale: 's' })), this._likeFieldAvailable &&
|
|
115
|
+
h("calcite-button", { key: '0d1ff14be9396ab3ff634e92208792f5fd3b8d36', appearance: "transparent", iconEnd: "thumbs-up", kind: this._isLikeBtnClicked ? "brand" : "neutral", onClick: this.onLikeButtonClick.bind(this), scale: 's' }, (_c = (_b = this._likeCount) !== null && _b !== void 0 ? _b : this._selectedGraphic.attributes[this._likeField]) !== null && _c !== void 0 ? _c : 0), this._dislikeFieldAvailable &&
|
|
116
|
+
h("calcite-button", { key: '34e362e083dbc13dffae7ad5544aa33a0421a51a', appearance: "transparent", iconEnd: "thumbs-down", kind: this._isDislikeBtnClicked ? "brand" : "neutral", onClick: this.onDislikeButtonClick.bind(this), scale: 's' }, (_e = (_d = this._disLikeCount) !== null && _d !== void 0 ? _d : this._selectedGraphic.attributes[this._dislikeField]) !== null && _e !== void 0 ? _e : 0)), this.relatedTableId && this._commentsAvailable &&
|
|
117
|
+
h("feature-list", { key: '4abc53ab7679b07f0dd7413b97f447da736e5002', class: "height-full", mapView: this.mapView, pageSize: 5, ref: el => this._commentsList = el, selectedLayerId: this.relatedTableId, showInitialLoading: false, textSize: "small", whereClause: commentsListWhereClause })));
|
|
103
118
|
}
|
|
104
119
|
/**
|
|
105
120
|
* Load esri javascript api modules
|
|
@@ -479,7 +494,7 @@ export class FeatureDetails {
|
|
|
479
494
|
"composed": true,
|
|
480
495
|
"docs": {
|
|
481
496
|
"tags": [],
|
|
482
|
-
"text": "Emitted on demand when
|
|
497
|
+
"text": "Emitted on demand when comment is selected using the feature-list"
|
|
483
498
|
},
|
|
484
499
|
"complexType": {
|
|
485
500
|
"original": "__esri.Graphic",
|
|
@@ -102,9 +102,9 @@ export class FeatureList {
|
|
|
102
102
|
* Renders the component.
|
|
103
103
|
*/
|
|
104
104
|
render() {
|
|
105
|
-
return (h("calcite-panel", { key: '
|
|
106
|
-
h("calcite-notice", { key: '
|
|
107
|
-
h("div", { key: '
|
|
105
|
+
return (h("calcite-panel", { key: '9f702c6d98cc19704e0773e36fd969817ea7262e', "full-height": true, "full-width": true }, this._isLoading && h("calcite-loader", { key: 'e9acf13f3444057b097d6b145c1a6e0118f150ea', label: "", scale: "m" }), this._featureItems.length === 0 && !this._isLoading &&
|
|
106
|
+
h("calcite-notice", { key: '8c7fa89e2da7490b04456e51f8534c2515a02399', class: "error-msg", icon: "feature-details", kind: "info", open: true }, h("div", { key: '799d419e9c26b7928f15cb1cf9afa9f47cab0e94', slot: "message" }, this.noFeaturesFoundMsg ? this.noFeaturesFoundMsg : this._translations.featureErrorMsg)), h("calcite-list", { key: '82c60b16ab586ad57f8f98bb08814f688102b166', "selection-appearance": "border", "selection-mode": "none" }, !this._isLoading && this._featureItems.length > 0 && this._featureItems), this._featuresCount > this.pageSize &&
|
|
107
|
+
h("div", { key: 'e5b789ea46c6bedfbe83f1323ffb89271c0b76ce', class: "width-full", slot: "footer" }, h("calcite-pagination", { key: '4d30b5364fc4742f278157c5f2c21e75d4ecb0b8', class: "pagination", "full-width": true, onCalcitePaginationChange: this.pageChanged.bind(this), "page-size": this.pageSize, ref: el => this._pagination = el, "start-item": "1", "total-items": this._featuresCount }))));
|
|
108
108
|
}
|
|
109
109
|
//--------------------------------------------------------------------------
|
|
110
110
|
//
|
|
@@ -145,7 +145,9 @@ export class FeatureList {
|
|
|
145
145
|
* @protected
|
|
146
146
|
*/
|
|
147
147
|
async initializeFeatureItems() {
|
|
148
|
+
var _a;
|
|
148
149
|
if (this._selectedLayer) {
|
|
150
|
+
void ((_a = this._pagination) === null || _a === void 0 ? void 0 : _a.goTo("start"));
|
|
149
151
|
this._isLoading = this.showInitialLoading;
|
|
150
152
|
this._featureItems = await this.queryPage(0);
|
|
151
153
|
const query = {
|
|
@@ -89,7 +89,7 @@ const CreateRelatedFeature = /*@__PURE__*/ proxyCustomElement(class CreateRelate
|
|
|
89
89
|
this.reactiveUtils = reactiveUtils;
|
|
90
90
|
}
|
|
91
91
|
render() {
|
|
92
|
-
return (h(Host, { key: '
|
|
92
|
+
return (h(Host, { key: '9807b7dcad1f8305756e6098f1e64ef8caffcbac' }));
|
|
93
93
|
}
|
|
94
94
|
/**
|
|
95
95
|
* StencilJS: Called once just after the component is fully loaded and the first render() occurs.
|
|
@@ -196,6 +196,7 @@ const CreateRelatedFeature = /*@__PURE__*/ proxyCustomElement(class CreateRelate
|
|
|
196
196
|
* @param parentRelationship Parent relationship
|
|
197
197
|
* @param childRelationship Child relationship
|
|
198
198
|
* @returns Attributes for related feature
|
|
199
|
+
* @protected
|
|
199
200
|
*/
|
|
200
201
|
makeAttributesForRelatedFeature(parentFeature, parentRelationship, childRelationship) {
|
|
201
202
|
const parentKeyField = parentRelationship.keyField;
|
|
@@ -55,7 +55,7 @@ import { d as defineCustomElement$4 } from './instant-apps-filter-list2.js';
|
|
|
55
55
|
import { d as defineCustomElement$3 } from './instant-apps-social-share2.js';
|
|
56
56
|
import { d as defineCustomElement$2 } from './layer-list2.js';
|
|
57
57
|
|
|
58
|
-
const crowdsourceReporterCss = ":host{display:block;--calcite-label-margin-bottom:0px;--solutions-theme-foreground-color:var(--calcite-color-foreground-1)}.width-full{width:100% !important}.width-0{width:0}.height-full{height:100% !important}.height-0{height:0}.overflow-hidden{overflow:hidden}.border{border:1px solid var(--calcite-color-border-3)}.notice-msg{padding:10px;width:calc(100% - 20px)}.progress-bar{padding:12px}.footer-top-button{padding-bottom:7px}.footer-button{height:35px}.feature-pagination{
|
|
58
|
+
const crowdsourceReporterCss = ":host{display:block;--calcite-label-margin-bottom:0px;--solutions-theme-foreground-color:var(--calcite-color-foreground-1)}.width-full{width:100% !important}.width-0{width:0}.height-full{height:100% !important}.height-0{height:0}.overflow-hidden{overflow:hidden}.border{border:1px solid var(--calcite-color-border-3)}.notice-msg{padding:10px;width:calc(100% - 20px)}.progress-bar{padding:12px}.footer-top-button{padding-bottom:7px}.footer-button{height:35px}.feature-pagination{background-color:var(--calcite-color-foreground-1) !important;border-block-end:1px solid var(--calcite-color-border-3);display:flex;justify-content:center;padding:5px 0}.pagination-count{color:var(--calcite-color-brand);border-bottom:1px solid var(--calcite-color-brand);font-weight:bold}.report-submitted-msg{position:absolute;z-index:1000}";
|
|
59
59
|
const CrowdsourceReporterStyle0 = crowdsourceReporterCss;
|
|
60
60
|
|
|
61
61
|
const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceReporter extends HTMLElement {
|
|
@@ -270,6 +270,7 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
|
|
|
270
270
|
* On sort option click update the sort field and sort order
|
|
271
271
|
* @param sortField sort field
|
|
272
272
|
* @param sortOrder sort order
|
|
273
|
+
* @param sortOption selected sort option (Newest/Oldest/Highest Voted/Lowest Voted)
|
|
273
274
|
*/
|
|
274
275
|
async sortOptionClick(sortField, sortOrder, sortOption) {
|
|
275
276
|
this._updatedSorting = {
|
|
@@ -596,7 +597,7 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
|
|
|
596
597
|
*/
|
|
597
598
|
getFeatureDetailsFlowItem() {
|
|
598
599
|
const showCommentBtn = this.reportingOptions[this._currentFeature.layer.id].comment && this._currentFeature.layer.relationships.length > 0;
|
|
599
|
-
return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._selectedLayerName, loading: this._showLoadingIndicator, onCalciteFlowItemBack: this.backFromSelectedPanel.bind(this) }, this.isMobile && this.getActionToExpandCollapsePanel(), h("instant-apps-social-share", { autoUpdateShareUrl: false, embed: false, popoverButtonIconScale: "s", ref: el => this._shareNode = el, scale: "m", shareButtonColor: "neutral", shareButtonType: "action", slot: "header-actions-end", socialMedia: true, view: this.mapView }),
|
|
600
|
+
return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._selectedLayerName, loading: this._showLoadingIndicator, onCalciteFlowItemBack: this.backFromSelectedPanel.bind(this) }, this.isMobile && this.getActionToExpandCollapsePanel(), h("instant-apps-social-share", { autoUpdateShareUrl: false, embed: false, popoverButtonIconScale: "s", ref: el => this._shareNode = el, scale: "m", shareButtonColor: "neutral", shareButtonType: "action", slot: "header-actions-end", socialMedia: true, view: this.mapView }), this._selectedFeature.length > 1 && this.getFeaturesPagination(), h("calcite-panel", null, h("feature-details", { class: 'full-height', graphics: this._selectedFeature, mapView: this.mapView, onFeatureSelect: this.onCommentSelectFromList.bind(this), onLoadingStatus: (evt) => void this.updatingFeatureDetails(evt.detail), ref: el => this._featureDetails = el, reportingOptions: this.reportingOptions }), showCommentBtn &&
|
|
600
601
|
h("calcite-button", { appearance: "solid", onClick: () => this._flowItems = [...this._flowItems, "add-comment"], slot: "footer", width: "full" }, this._translations.comment))));
|
|
601
602
|
}
|
|
602
603
|
/**
|
|
@@ -605,7 +606,7 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
|
|
|
605
606
|
* @returns Node
|
|
606
607
|
*/
|
|
607
608
|
getFeaturesPagination() {
|
|
608
|
-
return (h("div", { class: "feature-pagination"
|
|
609
|
+
return (h("div", { class: "feature-pagination" }, h("div", null, h("calcite-button", { appearance: 'transparent', disabled: false, iconStart: "chevron-left", id: "solutions-back", onClick: () => void this._featureDetails.back(), scale: "s", width: "full" }), h("calcite-tooltip", { label: "", placement: "top", "reference-element": "solutions-back" }, h("span", null, this._translations.back))), h("calcite-button", { appearance: 'transparent', onClick: () => void this._featureDetails.toggleListView(), scale: "s" }, h("span", { class: "pagination-count" }, this._getCount())), h("div", null, h("calcite-button", { appearance: "transparent", disabled: false, iconStart: "chevron-right", id: "solutions-next", onClick: () => void this._featureDetails.next(), scale: "s", width: "full" }), h("calcite-tooltip", { placement: "top", "reference-element": "solutions-next" }, h("span", null, this._translations.next)))));
|
|
609
610
|
}
|
|
610
611
|
/**
|
|
611
612
|
* Returns the calcite-flow item for comment details
|
|
@@ -128,12 +128,12 @@ const FeatureDetails = /*@__PURE__*/ proxyCustomElement(class FeatureDetails ext
|
|
|
128
128
|
var _a, _b, _c, _d, _e;
|
|
129
129
|
//When related features found show comments list of only those features else comments list will be empty
|
|
130
130
|
const commentsListWhereClause = ((_a = this._relatedFeaturesOIDs) === null || _a === void 0 ? void 0 : _a.length) > 0 ? `objectId in(${this._relatedFeaturesOIDs})` : '1=0';
|
|
131
|
-
return (h("calcite-panel", { key: '
|
|
132
|
-
h("div", { key: '
|
|
133
|
-
h("div", { key: '
|
|
134
|
-
h("calcite-button", { key: '
|
|
135
|
-
h("calcite-button", { key: '
|
|
136
|
-
h("feature-list", { key: '
|
|
131
|
+
return (h("calcite-panel", { key: 'b8d1cc9d4d9040665be3c892f5738a179ab64eaf', "full-height": true }, h("info-card", { key: '0a31a068a4e80e34ba2435a7d8d8faaea271dac8', allowEditing: false, graphics: this.graphics, highlightEnabled: false, isLoading: false, isMobile: false, mapView: this.mapView, paginationEnabled: false, position: "relative", ref: el => this._infoCard = el, zoomAndScrollToSelected: true }), (this._likeFieldAvailable || this._dislikeFieldAvailable || this._commentsAvailable) &&
|
|
132
|
+
h("div", { key: '8e27d13341a9b4ad37f87778e046a4e8e0b2778e', class: "buttons-container" }, this._commentsAvailable &&
|
|
133
|
+
h("div", { key: '3dd02fdbc107e7ce04e8aabb96a6748b68eeec6b', class: "comment-btn" }, h("span", { key: '5601fdb24ff385e0b6d2b9e5b86bde06b3c2d1b8' }, this._relatedFeaturesOIDs.length), h("calcite-icon", { key: '97a517d117a4d5a8c6798da9c9c82e46c39c25f8', icon: "speech-bubble", scale: 's' })), this._likeFieldAvailable &&
|
|
134
|
+
h("calcite-button", { key: '0d1ff14be9396ab3ff634e92208792f5fd3b8d36', appearance: "transparent", iconEnd: "thumbs-up", kind: this._isLikeBtnClicked ? "brand" : "neutral", onClick: this.onLikeButtonClick.bind(this), scale: 's' }, (_c = (_b = this._likeCount) !== null && _b !== void 0 ? _b : this._selectedGraphic.attributes[this._likeField]) !== null && _c !== void 0 ? _c : 0), this._dislikeFieldAvailable &&
|
|
135
|
+
h("calcite-button", { key: '34e362e083dbc13dffae7ad5544aa33a0421a51a', appearance: "transparent", iconEnd: "thumbs-down", kind: this._isDislikeBtnClicked ? "brand" : "neutral", onClick: this.onDislikeButtonClick.bind(this), scale: 's' }, (_e = (_d = this._disLikeCount) !== null && _d !== void 0 ? _d : this._selectedGraphic.attributes[this._dislikeField]) !== null && _e !== void 0 ? _e : 0)), this.relatedTableId && this._commentsAvailable &&
|
|
136
|
+
h("feature-list", { key: '4abc53ab7679b07f0dd7413b97f447da736e5002', class: "height-full", mapView: this.mapView, pageSize: 5, ref: el => this._commentsList = el, selectedLayerId: this.relatedTableId, showInitialLoading: false, textSize: "small", whereClause: commentsListWhereClause })));
|
|
137
137
|
}
|
|
138
138
|
/**
|
|
139
139
|
* Load esri javascript api modules
|
|
@@ -110,9 +110,9 @@ const FeatureList = /*@__PURE__*/ proxyCustomElement(class FeatureList extends H
|
|
|
110
110
|
* Renders the component.
|
|
111
111
|
*/
|
|
112
112
|
render() {
|
|
113
|
-
return (h("calcite-panel", { key: '
|
|
114
|
-
h("calcite-notice", { key: '
|
|
115
|
-
h("div", { key: '
|
|
113
|
+
return (h("calcite-panel", { key: '9f702c6d98cc19704e0773e36fd969817ea7262e', "full-height": true, "full-width": true }, this._isLoading && h("calcite-loader", { key: 'e9acf13f3444057b097d6b145c1a6e0118f150ea', label: "", scale: "m" }), this._featureItems.length === 0 && !this._isLoading &&
|
|
114
|
+
h("calcite-notice", { key: '8c7fa89e2da7490b04456e51f8534c2515a02399', class: "error-msg", icon: "feature-details", kind: "info", open: true }, h("div", { key: '799d419e9c26b7928f15cb1cf9afa9f47cab0e94', slot: "message" }, this.noFeaturesFoundMsg ? this.noFeaturesFoundMsg : this._translations.featureErrorMsg)), h("calcite-list", { key: '82c60b16ab586ad57f8f98bb08814f688102b166', "selection-appearance": "border", "selection-mode": "none" }, !this._isLoading && this._featureItems.length > 0 && this._featureItems), this._featuresCount > this.pageSize &&
|
|
115
|
+
h("div", { key: 'e5b789ea46c6bedfbe83f1323ffb89271c0b76ce', class: "width-full", slot: "footer" }, h("calcite-pagination", { key: '4d30b5364fc4742f278157c5f2c21e75d4ecb0b8', class: "pagination", "full-width": true, onCalcitePaginationChange: this.pageChanged.bind(this), "page-size": this.pageSize, ref: el => this._pagination = el, "start-item": "1", "total-items": this._featuresCount }))));
|
|
116
116
|
}
|
|
117
117
|
//--------------------------------------------------------------------------
|
|
118
118
|
//
|
|
@@ -153,7 +153,9 @@ const FeatureList = /*@__PURE__*/ proxyCustomElement(class FeatureList extends H
|
|
|
153
153
|
* @protected
|
|
154
154
|
*/
|
|
155
155
|
async initializeFeatureItems() {
|
|
156
|
+
var _a;
|
|
156
157
|
if (this._selectedLayer) {
|
|
158
|
+
void ((_a = this._pagination) === null || _a === void 0 ? void 0 : _a.goTo("start"));
|
|
157
159
|
this._isLoading = this.showInitialLoading;
|
|
158
160
|
this._featureItems = await this.queryPage(0);
|
|
159
161
|
const query = {
|
|
@@ -770,7 +770,7 @@ const CreateRelatedFeature = class {
|
|
|
770
770
|
this.reactiveUtils = reactiveUtils;
|
|
771
771
|
}
|
|
772
772
|
render() {
|
|
773
|
-
return (h(Host, { key: '
|
|
773
|
+
return (h(Host, { key: '9807b7dcad1f8305756e6098f1e64ef8caffcbac' }));
|
|
774
774
|
}
|
|
775
775
|
/**
|
|
776
776
|
* StencilJS: Called once just after the component is fully loaded and the first render() occurs.
|
|
@@ -877,6 +877,7 @@ const CreateRelatedFeature = class {
|
|
|
877
877
|
* @param parentRelationship Parent relationship
|
|
878
878
|
* @param childRelationship Child relationship
|
|
879
879
|
* @returns Attributes for related feature
|
|
880
|
+
* @protected
|
|
880
881
|
*/
|
|
881
882
|
makeAttributesForRelatedFeature(parentFeature, parentRelationship, childRelationship) {
|
|
882
883
|
const parentKeyField = parentRelationship.keyField;
|
|
@@ -1023,12 +1024,12 @@ const FeatureDetails = class {
|
|
|
1023
1024
|
var _a, _b, _c, _d, _e;
|
|
1024
1025
|
//When related features found show comments list of only those features else comments list will be empty
|
|
1025
1026
|
const commentsListWhereClause = ((_a = this._relatedFeaturesOIDs) === null || _a === void 0 ? void 0 : _a.length) > 0 ? `objectId in(${this._relatedFeaturesOIDs})` : '1=0';
|
|
1026
|
-
return (h("calcite-panel", { key: '
|
|
1027
|
-
h("div", { key: '
|
|
1028
|
-
h("div", { key: '
|
|
1029
|
-
h("calcite-button", { key: '
|
|
1030
|
-
h("calcite-button", { key: '
|
|
1031
|
-
h("feature-list", { key: '
|
|
1027
|
+
return (h("calcite-panel", { key: 'b8d1cc9d4d9040665be3c892f5738a179ab64eaf', "full-height": true }, h("info-card", { key: '0a31a068a4e80e34ba2435a7d8d8faaea271dac8', allowEditing: false, graphics: this.graphics, highlightEnabled: false, isLoading: false, isMobile: false, mapView: this.mapView, paginationEnabled: false, position: "relative", ref: el => this._infoCard = el, zoomAndScrollToSelected: true }), (this._likeFieldAvailable || this._dislikeFieldAvailable || this._commentsAvailable) &&
|
|
1028
|
+
h("div", { key: '8e27d13341a9b4ad37f87778e046a4e8e0b2778e', class: "buttons-container" }, this._commentsAvailable &&
|
|
1029
|
+
h("div", { key: '3dd02fdbc107e7ce04e8aabb96a6748b68eeec6b', class: "comment-btn" }, h("span", { key: '5601fdb24ff385e0b6d2b9e5b86bde06b3c2d1b8' }, this._relatedFeaturesOIDs.length), h("calcite-icon", { key: '97a517d117a4d5a8c6798da9c9c82e46c39c25f8', icon: "speech-bubble", scale: 's' })), this._likeFieldAvailable &&
|
|
1030
|
+
h("calcite-button", { key: '0d1ff14be9396ab3ff634e92208792f5fd3b8d36', appearance: "transparent", iconEnd: "thumbs-up", kind: this._isLikeBtnClicked ? "brand" : "neutral", onClick: this.onLikeButtonClick.bind(this), scale: 's' }, (_c = (_b = this._likeCount) !== null && _b !== void 0 ? _b : this._selectedGraphic.attributes[this._likeField]) !== null && _c !== void 0 ? _c : 0), this._dislikeFieldAvailable &&
|
|
1031
|
+
h("calcite-button", { key: '34e362e083dbc13dffae7ad5544aa33a0421a51a', appearance: "transparent", iconEnd: "thumbs-down", kind: this._isDislikeBtnClicked ? "brand" : "neutral", onClick: this.onDislikeButtonClick.bind(this), scale: 's' }, (_e = (_d = this._disLikeCount) !== null && _d !== void 0 ? _d : this._selectedGraphic.attributes[this._dislikeField]) !== null && _e !== void 0 ? _e : 0)), this.relatedTableId && this._commentsAvailable &&
|
|
1032
|
+
h("feature-list", { key: '4abc53ab7679b07f0dd7413b97f447da736e5002', class: "height-full", mapView: this.mapView, pageSize: 5, ref: el => this._commentsList = el, selectedLayerId: this.relatedTableId, showInitialLoading: false, textSize: "small", whereClause: commentsListWhereClause })));
|
|
1032
1033
|
}
|
|
1033
1034
|
/**
|
|
1034
1035
|
* Load esri javascript api modules
|
|
@@ -9,7 +9,7 @@ import { g as getLayerOrTable, a as getAllLayers, b as getAllTables, c as getFea
|
|
|
9
9
|
import './esri-loader-2bf735ed.js';
|
|
10
10
|
import './interfaces-586e863c.js';
|
|
11
11
|
|
|
12
|
-
const crowdsourceReporterCss = ":host{display:block;--calcite-label-margin-bottom:0px;--solutions-theme-foreground-color:var(--calcite-color-foreground-1)}.width-full{width:100% !important}.width-0{width:0}.height-full{height:100% !important}.height-0{height:0}.overflow-hidden{overflow:hidden}.border{border:1px solid var(--calcite-color-border-3)}.notice-msg{padding:10px;width:calc(100% - 20px)}.progress-bar{padding:12px}.footer-top-button{padding-bottom:7px}.footer-button{height:35px}.feature-pagination{
|
|
12
|
+
const crowdsourceReporterCss = ":host{display:block;--calcite-label-margin-bottom:0px;--solutions-theme-foreground-color:var(--calcite-color-foreground-1)}.width-full{width:100% !important}.width-0{width:0}.height-full{height:100% !important}.height-0{height:0}.overflow-hidden{overflow:hidden}.border{border:1px solid var(--calcite-color-border-3)}.notice-msg{padding:10px;width:calc(100% - 20px)}.progress-bar{padding:12px}.footer-top-button{padding-bottom:7px}.footer-button{height:35px}.feature-pagination{background-color:var(--calcite-color-foreground-1) !important;border-block-end:1px solid var(--calcite-color-border-3);display:flex;justify-content:center;padding:5px 0}.pagination-count{color:var(--calcite-color-brand);border-bottom:1px solid var(--calcite-color-brand);font-weight:bold}.report-submitted-msg{position:absolute;z-index:1000}";
|
|
13
13
|
const CrowdsourceReporterStyle0 = crowdsourceReporterCss;
|
|
14
14
|
|
|
15
15
|
const CrowdsourceReporter = class {
|
|
@@ -223,6 +223,7 @@ const CrowdsourceReporter = class {
|
|
|
223
223
|
* On sort option click update the sort field and sort order
|
|
224
224
|
* @param sortField sort field
|
|
225
225
|
* @param sortOrder sort order
|
|
226
|
+
* @param sortOption selected sort option (Newest/Oldest/Highest Voted/Lowest Voted)
|
|
226
227
|
*/
|
|
227
228
|
async sortOptionClick(sortField, sortOrder, sortOption) {
|
|
228
229
|
this._updatedSorting = {
|
|
@@ -549,7 +550,7 @@ const CrowdsourceReporter = class {
|
|
|
549
550
|
*/
|
|
550
551
|
getFeatureDetailsFlowItem() {
|
|
551
552
|
const showCommentBtn = this.reportingOptions[this._currentFeature.layer.id].comment && this._currentFeature.layer.relationships.length > 0;
|
|
552
|
-
return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._selectedLayerName, loading: this._showLoadingIndicator, onCalciteFlowItemBack: this.backFromSelectedPanel.bind(this) }, this.isMobile && this.getActionToExpandCollapsePanel(), h("instant-apps-social-share", { autoUpdateShareUrl: false, embed: false, popoverButtonIconScale: "s", ref: el => this._shareNode = el, scale: "m", shareButtonColor: "neutral", shareButtonType: "action", slot: "header-actions-end", socialMedia: true, view: this.mapView }),
|
|
553
|
+
return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._selectedLayerName, loading: this._showLoadingIndicator, onCalciteFlowItemBack: this.backFromSelectedPanel.bind(this) }, this.isMobile && this.getActionToExpandCollapsePanel(), h("instant-apps-social-share", { autoUpdateShareUrl: false, embed: false, popoverButtonIconScale: "s", ref: el => this._shareNode = el, scale: "m", shareButtonColor: "neutral", shareButtonType: "action", slot: "header-actions-end", socialMedia: true, view: this.mapView }), this._selectedFeature.length > 1 && this.getFeaturesPagination(), h("calcite-panel", null, h("feature-details", { class: 'full-height', graphics: this._selectedFeature, mapView: this.mapView, onFeatureSelect: this.onCommentSelectFromList.bind(this), onLoadingStatus: (evt) => void this.updatingFeatureDetails(evt.detail), ref: el => this._featureDetails = el, reportingOptions: this.reportingOptions }), showCommentBtn &&
|
|
553
554
|
h("calcite-button", { appearance: "solid", onClick: () => this._flowItems = [...this._flowItems, "add-comment"], slot: "footer", width: "full" }, this._translations.comment))));
|
|
554
555
|
}
|
|
555
556
|
/**
|
|
@@ -558,7 +559,7 @@ const CrowdsourceReporter = class {
|
|
|
558
559
|
* @returns Node
|
|
559
560
|
*/
|
|
560
561
|
getFeaturesPagination() {
|
|
561
|
-
return (h("div", { class: "feature-pagination"
|
|
562
|
+
return (h("div", { class: "feature-pagination" }, h("div", null, h("calcite-button", { appearance: 'transparent', disabled: false, iconStart: "chevron-left", id: "solutions-back", onClick: () => void this._featureDetails.back(), scale: "s", width: "full" }), h("calcite-tooltip", { label: "", placement: "top", "reference-element": "solutions-back" }, h("span", null, this._translations.back))), h("calcite-button", { appearance: 'transparent', onClick: () => void this._featureDetails.toggleListView(), scale: "s" }, h("span", { class: "pagination-count" }, this._getCount())), h("div", null, h("calcite-button", { appearance: "transparent", disabled: false, iconStart: "chevron-right", id: "solutions-next", onClick: () => void this._featureDetails.next(), scale: "s", width: "full" }), h("calcite-tooltip", { placement: "top", "reference-element": "solutions-next" }, h("span", null, this._translations.next)))));
|
|
562
563
|
}
|
|
563
564
|
/**
|
|
564
565
|
* Returns the calcite-flow item for comment details
|
|
@@ -94,9 +94,9 @@ const FeatureList = class {
|
|
|
94
94
|
* Renders the component.
|
|
95
95
|
*/
|
|
96
96
|
render() {
|
|
97
|
-
return (h("calcite-panel", { key: '
|
|
98
|
-
h("calcite-notice", { key: '
|
|
99
|
-
h("div", { key: '
|
|
97
|
+
return (h("calcite-panel", { key: '9f702c6d98cc19704e0773e36fd969817ea7262e', "full-height": true, "full-width": true }, this._isLoading && h("calcite-loader", { key: 'e9acf13f3444057b097d6b145c1a6e0118f150ea', label: "", scale: "m" }), this._featureItems.length === 0 && !this._isLoading &&
|
|
98
|
+
h("calcite-notice", { key: '8c7fa89e2da7490b04456e51f8534c2515a02399', class: "error-msg", icon: "feature-details", kind: "info", open: true }, h("div", { key: '799d419e9c26b7928f15cb1cf9afa9f47cab0e94', slot: "message" }, this.noFeaturesFoundMsg ? this.noFeaturesFoundMsg : this._translations.featureErrorMsg)), h("calcite-list", { key: '82c60b16ab586ad57f8f98bb08814f688102b166', "selection-appearance": "border", "selection-mode": "none" }, !this._isLoading && this._featureItems.length > 0 && this._featureItems), this._featuresCount > this.pageSize &&
|
|
99
|
+
h("div", { key: 'e5b789ea46c6bedfbe83f1323ffb89271c0b76ce', class: "width-full", slot: "footer" }, h("calcite-pagination", { key: '4d30b5364fc4742f278157c5f2c21e75d4ecb0b8', class: "pagination", "full-width": true, onCalcitePaginationChange: this.pageChanged.bind(this), "page-size": this.pageSize, ref: el => this._pagination = el, "start-item": "1", "total-items": this._featuresCount }))));
|
|
100
100
|
}
|
|
101
101
|
//--------------------------------------------------------------------------
|
|
102
102
|
//
|
|
@@ -137,7 +137,9 @@ const FeatureList = class {
|
|
|
137
137
|
* @protected
|
|
138
138
|
*/
|
|
139
139
|
async initializeFeatureItems() {
|
|
140
|
+
var _a;
|
|
140
141
|
if (this._selectedLayer) {
|
|
142
|
+
void ((_a = this._pagination) === null || _a === void 0 ? void 0 : _a.goTo("start"));
|
|
141
143
|
this._isLoading = this.showInitialLoading;
|
|
142
144
|
this._featureItems = await this.queryPage(0);
|
|
143
145
|
const query = {
|