/webportal/src/main/webapp/index.zul
http://alageospatialportal.googlecode.com/ · Unknown · 660 lines · 586 code · 74 blank · 0 comment · 0 complexity · 7a08ddfd36403e040990f99a45f77833 MD5 · raw file
- <?variable-resolver class="org.zkoss.spring.DelegatingVariableResolver"?>
- <?script type="text/javascript" src="index.js.dsp"?>
- <?component name="leftMenuSearch" macro-uri="/WEB-INF/zul/leftMenuSearch.zul"?>
- <?component name="footer" macro-uri="/WEB-INF/zul/footer.zul"?>
- <?component name="contextualMenu" macro-uri="/WEB-INF/zul/ContextualMenu.zul"?>
- <?page id="MapZul" title="${portalNaming.portalName}" cacheable="false"
- language="xul/html" zscriptLanguage="Java" contentType="text/html;charset=UTF-8"?>
- <?link rel="shortcut icon" type="image/x-icon" href="/img/favicon.ico"?>
- <?meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" ?>
- <zk xmlns="http://www.zkoss.org/2005/zul" xmlns:h="http://www.w3.org/1999/xhtml"
- xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
- xsi:schemaLocation="http://www.zkoss.org/2005/zul http://www.zkoss.org/2005/zul/zul.xsd"
- xmlns:w="http://www.zkoss.org/2005/zk/client" xmlns:n="http://www.zkoss.org/2005/zk/native">
- <!--<style src="css/test.ala.buttons.css" media="screen" />-->
- <style src="css/ala-skin.css" media="screen" />
- <style src="css/zkcomponents.css" media="screen" />
- <style src="css/zkprint.css" media="print" />
- <style src="css/sf.css" />
-
- <script defer="false" type="text/javascript">
- var mapLayers = null;
- var currFeature = null;
- var map = null;
- var bLayer = null;
- var bLayer2 = null;
- var bLayer3 = null;
- var bLayer4 = null;
- var OpenLayers = null;
- var baseLayers = null;
- var currentbaselayertxt = "normal";
- var currentBaseLayer = null;
- var safeToLoadMapId = null;
- var registerLayer = null;
- var tmpvars;
- var disableDepthServlet= ${settings.disableDepthServlet};
- var wms100 = ${layerUtilities.wms100};
- var wms110 = ${layerUtilities.wms110};
- var wms111 = ${layerUtilities.wms111};
- var wms130 = ${layerUtilities.wms130};
- var ncwms = ${layerUtilities.ncwms};
- var thredds = ${layerUtilities.thredds};
- var georss = ${layerUtilities.georss};
- var kml = ${layerUtilities.kml};
- var unsupported =${layerUtilities.unsupported};
- </script>
- <window id="mapPortalPage" width="100%" height="100%"
- use="au.org.emii.portal.composer.MapComposer" apply="au.org.emii.portal.composer.MapComposer"
- style="overflow:hidden;">
- <script defer="false" type="text/javascript">
- <!-- Set up the google analytics -->
- var _gaq = _gaq || [];
- _gaq.push(['_setAccount', 'UA-4355440-1']);
- _gaq.push(['_setDomainName', 'ala.org.au']);
- _gaq.push(['_trackPageview']);
- (function() {
- var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
- ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
- var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
- })();
- </script>
- <script defer="true" type="text/JavaScript" src="scripts/index.js" />
- <timer id="timerKeepAliveSession" repeats="true" delay="30000" onTimer="" />
- <div id="menucontainer">
- <div width="400px" id="menudiv" sclass="menudiv" height="39px" style="position:absolute; top:58px">
- <n:div id="nav-sp">
- <n:ul class="sf">
- <n:li class='nav-home' style="display:none">
- <n:a href="http://www.ala.org.au/" target="_blank">Home</n:a>
- </n:li>
- <n:li>
- <n:a href="" n:onClick="doNothing()">Add to Map</n:a>
- <n:ul>
- <n:li>
- <n:a href="#" n:onClick="addSpeciesAction();">Species</n:a>
- </n:li>
- <n:li>
- <n:a href="#" n:onClick="addAreaAction();">Areas</n:a>
- </n:li>
- <n:li>
- <n:a href="#" n:onClick="addLayerAction();">Layers</n:a>
- </n:li>
- <n:li>
- <n:a href="#" n:onClick="addFacetAction();">Facet</n:a>
- </n:li>
- </n:ul>
- </n:li>
- <n:li>
- <n:a href="" n:onClick="doNothing()">Tools</n:a>
- <n:ul>
- <n:li>
- <n:a href="#" n:onClick="runAreaReport();">Area Report</n:a>
- </n:li>
- <n:li>
- <n:a href="#" n:onClick="runNearestLocality();">Nearest locality</n:a>
- </n:li>
- <n:li>
- <n:a href="#" n:onClick="runScatterPlot();">Scatterplot</n:a>
- </n:li>
- <n:li>
- <n:a href="#" n:onClick="runScatterPlotList();">Scatterplot List</n:a>
- </n:li>
- <n:li>
- <n:a href="#" n:onClick="runTabulation();">Tabulate</n:a>
- </n:li>
- <n:li>
- <n:a href="#" n:onClick="runSitesBySpecies();">Points to Grid</n:a>
- </n:li>
- <n:li>
- <n:a href="#" n:onClick="runClassification();">Classify</n:a>
- </n:li>
- <n:li>
- <n:a href="#" n:onClick="runPrediction();">Predict</n:a>
- </n:li>
- <n:li>
- <n:a href="#" n:onClick="runGDM();">GDM</n:a>
- </n:li>
- <n:li>
- <n:a href="#" n:onClick="runImportAnalysis();">Restore prior analysis</n:a>
- </n:li>
- </n:ul>
- </n:li>
- <n:li>
- <n:a href="" n:onClick="doNothing()">Import</n:a>
- <n:ul>
- <n:li>
- <n:a href="#" n:onClick="runImportSpecies('points');">Points</n:a>
- </n:li>
- <n:li>
- <n:a href="#" n:onClick="runImportSpecies('assemblage');">Species list</n:a>
- </n:li>
- <n:li>
- <n:a href="#" n:onClick="runImportAreas();">Areas</n:a>
- </n:li>
- <n:li>
- <n:a href="#" n:onClick="runImportAnalysis();">Restore prior analysis</n:a>
- </n:li>
- </n:ul>
- </n:li>
- <n:li>
- <n:a href="" n:onClick="doNothing()">Export</n:a>
- <n:ul>
- <n:li>
- <n:a href="#" n:onClick='printHack();'>Map</n:a>
- </n:li>
- <n:li>
- <n:a href="#" n:onClick="runSpeciesList();">Checklist</n:a>
- </n:li>
- <n:li>
- <n:a href="#" n:onClick="runSamplingAction();">Point Sample</n:a>
- </n:li>
- <n:li>
- <n:a href="#" n:onClick="runExport();">Areas</n:a>
- </n:li>
- </n:ul>
- </n:li>
- <n:li>
- <n:a href="" n:onClick="doNothing()">Help</n:a>
- <n:ul>
- <n:li>
- <n:a href="#" n:onClick="loadHelp('getting-started');">Getting Started</n:a>
- </n:li>
- <n:li>
- <n:a href="#" n:onClick="loadHelp('add-to-map');">Add To Map</n:a>
- </n:li>
- <n:li>
- <n:a href="#" n:onClick="loadHelp('tools');">Tools</n:a>
- </n:li>
- <n:li>
- <n:a href="#" n:onClick="loadHelp('import');">Import</n:a>
- </n:li>
- <n:li>
- <n:a href="#" n:onClick="loadHelp('export');">Export</n:a>
- </n:li>
- </n:ul>
- </n:li>
- </n:ul>
- </n:div>
- <div onClick='menus.setOpen(false);menudiv.setStyle("position:absolute; top:0px");menudiv.setParent(menucontainerwest);' sclass="z-west-colps z-borderlayout-icon"
- style="position: absolute; z-index: 201; left: 380px; top: 3px;" >
- </div>
- </div>
- </div>
- <borderlayout width="100%" height="100%">
- <north id="header" height="58" visible="true" style="height: 58px">
- <html id="headerhtml"><![CDATA[
- <header id="site-header">
- <div class="inner">
- <h1 title="Atlas of Living Australia"><a href="http://www.ala.org.au" title="Atlas of Living Australia home"><img src="img/test.ala.logo.png" width="315" height="33" alt="" /></a></h1>
- <section id="nav-search">
- <section id="header-search">
- <form id="search-form" action="http://bie.ala.org.au/search" method="get" name="search-form"><label for="search">Search</label>
- <input id="search" class="filled" title="Search" type="text" name="q" placeholder="Search the Atlas" />
- <span class="search-button-wrapper"><button id="search-button" class="search-button" value="Search" type="submit"><img src="img/test.ala.button_search-grey.png" alt="Search" width="12" height="12" /></button></span></form>
- </section>
- <nav class="not_logged_in">
- <ol>
- <li><a href="http://www.ala.org.au" title="Atlas of Living Australia home">Home</a></li>
- <!-- <li><a href="http://www.ala.org.au/my-profile/" title="My profile">My profile</a></li> -->
- <li><a href="/actions/dashboard" title="Spatial Portal Dashboard">Dashboard</a></li>
- <li><a href="javascript:saveSession();" title="Save current session">Save session</a></li>
- <li class="last"><a href="https://auth.ala.org.au/cas/login?service=http://spatial.ala.org.au/">Log in</a></li>
- </ol>
- </nav>
- <nav class="logged_in">
- <ol>
- <li><a href="http://www.ala.org.au" title="Atlas of Living Australia home">Home</a></li>
- <!-- <li><a href="http://www.ala.org.au/my-profile/" title="My profile">My profile</a></li> -->
- <li><a href="/actions/dashboard" title="Spatial Portal Dashboard">Dashboard</a></li>
- <li><a href="javascript:saveSession();" title="Save current session">Save session</a></li>
- <li class="last"><a href="https://auth.ala.org.au/cas/logout?service=http://spatial.ala.org.au/">Log out</a></li>
- </ol>
- </nav>
- </section>
- </div>
- </header>
- ]]>
- </html>
- </north>
- <west title=" " size="${settingsSupplementary.values.menu_default_width}"
- id="menus" collapsible="true"
- splittable="false" width="400px">
- <div id="westChild" vflex="1">
- <div id="westMinimised" visible="false" class="westMinimised" width="${settingsSupplementary.values.menu_minimised_width}" >
- <div zclass="closebox" zindex="500" left="2px" top="2px">
- <toolbarbutton
- id="showLeftMenu"
- label=""
- image="img/buttonopen.png"
- hoverImage="img/buttonopen-over.png"
- visible="false"
- />
- </div>
- </div>
- <div id="menucontainerwest" />
- <div id="westContent" class="westContent" visible="true" height="100%">
- <borderlayout style="position:absolute;top:0px;left:0px">
- <north height="189px">
- <div>
- <!-- space for top level menu -->
- <div height="39px" />
- <div id="activeLayersHolder" width="400px" style="overflow: auto;background:white" height="160px">
- <listbox id="activeLayersList" width="100%" />
- </div>
- <div width="100%" height="1px" sclass="selectedLayerDiv" />
- </div>
- </north>
- <center vflex="false">
- <vlayout height="100%" style="overflow-y: auto" >
- <div width="400px" style="margin-left:3px;">
- <label id="lblSelectedLayer" value="No layers added" sclass="selectedLayer" />
- </div>
- <separator />
- <div id="layerControls"/>
- </vlayout>
- </center>
- <south height="110px;">
- <div sclass="contextualDivMenu" height="90px" width="390px" style="margin:0; padding:0px;">
- <contextualMenu id="contextualMenu" style="margin:2px;" width="390px" />
- </div>
- </south>
- </borderlayout>
- </div>
- <leftMenuSearch id="leftMenuSearch" visible="false" />
- </div>
- </west>
- <center id="center">
- <div id="mapcontainer" width="100%" height="100%" >
- <div style="float:left" width="100%" height="100%" >
- <iframe id="mapIframe" width="100%" height="100%" name="mapFrame" src="./map2.html?" />
- </div>
- </div>
- </center>
- <south id="south" visible="false">
- <footer id="footer" />
- </south>
- </borderlayout>
- <script defer="false" type="text/javascript"><![CDATA[
- var onIframeMapFullyLoaded = function() {
- //update screen widths before map is loaded (hide header)
- var h0 = window.location.href.split('?');
- if(h0.length > 1){
- var h1 = h0[1].split("&");
- var i;
- for(i=0;i<h1.length;i++){
- if(h1[i].substring(0,2) == "p="){
- h1[i] = h1[i].substring(2,h1[i].length);
- var h2 = h1[i].split(",");
- if(h2.length > 6) {
- //style adjustment
- document.getElementsByTagName("body")[0].style.margin = "0px";
- document.getElementsByTagName("html")[0].style.margin = "0px";
- //hide map buttons
- //var q = jq('$mapbuttons')[0];
- //q.style.display="none";
- //hide menu
- q = document.getElementById(zk.Widget.$(jq('$menudiv')[0]).uuid);
- q.style.display="none";
- //hide north
- q = document.getElementById(zk.Widget.$(jq('$header')[0]).uuid + "-real");
- q.style.height="0px";
- //set west
- var m = document.getElementById(zk.Widget.$(jq('$menus')[0]).uuid + "-real");
- var w = m.style.width;
- var diff = (w.substring(0,w.length-2))*1 - h2[6]*1 + 10;
- m.style.width = h2[6] + "px";
- var p = document.getElementById(zk.Widget.$(jq('$menus')[0]).uuid + "-split");
- p.style.width = h2[6] + "px";
- p.style.left = h2[6] + "px";
- p.style.display = "none";
- var n = document.getElementById(zk.Widget.$(jq('$center')[0]).uuid + "-real");
- w = n.style.width;
- var l = n.style.left;
- l = (l.substring(0,l.length-2)*1);
- var val = diff + w.substring(0,w.length-2)*1;
- n.style.width = val + "px";
- n.style.top = "0px";
- w = n.style.height;
- val2 = w.substring(0,w.length-2)*1;
- n.style.height = val2 + "px";
- w = n.style.left;
- val = w.substring(0,w.length-2)*1 - diff;
- n.style.left = val + "px";
- var n = document.getElementById(zk.Widget.$(jq('$center')[0]).uuid + "-cave");
- w = n.style.width;
- var val = diff + w.substring(0,w.length-2)*1;
- n.style.width = val + "px";
- n.style.left = val + "px";
- n.style.top = "0px";
- n.style.height = val2 + "px";
- mapFrame.document.getElementById("zoomtolocation").style.display="none";
- mapFrame.document.getElementById("addPanoramio").style.display="none";
- if(mapFrame.document.getElementById("hoverTool") != null)
- mapFrame.document.getElementById("hoverTool").style.display="none";
- if(mapFrame.document.getElementById("nearestTool") != null)
- mapFrame.document.getElementById("nearestTool").style.display="none";
- if(mapFrame.document.getElementById("featureTool") != null)
- mapFrame.document.getElementById("featureTool").style.display="none";
- jQuery('.z-center')[0].style.border = "0px";
- }
- }
- }
- }
- ${session.attributes.portalSession.onIframeMapFullyLoaded};
- map = window.mapFrame.map;
- mapFrame = window.mapFrame;
- //update map extents
- var printing = false;
- var h0 = window.location.href.split('?');
- if(h0.length > 1){
- var h1 = h0[1].split("&");
- var i;
- for(i=0;i<h1.length;i++){
- if(h1[i].substring(0,2) == "p="){
- printing = true;
- h1[i] = h1[i].substring(2,h1[i].length);
- var h2 = h1[i].split(",");
- if(h2.length > 5){
- if(h2[2].substring(0,1) == 'n') {
- fixExtent4326(1*(h2[2].substring(1,h2[2].length)),1*h2[3],1*h2[4],1*h2[5]);
- } else {
- fixExtent(1*h2[2],1*h2[3],1*h2[4],1*h2[5]);
- }
- //map.zoomToExtent(new OpenLayers.Bounds(1*h2[2],1*h2[3],1*h2[4],1*h2[5]), true);
- while(map.controls.length > 0){
- map.controls[0].deactivate();
- map.removeControl(map.controls[0]);
- }
- window.frames["mapFrame"].document.getElementById('controlPanZoom').style.display = "none";
- }
- console.log(currentbaselayertxt);
- if(h2.length > 7 && currentbaselayertxt != h2[7]) {
- console.log(h2[7]);
- changeBaseLayer(h2[7]);
- }
- //draw grid
- if(h2.length > 8){
- if (h2[8] != '0' && h2[8] != '0.0') {
- var ctrl = new OpenLayers.Control.Graticule({
- numPoints: 2,
- labelled: true,
- visible: true
- });
- ctrl.labelSymbolizer.fontColor = "white";
- if(h2.length > 9) {
- ctrl.labelSymbolizer.fontSize = "15";
- ctrl.labelSymbolizer.fontWeight = "bold";
- ctrl.lineSymbolizer.strokeWidth = 2;
- //resize scale text
- mapFrame.document.getElementById("mapscale").style.fontSize = "15px"
- mapFrame.document.getElementById("mapscale").style.fontWeight = "bold"
- } else {
- ctrl.lineSymbolizer.strokeWidth = 1;
- }
- ctrl.lineSymbolizer.strokeColor = "white";
- ctrl.lineSymbolizer.strokeOpacity = 0.6;
- map.addControl(ctrl);
- }
- }
- //scale circles
- if(h2.length > 9){
- var scaleby = 1.0*(h2[9]);
- var vl = map.getLayersByClass("OpenLayers.Layer.Vector");
- for (var i = 0; i < vl.length; i++) {
- var f = vl[i].features;
- if(vl[i].style != undefined && vl[i].style.pointRadius != undefined) {
- vl[i].style.pointRadius *= scaleby;
- }
- for(var j=0;j<f.length;j++){
- if(f[j].geometry.toString().indexOf('POINT') == 0) {
- if(f[j].style != undefined && f[j].style.pointRadius != undefined) {
- f[j].style.pointRadius *= scaleby;
- }
- }
- }
- vl[i].redraw(true);
- }
- }
- //scale text?
- //...
- }
- }
- }
- //use session state extents for printing
- if (!printing) {
- window.mapFrame.loadBaseMap();
- if (!readCookie('ALA-Auth')) {
- $(".login-bubble").show().delay(8000).fadeOut(2000);
- }
- window.mapFrame.document.getElementById("layervalues").style.display= "block";
- }
- map.signalLayerLoaded = function (layerName) {
- zAu.send(new zk.Event(zk.Widget.$(jq('$mapPortalPage')[0]), 'onLayerLoaded', layerName));
- }
- map.baseLayer.redraw();
- };
- ]]>
- </script>
- <!--
- Nasty hack to stop you getting SEVERE errors in the console. The
- iframe in the holder gets moved into ErrorMessageWithDetail.zul when
- raw text is required to be displayed and then gets moved back here
- when the window is closed. Yuk
- -->
- <div id="rawMessageHackHolder" visible="false">
- <iframe id="rawMessageIframeHack" width="100%" height="250px" />
- </div>
- <!-- flag indicating whether safe to load map (OL library loaded) -->
- <!-- textbox visible="true" id="safeToLoadMap" value="false" / -->
- <doublebox id="southReal" visible="false" />
- <doublebox id="northReal" visible="false" />
- <doublebox id="westReal" visible="false" />
- <doublebox id="eastReal" visible="false" />
- <textbox id="baseMap" visible="false" />
- <textbox id="currentLayerExtent" visible="false" />
-
- <label id="sat_url" value="${settingsSupplementary.values.sat_url}" visible="false" />
- <label id="geoserver_url" value="${settingsSupplementary.values.geoserver_url}" visible="false" />
- <label id="layers_url" value="${settingsSupplementary.values.layers_url}" visible="false" />
- <label id="biocache_service_url" value="${settingsSupplementary.values.biocache_service_url}" visible="false" />
- <label id="biocache_webapp_url" value="${settingsSupplementary.values.biocache_webapp_url}" visible="false" />
- <label id="bie_url" value="${settingsSupplementary.values.bie_url}" visible="false" />
- <label id="print_server_url" value="${settingsSupplementary.values.print_server_url}" visible="false" />
- <label id="webportal_url" value="${settingsSupplementary.values.webportal_url}" visible="false" />
- <label id="help_url" value="${settingsSupplementary.values.help_url}" visible="false" />
-
- <!--script defer="false" type="text/javascript"><![CDATA[
-
- var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
- document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js'<http://google-analytics.com/ga.js'> type='text/javascript'%3E%3C/script%3E"));
- ]]></script>
- <script defer="true" type="text/javascript"><![CDATA[
- var pageTracker = _gat._getTracker("UA-4355440-1");
- pageTracker._initData();
- pageTracker._trackPageview();
- ]]>
- </script-->
- <script><![CDATA[
- function downloadSubmitButtonClick() {
- //e.preventDefault();
- if (validateForm()) {
- var downloadUrl = $("input#downloadUrl").val().replace(/\\ /g, " ");
- var fastDownloadUrl = $("input#fastDownloadUrl").val().replace(/\\ /g, " ");
- var downloadType = $('input:radio[name=downloadType]:checked').val();
- var reason = $("#reasonTypeId").val();
- if(typeof reason == "undefined")
- reason = "";
- if (downloadType == "fast") {
- downloadUrl = fastDownloadUrl + "&type=&email="+$("#email").val()+ "&reasonTypeId="+$("#reasonTypeId").val()+"&reason="+encodeURIComponent(reason)+"&file="+$("#filename").val();
- } else {
- downloadUrl = downloadUrl + "&type=&email="+$("#email").val()+ "&reasonTypeId="+$("#reasonTypeId").val()+"&reason="+encodeURIComponent(reason)+"&file="+$("#filename").val();
- }
- //console.log("downloadUrl = " + downloadUrl);
- //alert("downloadUrl = " + downloadUrl);
- window.location.href = downloadUrl;
- zk.Widget.$(jq('$externalContentWindow')).detach();
- return false;
- }
- }
- function validateForm() {
- var isValid = false;
- var reasonId = $("#reasonTypeId option:selected").val();
- if (reasonId) {
- isValid = true;
- } else {
- $("#reasonTypeId").focus();
- $("label[for='reasonTypeId']").css("color","red");
- alert("Please select a \"download reason\" from the drop-down list");
- }
- return isValid;
- }
- function readCookie(name) {
- var nameEQ = name+"=";
- var ca = document.cookie.split(";");
- for (var i = 0; i < ca.length; i++) {
- var c = ca[i];
- while (c.charAt(0)==' ') c = c.substring(1, c.length);
- if (c.indexOf(nameEQ)==0) return c.substring(nameEQ.length, c.length);
- }
- return null;
- }
- //capture mouse events during window resize or move over an iframe
- var overlayon = false;
- function needOverlay() {
- var zkresizing = parent.document.getElementById("zk_ddghost");
- var zkmoving = parent.document.getElementById("zk_wndghost");
- if(zkresizing != null && zkresizing.className.indexOf('drop') >= 0) {
- //do nothing with drag/drop
- } else if(!overlayon && (zkmoving != null || zkresizing != null)) {
- //sit above zk (z-index:1800)
- parent.jq(parent.document.body).append("<div id='overlay_' style='position:absolute;width:100%;height:100%;top:0;left:0;z-index:1900;background-color:white;opacity:0.01;filter:alpha(opacity=1);'></div>");
- overlayon = true;
- } else if(overlayon && zkmoving == null && zkresizing == null) {
- overlayon = false;
- parent.jq(parent.document.getElementById("overlay_")).remove();
- }
- setTimeout(needOverlay, 500);
- }
- setTimeout(needOverlay, 500); //start
- ]]>
-
- </script>
- <window id="hovertool" border="normal" sizable="true"
- xmlns:n="http://www.zkoss.org/2005/zk/native" mode="overlapped" width="450px" height="120px" position="center,top">
- <n:a class="fancybox-close" n:onClick="mapFrame.doSome('min');" style="display: inline" />
- <caption label="Layer value hover tool" />
- <div height="100%" style="background:white">
- <n:div id="hoverOutput"></n:div>
- </div>
- </window>
- <window id="nearesttool" border="normal" sizable="true"
- xmlns:n="http://www.zkoss.org/2005/zk/native" mode="overlapped" width="400px" height="120px" position="center,top">
- <n:a class="fancybox-close" n:onClick="clearNearestMarkerLayer();mapFrame.toggleActiveNearest();" style="display: inline" />
- <caption label="Nearest locality tool">
- <n:a href='#' n:onClick="clearNearestMarkerLayer();">
- <n:span style="color:black;text-decoration:underline">remove all markers</n:span>
- </n:a>
- </caption>
- <div height="100%" style="background:white">
- <n:div id="nearestOutput"></n:div>
- </div>
- </window>
- <window id="featuretool" border="normal" sizable="true"
- xmlns:n="http://www.zkoss.org/2005/zk/native" mode="overlapped" width="400px" height="120px" position="center,top">
- <n:a class="fancybox-close" n:onClick="clearNearestMarkerLayer();mapFrame.toggleActiveFeatures();" style="display: inline" />
- <caption label="Mapped features">
- <n:a href='#' n:onClick="clearNearestMarkerLayer();mapFrame.toggleActiveFeatures();">
- <n:span style="color:black;text-decoration:underline">remove all markers</n:span>
- </n:a>
- <n:a href='#' n:onClick="downloadFeaturesCSV()">
- <n:span style="color:black;text-decoration:underline">download CSV</n:span>
- </n:a>
- </caption>
- <div height="100%" style="background:white">
- <n:div n:style="height:300px;overflow:auto;" id="featureOutput"></n:div>
- </div>
- </window>
- <html><![CDATA[
- <div class="login-bubble">
- <div class="login-bubble-arrow"></div>
- <div class="login-bubble-arrow-border"></div>
- Log into the ALA Spatial Portal to keep track of your session.
- </div>
- ]]>
- </html>
-
- <zscript defer="true">
- hovertool.setVisible(false);
- nearesttool.setVisible(false);
- featuretool.setVisible(false);
- </zscript>
- </window>
-
-
- </zk>