Merge pull request #435 from Esri/manager-add-center-level

Manager add center and level
Esri · Nov 30, 2023 · 721123d · 721123d
2 parents 123a858 + 1c7118f
commit 721123d
Show file tree

Hide file tree

Showing 3 changed files with 69 additions and 5 deletions.
diff --git a/src/components.d.ts b/src/components.d.ts
@@ -89,6 +89,10 @@ export namespace Components {
           * boolean: when true the grid will display like the previous manager app with the table across the top
          */
         "classicGrid": boolean;
+        /**
+          * string: default center point values for the map ; delimited x;y pair
+         */
+        "defaultCenter": string;
         /**
           * string: Global ID of the feature to select
          */
@@ -97,6 +101,10 @@ export namespace Components {
           * string: when provided this layer ID will be used when the app loads
          */
         "defaultLayer": string;
+        /**
+          * string: default zoom level
+         */
+        "defaultLevel": string;
         /**
           * string: Object ID of feature to select
          */
@@ -1756,6 +1764,10 @@ declare namespace LocalJSX {
           * boolean: when true the grid will display like the previous manager app with the table across the top
          */
         "classicGrid"?: boolean;
+        /**
+          * string: default center point values for the map ; delimited x;y pair
+         */
+        "defaultCenter"?: string;
         /**
           * string: Global ID of the feature to select
          */
@@ -1764,6 +1776,10 @@ declare namespace LocalJSX {
           * string: when provided this layer ID will be used when the app loads
          */
         "defaultLayer"?: string;
+        /**
+          * string: default zoom level
+         */
+        "defaultLevel"?: string;
         /**
           * string: Object ID of feature to select
          */

diff --git a/src/components/crowdsource-manager/crowdsource-manager.tsx b/src/components/crowdsource-manager/crowdsource-manager.tsx
@@ -43,6 +43,12 @@ export class CrowdsourceManager {
    */
   @Prop() classicGrid = false;
 
+  /**
+   * string: default center point values for the map
+   * ; delimited x;y pair
+   */
+  @Prop() defaultCenter = "";
+
   /**
    * string: Global ID of the feature to select
    */
@@ -53,6 +59,11 @@ export class CrowdsourceManager {
    */
   @Prop() defaultLayer = "";
 
+  /**
+   * string: default zoom level
+   */
+  @Prop() defaultLevel = "";
+
   /**
    * string: Object ID of feature to select
    */
@@ -201,11 +212,21 @@ export class CrowdsourceManager {
   //
   //--------------------------------------------------------------------------
 
+  /**
+   * number[]: X,Y pair used to center the map
+   */
+  protected _defaultCenter: number[];
+
   /**
    * string[]: List of global ids that should be selected by default
    */
   protected _defaultGlobalId: string[];
 
+  /**
+   * number: zoom level the map should go to
+   */
+  protected _defaultLevel: number;
+
   /**
    * number[]: List of ids that should be selected by default
    */
@@ -233,6 +254,15 @@ export class CrowdsourceManager {
   //
   //--------------------------------------------------------------------------
 
+  /**
+   * Watch for center url param to be set
+   */
+  @Watch("defaultCenter")
+  defaultCenterWatchHandler(): void {
+    this._defaultCenter = !this.defaultCenter ? undefined :
+      this.defaultCenter.split(";").map(v => parseFloat(v));
+  }
+
   /**
    * Watch for globalid url param to be set
    */
@@ -251,6 +281,14 @@ export class CrowdsourceManager {
       this.defaultOid.indexOf(",") > -1 ? this.defaultOid.split(",").map(o => parseInt(o, 10)) : [parseInt(this.defaultOid, 10)];
   }
 
+  /**
+   * Watch for zoom level param to be set
+   */
+  @Watch("defaultLevel")
+  defaultLevelWatchHandler(): void {
+    this._defaultLevel = !this.defaultLevel ? undefined : parseInt(this.defaultLevel, 10);
+  }
+
   /**
    * When true the map zoom tools will be available
    */
@@ -289,8 +327,8 @@ export class CrowdsourceManager {
     evt: CustomEvent
   ): Promise<void> {
     this._mapChange = evt.detail;
-    await this._mapChange.mapView.when(() => {
-      this._setMapView();
+    await this._mapChange.mapView.when(async () => {
+      await this._setMapView();
     });
   }
 
@@ -341,10 +379,10 @@ export class CrowdsourceManager {
    * Called after each render
    * Used to delay the setting of the mapView when the popup is expaneded and obstructs the view
    */
-  componentDidRender() {
+  async componentDidRender() {
     if (this._shouldSetMapView) {
       this._shouldSetMapView = false;
-      this._setMapView();
+      await this._setMapView();
     }
   }
 
@@ -725,11 +763,19 @@ export class CrowdsourceManager {
    *
    * @protected
    */
-  protected _setMapView(): void {
+  protected async _setMapView(): Promise<void> {
     this._mapInfo = this._getMapInfo(this._mapChange.id);
     this._mapView = this._mapChange.mapView;
     this._initMapZoom();
     this._mapView.popupEnabled = false;
+    if (this._defaultCenter && this._defaultLevel) {
+      await this._mapView.goTo({
+        center: this._defaultCenter,
+        zoom: this._defaultLevel
+      });
+      this._defaultCenter = undefined;
+      this._defaultLevel = undefined;
+    }
   }
 
   /**

diff --git a/src/components/crowdsource-manager/readme.md b/src/components/crowdsource-manager/readme.md
@@ -11,8 +11,10 @@
 | ------------------------- | ----------------------------- | ------------------------------------------------------------------------------------------------------------------ | ---------------------- | ----------- |
 | `basemapConfig`           | --                            | IBasemapConfig: List of any basemaps to filter out from the basemap widget                                         | `IBasemapConfig`       | `undefined` |
 | `classicGrid`             | `classic-grid`                | boolean: when true the grid will display like the previous manager app with the table across the top               | `boolean`              | `false`     |
+| `defaultCenter`           | `default-center`              | string: default center point values for the map ; delimited x;y pair                                               | `string`               | `""`        |
 | `defaultGlobalId`         | `default-global-id`           | string: Global ID of the feature to select                                                                         | `string`               | `""`        |
 | `defaultLayer`            | `default-layer`               | string: when provided this layer ID will be used when the app loads                                                | `string`               | `""`        |
+| `defaultLevel`            | `default-level`               | string: default zoom level                                                                                         | `string`               | `""`        |
 | `defaultOid`              | `default-oid`                 | string: Object ID of feature to select                                                                             | `string`               | `""`        |
 | `defaultWebmap`           | `default-webmap`              | string: Item ID of the web map that should be selected by default                                                  | `string`               | `""`        |
 | `enableAutoRefresh`       | `enable-auto-refresh`         | boolean: when true the layer table will auto refresh the data                                                      | `boolean`              | `false`     |