Create a Plugin for iShare GIS

 Astun.JS.Plugins.installDialog("activeLayersDialog", function($map, openlayers) {
	var $wrapper = jQuery('<div>').addClass('ishare-activelayers');
	return {
		uid: "activeLayersDialog",
		content: $wrapper,
		onOpen: function($box, $inner) {
			// get a list of the currently active layers
			var allLayers = astun.mapWrapper.layerControl.layers,
				activeLayers = [];
				
			for (var i = 0; i < allLayers.length; i++) {
				if (allLayers[i].currentlyVisible) {
					activeLayers.push(allLayers[i]);
				}
			}
			
			// list the layers
			var $list = jQuery('<ul></ul>');
			for (var i = 0; i < activeLayers.length; i++) {
				$list.append('<li>' + activeLayers[i].displayName + '<img src="' + activeLayers[i].legendImage + '" /></li>');
			}
			
			// add the list to the content
			$wrapper.append($list);
		},
		onClose: function($box, $inner) {
			// clear the dialog
			$wrapper.empty();
		},
		cancelButton: Astun.lang.common.closeLabel
	};
});
Astun.JS.Plugins.installButton( {
		name: "activeLayersButton",
		type: "modaldialog",
		dialog: Astun.JS.Plugins.dialogs.activeLayersDialog,
		hideOnEmptyDialog: false,
		text: 'Active Layers',
		tooltipTitle: 'Active Layers',
		tooltip: 'This shows the Active Layers dialogue'
	}
);

div.ishare-layerquery li {
	list-style:none;
	padding-bottom:16px;
}

div.ishare-layerquery img {
	display:block;
}

 Astun.JS.Plugins.installDialog("currentViewDialog", function($map, openlayers) {
	var $wrapper = jQuery('<div>').addClass('ishare-currentview');
	return {
		uid: "currentViewDialog",
		content: $wrapper,
		onOpen: function($box, $inner) {
			// get the static map URL
			var mapURL = openlayers.wrapper.getStaticMapImageUrl(),
				$img = null;
			
			// add the image to the DOM and set the src attribute
			jQuery('<img>')
				.attr({
					'src': mapURL
				})
				.appendTo($wrapper);
		},
		onClose: function($box, $inner) {
			// clear the dialog
			$wrapper.empty();
		},
		cancelButton: Astun.lang.common.closeLabel
	};
});
Astun.JS.Plugins.installButton( {
		name: "currentViewButton",
		type: "modaldialog",
		dialog: Astun.JS.Plugins.dialogs.currentViewDialog,
		hideOnEmptyDialog: false,
		text: 'Current View',
		tooltipTitle: 'Current View',
		tooltip: 'This shows the Current View dialogue'
	}
);

Astun.JS.Plugins.installDialog("viewQueryDialog", function($map, openlayers) {
	var $wrapper = jQuery('<div>').addClass('ishare-viewquery');
	return {
		uid: "viewQueryDialog",
		content: $wrapper,
		onOpen: function($box, $inner) {
			// get the static map URL
			var mapURL = openlayers.wrapper.getStaticMapImageUrl(),
				$img = null;
				
			jQuery('<img>')
				.attr({
					'src': mapURL
				})
				.appendTo($wrapper);
				
			var activeLayers = this.getActiveLayers();
			if (activeLayers.length === 0)
				return;
			
			// get the map extents as WKT
			var extents = this.createExtentsString(astun.mapWrapper.openlayers.getExtent());
			
			// loop round the layers and query them
			for (var i = 0; i < activeLayers.length; i++) {
				astun.mapWrapper.getMapMultiInfo(extents, 5000, 'shapeInfo', this.responseReceived, { 'layers': [activeLayers[i].layerName] });
			}
		},
		onClose: function($box, $inner) {
			// clear the dialog
			$wrapper.empty();
		},
		// add a cancel button, and use the standard close label text
		cancelButton: Astun.lang.common.closeLabel,
		// get all of the active layers and return them as an array
		getActiveLayers: function() {
			// get a list of the currently active layers
			var allLayers = astun.mapWrapper.layerControl.layers,
				activeLayers = [];
				
			for (var i = 0; i < allLayers.length; i++) {
				if (allLayers[i].currentlyVisible) {
					activeLayers.push(allLayers[i]);
				}
			}
			
			return activeLayers;
		},
		// convert the extents object into WKT
		createExtentsString: function(extents) {
			var str = 'POLYGON(([left] [top],[right] [top],[right] [bottom],[left] [bottom],[left] [top]))';
			str = str.replace(/\[left\]/gi, extents.left);
			str = str.replace(/\[top\]/gi, extents.top);
			str = str.replace(/\[right\]/gi, extents.right);
			str = str.replace(/\[bottom\]/gi, extents.bottom);
			return str;
		},
		// function to call when a response is received with results
		responseReceived: function(response, $mapWrapper) {
			// make sure we have a valid response and that there were no errors
			if (!response || response === null || response.unexpectedResponse)
				return;
		
			// create the containers to hold the data
			var $table = jQuery("<table>").attr('width', '100%'),
				$caption = jQuery('<caption>' + response[0].properties.layer + '</caption>'),
				$headerRow = jQuery('<tr>');
			$table.append($caption);
			
			// build up the table headers
			for (var name in response[0].features[0].properties.fields) {
				jQuery('<th>' + name + '</th>')
					.appendTo($headerRow);
			}
			$table.append($headerRow);
				
			// loop round the features and add them to the table as rows
			for (var i = 0; i < response[0].features.length; i++) {
				var $dataRow = jQuery('<tr>');
				
				for (var name in response[0].features[i].properties.fields) {
					// if there is a link for this field, use that, otherwise just use the text
					if (response[0].features[i].properties.links[name] && response[0].features[i].properties.links[name] !== '') {
						jQuery('<td><a href="' + response[0].features[i].properties.links[name] + '">' + response[0].features[i].properties.fields[name] + '</a></td>')
							.appendTo($dataRow);					
					} else {
						jQuery('<td>' + response[0].features[i].properties.fields[name] + '</td>')
							.appendTo($dataRow);
					}
				}
				
				$dataRow.appendTo($table);
			}
			
			// add the content to the wrapper
			$wrapper.append($table);
		}
	};
});
Astun.JS.Plugins.installButton( {
		name: "viewQueryButton",
		type: "modaldialog",
		dialog: Astun.JS.Plugins.dialogs.viewQueryDialog,
		hideOnEmptyDialog: false,
		text: 'View Query',
		tooltipTitle: 'View Query',
		tooltip: 'This shows the View Query dialogue'
	}
);

div.ishare-viewquery {
	text-align: center;
}
div.ishare-viewquery table {
	border: 1px solid #666;
	border-collapse: collapse;
	margin-bottom: 16px;
}
div.ishare-viewquery td, 
div.ishare-viewquery th {
	border: 1px solid #666;
	padding: 8px;
}
div.ishare-viewquery th {
	background-color: #ccc;
}
div.ishare-viewquery .sitereport-mapcontainer {
	margin-bottom: 16px;
	text-align: center;
}
div.ishare-viewquery img {
	border: 1px solid #666;
	max-height:600px;
}
div.ishare-viewquery caption {
	font-weight: bold;
	margin-bottom: 8px;
}