Added menu choices to Zoom to Source Graphic(s) and to Clear Source Graphic(s).

Also adjusted handling of "Zoom to Buffer" and "Clear Buffer" buttons which sometimes were not appearing.

Author: tmcgee

widgets/AttributesTable/README.md

@@ -427,6 +427,11 @@ toolbarOptions: {
         */
         selected: true,
 
+        /*
+            Allow the user to zoom to the source graphic(s)
+        */
+        source: true,
+
         /*
             Allow the user to zoom to the buffer
         */
@@ -450,6 +455,11 @@ toolbarOptions: {
         */
         selected: true,
 
+        /*
+            Allow the user to clear the source graphic(s)
+        */
+        source: true,
+
         /*
             Allow the user to clear the buffer
         */

widgets/AttributesTable/_ToolbarMixin.js

@@ -36,6 +36,7 @@ define([
                 grid: true,
                 features: true,
                 selected: true,
+                source: true,
                 buffer: true
             },
 
@@ -91,7 +92,10 @@ define([
             display = (options.selected && featOptions.selected) ? 'block' : 'none';
             domStyle.set(this.attributesTableZoomToSelected.domNode, 'display', display);
 
-            display = (options.buffer && featOptions.buffer) ? 'block' : 'none';
+            display = (options.source && featOptions.source) ? 'block' : 'none';
+            domStyle.set(this.attributesTableZoomToSource.domNode, 'display', display);
+
+            display = (options.buffer) ? 'block' : 'none';
             domStyle.set(this.attributesTableZoomToBuffer.domNode, 'display', display);
         },
 
@@ -113,7 +117,11 @@ define([
             itemCount += (display === 'none') ? 0 : 1;
             domStyle.set(this.attributesTableClearSelected.domNode, 'display', display);
 
-            display = (options.buffer && featOptions.buffer) ? 'block' : 'none';
+            display = (options.source && featOptions.source) ? 'block' : 'none';
+            itemCount += (display === 'none') ? 0 : 1;
+            domStyle.set(this.attributesTableClearSource.domNode, 'display', display);
+
+            display = (options.buffer) ? 'block' : 'none';
             itemCount += (display === 'none') ? 0 : 1;
             domStyle.set(this.attributesTableClearBuffer.domNode, 'display', display);
 
@@ -140,6 +148,10 @@ define([
             this.attributesTableClearSelected.set('disabled', disabled);
             this.attributesTableZoomToSelected.set('disabled', disabled);
 
+            disabled = (this.sourceGraphics && this.sourceGraphics.graphics && this.sourceGraphics.graphics.length > 0) ? false : true;
+            this.attributesTableClearSource.set('disabled', disabled);
+            this.attributesTableZoomToSource.set('disabled', disabled);
+
             disabled = (this.bufferGraphics && this.bufferGraphics.graphics.length > 0) ? false : true;
             this.attributesTableClearBuffer.set('disabled', disabled);
             this.attributesTableZoomToBuffer.set('disabled', disabled);

widgets/AttributesTable/nls/AttributesTable.js

@@ -28,14 +28,16 @@ define({
             zoom: {
                 title: 'Zoom',
                 zoomToFeatures: 'Zoom To All Features',
-                zoomToSelectedFeatures: 'Zoom To Selected Features',
+                zoomToSelectedFeatures: 'Zoom To Selected Feature(s)',
+                zoomToSourceGraphics: 'Zoom To Source Graphic(s)',
                 zoomToBuffer: 'Zoom To Buffer'
             },
 
             clear: {
                 title: 'Clear',
                 clearFeatures: 'Clear All Features',
-                clearSelectedFeatures: 'Clear Selected Features',
+                clearSelectedFeatures: 'Clear Selected Feature(s)',
+                clearSourceGraphics: 'Clear Source Graphic(s)',
                 clearBufferGraphics: 'Clear Buffer',
                 clearGrid: 'Clear Grid',
                 clearAll: 'Clear All'

widgets/AttributesTable/templates/AttributesTable.html

@@ -5,6 +5,7 @@
 			<div data-dojo-type="dijit/DropDownMenu" data-dojo-attach-point="attributesTableZoomMenu">
 				<div data-dojo-type="dijit/MenuItem" data-dojo-attach-point="attributesTableZoomToFeatures" data-dojo-attach-event="onClick:zoomToFeatureGraphics">${i18n.menus.zoom.zoomToFeatures}</div>
 				<div data-dojo-type="dijit/MenuItem" data-dojo-attach-point="attributesTableZoomToSelected" data-dojo-attach-event="onClick:zoomToSelectedGraphics">${i18n.menus.zoom.zoomToSelectedFeatures}</div>
+				<div data-dojo-type="dijit/MenuItem" data-dojo-attach-point="attributesTableZoomToSource" data-dojo-attach-event="onClick:zoomToSourceGraphics">${i18n.menus.zoom.zoomToSourceGraphics}</div>
 				<div data-dojo-type="dijit/MenuItem" data-dojo-attach-point="attributesTableZoomToBuffer" data-dojo-attach-event="onClick:zoomToBufferGraphics">${i18n.menus.zoom.zoomToBuffer}</div>
 			</div>
 		</div>
@@ -13,8 +14,9 @@
 			<div data-dojo-type="dijit/DropDownMenu" data-dojo-attach-point="attributesTableClearMenu">
 				<div data-dojo-type="dijit/MenuItem" data-dojo-attach-point="attributesTableClearFeatures" data-dojo-attach-event="onClick:clearFeatures">${i18n.menus.clear.clearFeatures}</div>
 				<div data-dojo-type="dijit/MenuItem" data-dojo-attach-point="attributesTableClearSelected" data-dojo-attach-event="onClick:clearSelectedFeatures">${i18n.menus.clear.clearSelectedFeatures}</div>
-				<div data-dojo-type="dijit/MenuItem" data-dojo-attach-point="attributesTableClearGrid" data-dojo-attach-event="onClick:clearGrid">${i18n.menus.clear.clearGrid}</div>
+				<div data-dojo-type="dijit/MenuItem" data-dojo-attach-point="attributesTableClearSource" data-dojo-attach-event="onClick:clearSourceGraphics">${i18n.menus.clear.clearSourceGraphics}</div>
 				<div data-dojo-type="dijit/MenuItem" data-dojo-attach-point="attributesTableClearBuffer" data-dojo-attach-event="onClick:clearBufferGraphics">${i18n.menus.clear.clearBufferGraphics}</div>
+				<div data-dojo-type="dijit/MenuItem" data-dojo-attach-point="attributesTableClearGrid" data-dojo-attach-event="onClick:clearGrid">${i18n.menus.clear.clearGrid}</div>
 				<div data-dojo-type="dijit/MenuItem" data-dojo-attach-point="attributesTableClearAll" data-dojo-attach-event="onClick:clearAll">${i18n.menus.clear.clearAll}</div>
 			</div>
 		</div>