--- /dev/null
+function NovaButton() {
+
+}
+
+NovaButton.prototype = new GControl();
+
+NovaButton.globals = {
+ currentButton: null,
+ layerOptionContainer: null,
+ layerOptionVisible: false,
+ searchOptionContainer: null,
+ searchOptionVisible: false,
+ //new changes
+ searchResultContainer: null,
+ //new changes
+ searchTabSelected: null,
+ map: null,
+ originalLayerState: null
+};
+
+NovaButton.globals.dragzoom = {
+ cornerTopDiv: null,
+ cornerRightDiv: null,
+ cornerBottomDiv: null,
+ cornerLeftDiv: null,
+ mapPosition: null,
+ outlineDiv: null,
+ mapWidth: 0,
+ mapHeight: 0,
+ mapRatio: 0,
+ startX: 0,
+ startY: 0,
+ zoomArea: null,
+ moving: false
+};
+
+// Creates a one DIV for each of the buttons and places them in a container
+// DIV which is returned as our control element.
+NovaButton.prototype.initialize = function(map) {
+ var container = document.createElement("div");
+ container.style.zIndex = "150";
+ var that = this;
+
+ // "Cursor" button
+ var cursorDiv = document.createElement("div");
+ cursorDiv.id = "cursorDiv";
+ NovaButton.globals.currentButton = "cursorDiv";
+ this.setButtonStyle(cursorDiv, true);
+ cursorDiv.style.fontWeight = "bold";
+ cursorDiv.appendChild(document.createTextNode("Cursor"));
+ GEvent.addDomListener(cursorDiv, "click", function() {
+ var globals = NovaButton.globals;
+ if (globals.currentButton == "cursorDiv") {
+ return;
+ }
+
+ this.style.fontWeight = "bold";
+ globals.currentButton = "cursorDiv";
+ if (!map.draggingEnabled()) {
+ map.enableDragging();
+ }
+ document.getElementById("detailDiv").style.fontWeight = "normal";
+ document.getElementById("zoomRectangleDiv").style.fontWeight = "normal";
+
+ that.resetDragZoom();
+ });
+
+ // "detail" button
+ var detailDiv = document.createElement("div");
+ detailDiv.id = "detailDiv";
+ this.setButtonStyle(detailDiv, true);
+ detailDiv.appendChild(document.createTextNode("Detail"));
+ GEvent.addDomListener(detailDiv, "click", function() {
+ var globals = NovaButton.globals;
+ if (globals.currentButton == "detailDiv") {
+ return;
+ }
+
+ this.style.fontWeight = "bold";
+ globals.currentButton = "detailDiv";
+ if (map.draggingEnabled()) {
+ map.disableDragging();
+ }
+ document.getElementById("cursorDiv").style.fontWeight = "normal";
+ document.getElementById("zoomRectangleDiv").style.fontWeight = "normal";
+
+ that.resetDragZoom();
+ });
+
+ // zoom rectangle button
+ var zoomRectangleDiv = document.createElement("div");
+ zoomRectangleDiv.id = "zoomRectangleDiv";
+ this.setButtonStyle(zoomRectangleDiv, true);
+ zoomRectangleDiv.appendChild(document.createTextNode("Zoom Rect."));
+ GEvent.addDomListener(zoomRectangleDiv, "click", function() {
+ var globals = NovaButton.globals;
+ if (globals.currentButton == "zoomRectangleDiv") {
+ return;
+ }
+
+ this.style.fontWeight = "bold";
+ globals.currentButton = "zoomRectangleDiv";
+
+ if (map.draggingEnabled()) {
+ map.disableDragging();
+ }
+ document.getElementById("cursorDiv").style.fontWeight = "normal";
+ document.getElementById("detailDiv").style.fontWeight = "normal";
+
+ that.initCover();
+ });
+
+ // "Zoom In" button
+ var zoomInDiv = document.createElement("div");
+ this.setButtonStyle(zoomInDiv, true);
+ zoomInDiv.appendChild(document.createTextNode("Zoom In"));
+ // The "true" argument in the zoomIn() method allows continuous zooming
+ GEvent.addDomListener(zoomInDiv, "click", function() {
+ //map.zoomIn(null,null,true);
+ map.zoomIn();
+ });
+
+ // "Zoom Out" button
+ var zoomOutDiv = document.createElement("div");
+ this.setButtonStyle(zoomOutDiv, true);
+ zoomOutDiv.style.borderTop = 0+'px';
+ zoomOutDiv.appendChild(document.createTextNode("Zoom Out"));
+ // The "true" argument in the zoomOut() method allows continuous zooming
+ GEvent.addDomListener(zoomOutDiv, "click", function() {
+ //map.zoomOut(null,true);
+ map.zoomOut();
+ });
+
+ // "Default View" button
+ var defaultViewDiv = document.createElement("div");
+ this.setButtonStyle(defaultViewDiv, true);
+ defaultViewDiv.appendChild(document.createTextNode("Default View"));
+ GEvent.addDomListener(defaultViewDiv, "click", function(e) {
+ that.defaultViewClickEvent();
+ });
+
+ // "layer" button
+ var showLayerDiv = document.createElement("div");
+ this.setButtonStyle(showLayerDiv, true);
+ showLayerDiv.appendChild(document.createTextNode("Layers"));
+ GEvent.addDomListener(showLayerDiv, "click", function(e) {
+ that.showLayerClickEvent(e);
+ });
+
+ // initialize layer option
+ var layerOptionContainer = document.createElement("div");
+ this.setMenuContainerStyle(layerOptionContainer);
+ this.initializeLayerDiv(layerOptionContainer);
+
+ // "search" button
+ var searchDiv = document.createElement("div");
+ this.setButtonStyle(searchDiv, true);
+ searchDiv.appendChild(document.createTextNode("Search"));
+ GEvent.addDomListener(searchDiv, "click", function(e) {
+ that.searchClickEvent(e);
+ });
+
+ var searchOptionContainer = document.createElement("div");
+ searchOptionContainer.style.position = "absolute";
+ searchOptionContainer.style.left = "100px";
+ searchOptionContainer.style.top = "100px";
+ searchOptionContainer.style.display = "none";
+ this.initializeSearchDiv(searchOptionContainer);
+
+ var buttonContainer = document.createElement("div");
+ buttonContainer.appendChild(cursorDiv);
+ buttonContainer.appendChild(detailDiv);
+ //buttonContainer.appendChild(zoomRectangleDiv);
+ //buttonContainer.appendChild(zoomInDiv);
+ //buttonContainer.appendChild(zoomOutDiv);
+ //buttonContainer.appendChild(defaultViewDiv);
+ //buttonContainer.appendChild(showLayerDiv);
+ //buttonContainer.appendChild(searchDiv);
+
+ // zoom area div
+ var zoomAreaDiv = document.createElement("div");
+ this.setZoomAreaStyle(zoomAreaDiv);
+ var DIVS_TO_CREATE = ['outlineDiv', 'cornerTopDiv', 'cornerLeftDiv', 'cornerRightDiv', 'cornerBottomDiv'];
+ for (var i=0; i<DIVS_TO_CREATE.length; i++) {
+ var id = DIVS_TO_CREATE[i];
+ var div = document.createElement("div");
+ div.style.position = "absolute";
+ div.style.display = "none";
+ zoomAreaDiv.appendChild(div);
+ NovaButton.globals.dragzoom[id] = div;
+ }
+
+ GEvent.addDomListener(zoomAreaDiv, 'mousedown', function(e) {
+ that.mouseDown(e);
+ });
+ GEvent.addDomListener(document, 'mousemove', function(e) {
+ that.mouseMove(e);
+ });
+ GEvent.addDomListener(document, 'mouseup', function(e) {
+ that.mouseUp(e);
+ });
+
+ // assign global variable
+ NovaButton.globals.layerOptionContainer = layerOptionContainer;
+ NovaButton.globals.map = map;
+ NovaButton.globals.dragzoom.zoomArea = zoomAreaDiv;
+ NovaButton.globals.dragzoom.mapPosition = NovaButtonUtils.getElementPosition(map.getContainer());
+ NovaButton.globals.searchOptionContainer = searchOptionContainer;
+ this.setDimensions();
+
+ zoomAreaDiv.onselectstart = function() {return false;};
+
+ //styles
+ this.initZoomAreaStyles();
+
+ container.appendChild(buttonContainer);
+ map.getContainer().appendChild(container);
+ //map.getContainer().appendChild(layerOptionContainer);
+ //map.getContainer().appendChild(searchOptionContainer);
+ document.body.appendChild(layerOptionContainer);
+ document.body.appendChild(searchOptionContainer);
+ map.getContainer().appendChild(zoomAreaDiv);
+
+ return container;
+}
+
+// The control will appear in the top left corner of the map with 5 pixels of padding.
+NovaButton.prototype.getDefaultPosition = function() {
+ return new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(70, 5));
+}
+
+NovaButton.prototype.setSearchResultStyle = function(container) {
+ container.style.width = "300px";
+ container.style.height = "150px";
+ container.style.background = "#FFFFF0";
+ container.style.fontFamily = "Verdana";
+ container.style.fontSize = "12px";
+ container.style.position = "absolute";
+ container.style.border = "1px solid black";
+ container.style.top = "201px";
+ container.style.left = "0px";
+ container.style.display = "none";
+ container.style.overflow = "auto";
+ container.align = "left";
+}
+
+// Sets the proper CSS for the given button element.
+NovaButton.prototype.setButtonStyle = function(button, horizontalAlign) {
+ button.style.color = "black";
+ button.style.backgroundColor = "white";
+ button.style.fontFamily = "Verdana";
+ button.style.fontSize = "12px";
+ button.style.fontWeight= "normal";
+ button.style.border = "1px solid gray";
+ button.style.padding = "0px";
+ button.style.marginBottom = "0px";
+ button.style.textAlign = "center";
+ button.style.width = "80px";
+ button.style.height = "15px";
+ button.style.cursor = "pointer";
+ //button.style.zIndex = "200";
+
+ if (horizontalAlign) {
+ if(button.addEventListener) {
+ button.style.cssFloat = "left" ;
+ }
+ else {
+ button.style.styleFloat = "left" ;
+ }
+ }
+}
+
+NovaButton.prototype.setTabHeaderStyle = function(header) {
+ //header.style.position = "absolute";
+ //header.style.zIndex = "2";
+ header.align = "left";
+}
+
+NovaButton.prototype.setTabButtonStyle = function(tab) {
+ tab.style.padding = "3px 5px 3px 5px";
+ tab.style.fontFamily = "Verdana";
+ tab.style.fontSize = "12px";
+ tab.style.textAlign = "center";
+ tab.style.width = "7em";
+ tab.style.height = "15px";
+ tab.style.cursor = "pointer";
+ tab.style.background = "#C6DEFF";
+
+ if(tab.addEventListener) {
+ tab.style.cssFloat = "left" ;
+ }
+ else {
+ tab.style.styleFloat = "left" ;
+ }
+}
+
+NovaButton.prototype.setTabBodyStyle = function(body) {
+ body.style.width = "400px";
+ body.style.height = "150px";
+ body.style.background = "#FFFFF0";
+ body.style.fontFamily = "Verdana";
+ body.style.fontSize = "12px";
+ //body.style.zIndex = "1";
+ body.style.padding = "3px 5px 3px 5px";
+ body.style.top = "20px";
+ body.style.left = "0px";
+ body.style.position = "absolute";
+ body.style.display = "none";
+ body.align = "left";
+}
+
+NovaButton.prototype.setTabFooterStyle = function(footer) {
+ footer.style.width = "400px";
+ footer.style.height = "20px";
+ footer.align = "center";
+ footer.style.padding = "3px 5px 3px 5px";
+ footer.style.background = "#FFFFF0";
+ footer.style.position = "absolute";
+ footer.style.top = "175px";
+ footer.style.left = "0";
+}
+
+NovaButton.prototype.tabMouseOver = function(e) {
+ var tab = Event.element(e);
+ tab.style.background = "#ADDFFF";
+}
+
+NovaButton.prototype.tabMouseOut = function(e) {
+ var tab = Event.element(e);
+ tab.style.background = "#C6DEFF";
+}
+
+NovaButton.prototype.tabClickEvent = function(e) {
+ var tab = Event.element(e);
+
+ if (tab.id == NovaButton.globals.searchTabSelected) {
+ return false;
+ }
+
+ NovaButton.globals.searchTabSelected = tab.id;
+ tab.style.fontWeight = "bold";
+
+ if (tab.id == "nodeTab") {
+ document.getElementById("nodeBody").style.display = "inline";
+ document.getElementById("addressBody").style.display = "none";
+ document.getElementById("addressTab").style.fontWeight = "normal";
+ }
+ else {
+ document.getElementById("addressBody").style.display = "inline";
+ document.getElementById("nodeBody").style.display = "none";
+ document.getElementById("nodeTab").style.fontWeight = "normal";
+ }
+}
+
+NovaButton.prototype.initializeSearchDiv = function(searchOptionContainer) {
+ var header = document.createElement("div");
+ this.setTabHeaderStyle(header);
+ var that = this;
+
+ var nodeTab = header.appendChild(document.createElement("div"));
+ nodeTab.id = "nodeTab";
+ this.setTabButtonStyle(nodeTab);
+ nodeTab.appendChild(document.createTextNode("Node"));
+ GEvent.addDomListener(nodeTab, "mouseover", function(e) {
+ that.tabMouseOver(e);
+ });
+ GEvent.addDomListener(nodeTab, "mouseout", function(e) {
+ that.tabMouseOut(e);
+ });
+ GEvent.addDomListener(nodeTab, "click", function(e) {
+ that.tabClickEvent(e);
+ });
+
+ var addressTab = header.appendChild(document.createElement("div"));
+ addressTab.id = "addressTab";
+ this.setTabButtonStyle(addressTab);
+ addressTab.appendChild(document.createTextNode("Address"));
+ GEvent.addDomListener(addressTab, "mouseover", function(e) {
+ that.tabMouseOver(e);
+ });
+ GEvent.addDomListener(addressTab, "mouseout", function(e) {
+ that.tabMouseOut(e);
+ });
+ GEvent.addDomListener(addressTab, "click", function(e) {
+ that.tabClickEvent(e);
+ });
+
+ var body = document.createElement("div");
+ var nodeBody = body.appendChild(document.createElement("div"));
+ nodeBody.id = "nodeBody";
+ this.setTabBodyStyle(nodeBody);
+ this.initializeNodeBody(nodeBody);
+
+ var addressBody = body.appendChild(document.createElement("div"));
+ addressBody.id = "addressBody";
+ this.setTabBodyStyle(addressBody);
+ this.initializeAddressBody(addressBody);
+
+ //new changes
+ var searchResultContainer = body.appendChild(document.createElement("div"));
+ searchResultContainer.style.opacity = "0.8";
+ searchResultContainer.style.filter = 'alpha(opacity=' + (0.6 * 100) + ')';
+ this.setSearchResultStyle(searchResultContainer);
+ //new changes
+
+ var footer = document.createElement("div");
+ this.setTabFooterStyle(footer);
+ var buttonDiv = footer.appendChild(document.createElement("div"));
+ this.setButtonStyle(buttonDiv, false);
+ buttonDiv.appendChild(document.createTextNode("Submit"));
+ GEvent.addDomListener(buttonDiv, "click", function(e) {
+ that.submitSearchClickEvent(e);
+ });
+
+ searchOptionContainer.appendChild(header);
+ searchOptionContainer.appendChild(body);
+ searchOptionContainer.appendChild(footer);
+ //searchOptionContainer.appendChild(nodeBody);
+ //searchOptionContainer.appendChild(addressBody);
+
+ // default tab
+ nodeTab.style.fontWeight = "bold";
+ nodeBody.style.display = "inline";
+ NovaButton.globals.searchTabSelected = "nodeTab";
+ //new changes
+ NovaButton.globals.searchResultContainer = searchResultContainer;
+ //new chjanges
+}
+
+NovaButton.prototype.initializeNodeBody = function(nodeBody) {
+ var searchByNodeId = document.createElement("input");
+ searchByNodeId.type = "radio";
+ searchByNodeId.defaultChecked = true;
+ searchByNodeId.name = "nodeGroup";
+ searchByNodeId.id = "searchByNodeId";
+ searchByNodeId.value = "searchByNodeId";
+ searchByNodeId.onclick = function () {
+ searchByLocation.checked = false;
+ searchByNodeId.checked = true;
+ };
+ nodeBody.appendChild(searchByNodeId);
+ nodeBody.appendChild(document.createTextNode("Node ID"));
+ nodeBody.appendChild(document.createElement("br"));
+
+ var searchByLocation = document.createElement("input");
+ searchByLocation.type = "radio";
+ searchByLocation.defaultChecked = false;
+ searchByLocation.name = "nodeGroup";
+ searchByLocation.id = "searchByLocation";
+ searchByLocation.value = "searchByLocation";
+ // ie bug
+ searchByLocation.onclick = function () {
+ searchByLocation.checked = true;
+ searchByNodeId.checked = false;
+ };
+ nodeBody.appendChild(searchByLocation);
+ nodeBody.appendChild(document.createTextNode("Node Location"));
+ nodeBody.appendChild(document.createElement("br"));
+ nodeBody.appendChild(document.createElement("br"));
+
+ var exactMatchSearch = document.createElement("input");
+ exactMatchSearch.type = "checkbox";
+ exactMatchSearch.id = "exactMatch";
+ nodeBody.appendChild(exactMatchSearch);
+ nodeBody.appendChild(document.createTextNode("Exact Match"));
+ nodeBody.appendChild(document.createElement("br"));
+
+ var searchInput = document.createElement("input");
+ searchInput.id = "nodeSearchInput";
+ searchInput.setAttribute("type", "text");
+ searchInput.setAttribute("size", "60");
+
+ nodeBody.appendChild(searchInput);
+}
+
+NovaButton.prototype.initializeAddressBody = function(addressBody) {
+ var addressLabel = addressBody.appendChild(document.createElement("div"));
+ addressLabel.appendChild(document.createTextNode("Enter address (e.g. 180 park ave, florham park, nj 07932)"));
+
+ var searchInput = document.createElement("input");
+ searchInput.id = "addressSearchInput";
+ searchInput.setAttribute("type", "text");
+ searchInput.setAttribute("size", "60");
+
+ addressBody.appendChild(searchInput);
+}
+
+//new changes start
+NovaButton.prototype.setSearchResult = function(jsonData) {
+ var resultContainer = NovaButton.globals.searchResultContainer;
+ for (var i = resultContainer.childNodes.length - 1; i >= 0; i--) {
+ resultContainer.removeChild(resultContainer.lastChild);
+ }
+
+ var table = resultContainer.appendChild(document.createElement("table"));
+ var tbody = table.appendChild(document.createElement("tbody"));
+ var list = jsonData.list;
+
+ if (list == null) {
+ var tr = tbody.appendChild(document.createElement("tr"));
+ var td = tr.appendChild(document.createElement("td"));
+ td.appendChild(document.createTextNode("Not Found"));
+ td.style.fontSize = "12px";
+ td.style.textDecoration = "none";
+ td.font = "Arial,Helvetica,sans-serif";
+ td.style.fontWeight = "normal";
+ }
+ else {
+ for (var i = 0; i < list.length; i++) {
+ var tr = tbody.appendChild(document.createElement("tr"));
+ var td = tr.appendChild(document.createElement("td"));
+
+ td.appendChild(document.createTextNode(list[i].type + "(" + list[i].numberOfT1 +
+ "): " + list[i].id));
+ td.style.fontSize = "12px";
+ td.style.textDecoration = "underline";
+ td.style.color = "blue";
+ td.style.fontWeight = "normal";
+ td.style.cursor = "pointer";
+ td.font = "Arial,Helvetica,sans-serif";
+ td.id = list[i].latitude + ">>" + list[i].longitude;
+
+ td.onmouseover = function() {
+ this.style.fontWeight = "bold";
+ }
+
+ td.onmouseout = function() {
+ this.style.fontWeight = "normal";
+ }
+
+ td.onclick = function() {
+ this.style.color = "red";
+ var latitudeLongitude = this.id.split(">>");
+ var latlng = new GLatLng(latitudeLongitude[0], latitudeLongitude[1]);
+ map.setCenter(latlng, 17);
+ updateImage(0);
+ }
+ }
+ }
+
+ resultContainer.style.display = "";
+}
+//new changes end
+NovaButton.prototype.initializeLayerDiv = function(layerDiv) {
+ for (var i = layerDiv.childNodes.length - 1; i >= 0; i--) {
+ layerDiv.removeChild(layerDiv.lastChild);
+ }
+
+ var colorList = document.getElementById("colorList").value;
+ var selectedLayerList = document.getElementById("selectedLayerList").value;
+ var colorArray = colorList.split("~!");
+ var selectedColorArray = selectedLayerList.split("~!");
+ //layerDiv.style.background = "white";
+ var table = layerDiv.appendChild(document.createElement("table"));
+ table.width="100%";
+ table.height="100%";
+ //this.setMenuStyle(table);
+ /****Creating the data table****/
+ var tbody = table.appendChild(document.createElement("tbody"));
+ var tr;
+ var td;
+ var originalLayerState = new Array();
+ for (i = 0; i < colorArray.length; i++) {
+ tr = tbody.appendChild(document.createElement("tr"));
+ tr.style.height="20px";
+ var colorItem = colorArray[i].split(",");
+
+ td = tr.appendChild(document.createElement("td"));
+ var chkbox = document.createElement("input");
+ chkbox.type="checkbox";
+ chkbox.name = "" + colorItem[0] + "chk";
+ chkbox.value = colorItem[0];
+ chkbox.id = colorItem[0] + "chk";
+ if (this.checkIfColorSelected(selectedColorArray, colorItem[0]) == true){
+ chkbox.defaultChecked=true;
+ originalLayerState[i] = "true," + colorArray[i];
+ }
+ else {
+ originalLayerState[i] = "false," + colorArray[i];
+ }
+ td.appendChild(chkbox);
+
+ td = tr.appendChild(document.createElement("td"));
+ td.width="75%";
+ td.appendChild(document.createTextNode(colorItem[0]));
+ td.style.fontFamily = "Verdana";
+ td.style.fontSize = "12px";
+
+ td = tr.appendChild(document.createElement("td"));
+ td.width="10%";
+ //td.style.background = colorItem[1];
+ td.innerHTML="<input type='text' id='" + colorItem[0] + "colorbx' value='" + colorItem[1] + "' size='6' style='background-color:#" + colorItem[1] + "' background-color='#" + colorItem[1] + "' onclick='openPicker(\"" + colorItem[0] + "colorbx\")'/>"
+ tbody.appendChild(tr);
+ }
+
+ NovaButton.globals.originalLayerState = originalLayerState;
+
+ /**to get rid of extra space**/
+ /*var layerHeight = layerDiv.style.height.substring(0, layerDiv.style.height.length -2);
+ if (colorArray.length * 30 < layerHeight){
+ tr = tbody.appendChild(document.createElement("tr"));
+ tr.height= (layerHeight - (colorArray.length * 40 ) ) + "px";
+ td = tr.appendChild(document.createElement("td"));
+ }*/
+
+
+ tr = tbody.appendChild(document.createElement("tr"));
+ tr.vAlign="bottom";
+ tr.style.height="20px";
+ td = tr.appendChild(document.createElement("td"));
+ td.colSpan="3";
+ var buttonTable = td.appendChild(document.createElement("table"));
+ buttonTable.height="100%";
+ buttonTable.width="100%";
+
+ var buttonBody = buttonTable.appendChild(document.createElement("tbody"));
+ tr = buttonBody.appendChild(document.createElement("tr"));
+ td = tr.appendChild(document.createElement("td"));
+ td.width="20%";
+ td = tr.appendChild(document.createElement("td"));
+ td.appendChild(document.createTextNode("OK"));
+ td.onclick = function ()
+ {
+ var selectedLayers = "";
+ var colorList = "";
+ var changed = false;
+ var originalLayerState = NovaButton.globals.originalLayerState;
+ //saving the user selected choices
+ for (i = 0; i < colorArray.length; i++) {
+ var colorItem = colorArray[i].split(",");
+ //saving the selected layers
+ var temp; // variable to hold changes value
+ if (document.getElementById("" + colorItem[0] + "chk").checked == true){
+ selectedLayers = selectedLayers + "~!" + colorItem[0];
+ temp = "true," + colorItem[0];
+ }
+ else {
+ temp = "false," + colorItem[0];
+ }
+ //saving the colours of all the layers
+ var userSelectedColor = document.getElementById("" + colorItem[0] + "colorbx").value;
+ if (userSelectedColor.charAt(0) == '#') {
+ userSelectedColor = userSelectedColor.substring(1);
+ }
+ colorList = colorList + "~!" + colorItem[0] + "," + userSelectedColor;
+ temp = temp + "," + userSelectedColor;
+
+ //check to see if there is anything change and update
+ // originalLayerState to reflect the changes
+ if (changed) {
+ originalLayerState[i] = temp;
+ }
+ else if (originalLayerState[i] != temp) {
+ changed = true;
+ originalLayerState[i] = temp;
+ }
+ }
+ selectedLayers = selectedLayers.substring(2, selectedLayers.length);
+ colorList = colorList.substring(2, colorList.length);
+ document.getElementById("selectedLayerList").value = selectedLayers;
+ document.getElementById("colorList").value = colorList;
+
+ // update if there is anything change
+ if (changed) {
+ updateImage(0);
+ }
+
+ //to remove the layer
+ NovaButton.prototype.showLayerClickEvent();
+ };
+ td.width="25%";
+ this.setButtonStyle(td, true);
+ td.style.cursor = "hand";
+
+ td = tr.appendChild(document.createElement("td"));
+ td.appendChild(document.createTextNode("Cancel"));
+ td.width="25%";
+ this.setButtonStyle(td, true);
+ td.style.cursor = "hand";
+ td.onclick = function ()
+ {
+ //remove all the contents
+ layerDiv.innerHTML="";
+ //re-initiate the layers to original values
+ NovaButton.prototype.initializeLayerDiv(layerDiv);
+ NovaButton.prototype.showLayerClickEvent();
+ };
+ td = tr.appendChild(document.createElement("td"));
+ td.width="10%";
+
+}
+
+NovaButton.prototype.checkIfColorSelected= function(selectedColorArray, colorItem) {
+ for (j = 0; j < selectedColorArray.length; j++) {
+ if (selectedColorArray[j] == colorItem){
+ return true;
+ }
+ }
+ return false;
+}
+
+NovaButton.prototype.setMenuContainerStyle = function(menuContainer) {
+ menuContainer.style.position = "absolute";
+ menuContainer.style.background = "#FFFFF0"
+ menuContainer.style.overflow = "auto";
+ menuContainer.style.scrolling="yes";
+ menuContainer.style.display = "none";
+ menuContainer.style.width = "300px";
+ menuContainer.style.height = "300px";
+}
+
+NovaButton.prototype.setMenuStyle = function(menu) {
+ menu.style.width = "300px";
+ menu.style.height = "300px";
+ menu.style.background = "#FFF";
+}
+
+NovaButton.prototype.setMenuItemStyle = function(menuItem) {
+ menuItem.style.padding = "4px 3px 4px 33px";
+ menuItem.style.fontFamily = "Vardana, Arial, Helvetica, sans-serif" ;
+ menuItem.style.fontSize = "10pt";
+ menuItem.style.color = "#333" ;
+ menuItem.style.cursor = "default" ;
+ menuItem.style.background = "no-repeat left center" ;
+}
+
+NovaButton.prototype.showLayerOption = function(posX, posY) {
+ var globals = NovaButton.globals;
+
+ //position the menu at the given location
+ if(typeof posX == "number") {
+ globals.layerOptionContainer.style.left = posX + "px";
+ }
+
+ if(typeof posY == "number") {
+ globals.layerOptionContainer.style.top = posY + "px";
+ }
+ //new chanes start
+ var resultContainer = globals.searchResultContainer;
+ resultContainer.style.display = "none";
+ //nw changes end
+ //display the menu
+ globals.layerOptionContainer.style.display = "block";
+}
+
+NovaButton.prototype.showSearchOption = function(posX, posY) {
+ var globals = NovaButton.globals;
+
+ //position the menu at the given location
+ if(typeof posX == "number") {
+ globals.searchOptionContainer.style.left = posX + "px";
+ }
+
+ if(typeof posY == "number") {
+ globals.searchOptionContainer.style.top = posY + "px";
+ }
+
+ //display the menu
+ globals.searchOptionContainer.style.display = "inline";
+}
+
+NovaButton.prototype.defaultViewClickEvent = function() {
+ var defaultZoomLevel = document.getElementById("defaultZoomLevel").value * 1;
+ map.setCenter(new GLatLng(document.getElementById("defaultCenterLatitude").value,
+ document.getElementById("defaultCenterLongitude").value),
+ defaultZoomLevel);
+ updateImage(0);
+}
+
+NovaButton.prototype.showLayerClickEvent = function(e) {
+ if (NovaButton.globals.layerOptionVisible) {
+ //to remove the color picker
+ cancel();
+ NovaButton.globals.layerOptionVisible = false;
+ NovaButton.globals.layerOptionContainer.style.display = "none";
+ return;
+ }
+
+ if (NovaButton.globals.searchOptionContainer.style.display != "none"){
+ NovaButton.prototype.searchClickEvent();
+ }
+ if (CingularButton.globals.listOptionContainer.style.display != "none"){
+ currentMonthClickEvent();
+ }
+
+ if (!e) {
+ e = window.event;
+ }
+
+ e.cancelBubble = true;
+
+ if (e.stopPropagation) {
+ e.stopPropagation();
+ }
+
+ var button = Event.element(e);
+ var posX = button.offsetLeft;
+ var posY = button.offsetTop;
+ this.showLayerOption(posX, posY + button.offsetHeight);
+ NovaButton.globals.layerOptionVisible = true;
+}
+
+NovaButton.prototype.searchClickEvent = function(e) {
+ if (NovaButton.globals.searchOptionVisible) {
+ NovaButton.globals.searchOptionVisible = false;
+ NovaButton.globals.searchOptionContainer.style.display = "none";
+ return;
+ }
+
+ if (NovaButton.globals.layerOptionContainer.style.display != "none"){
+ NovaButton.prototype.showLayerClickEvent();
+ }
+ if (CingularButton.globals.listOptionContainer.style.display != "none"){
+ currentMonthClickEvent();
+ }
+
+ if (!e) {
+ e = window.event;
+ }
+
+ e.cancelBubble = true;
+
+ if (e.stopPropagation) {
+ e.stopPropagation();
+ }
+
+ var button = Event.element(e);
+ var posX = button.offsetLeft;
+ var posY = button.offsetTop;
+ this.showSearchOption(posX, posY + button.offsetHeight + 3);
+ NovaButton.globals.searchOptionVisible = true;
+}
+
+NovaButton.prototype.submitSearchClickEvent = function(e) {
+ if (NovaButton.globals.searchTabSelected == "nodeTab") {
+ var input = document.getElementById("nodeSearchInput").value.trim();
+
+ if (input.length == 0) {
+ alert("Input field required");
+ return;
+ }
+
+ var searchType;
+ // ie bug
+ var searchByNodeId = document.getElementById("searchByNodeId");
+
+ if (searchByNodeId.checked) {
+ searchType = searchByNodeId.value;
+ }
+ else {
+ searchType = document.getElementById("searchByLocation").value;
+ }
+
+ var checkbox = document.getElementById("exactMatch");
+
+ searchObject(input, searchType, checkbox.checked, e.clientX, e.clientY);
+ }
+ else {
+ var address = document.getElementById("addressSearchInput").value.trim();
+
+ if (address.length == 0) {
+ alert("Address field required");
+ return;
+ }
+
+ geocoder.getLatLng(
+ address,
+ function(ll) {
+ if (ll != null) {
+ if (addressMarker == null) {
+ addressMarker = new GMarker(ll);
+ map.addOverlay(addressMarker);
+ GEvent.addListener(addressMarker, "click", marker_onclick);
+ }
+ else {
+ addressMarker.setLatLng(ll);
+ }
+
+ map.setCenter(ll);
+ updateImage(0);
+ }
+ }
+ );
+ }
+
+ this.searchClickEvent(e);
+}
+
+function marker_onclick() {
+ map.removeOverlay(addressMarker);
+ addressMarker = null;
+}
+
+// start drag zoom function
+NovaButton.prototype.initCover = function() {
+ var dragZoomGlobals = NovaButton.globals.dragzoom;
+ dragZoomGlobals.mapPosition = NovaButtonUtils.getElementPosition(NovaButton.globals.map.getContainer());
+ this.setDimensions();
+
+ dragZoomGlobals.zoomArea.style.display = "block";
+ dragZoomGlobals.zoomArea.style.background = "#000";
+
+ dragZoomGlobals.outlineDiv.style.width = "0px";
+ dragZoomGlobals.outlineDiv.style.height = "0px";
+};
+
+NovaButton.prototype.initZoomAreaStyles = function(){
+ var dragZoomGlobals = NovaButton.globals.dragzoom;
+ dragZoomGlobals.zoomArea.style.background = "#000";
+ dragZoomGlobals.zoomArea.style.opacity = "0.2";
+ dragZoomGlobals.zoomArea.style.filter = 'alpha(opacity=' + (0.2 * 100) + ')';
+
+ dragZoomGlobals.cornerTopDiv.style.background = "#000";
+ dragZoomGlobals.cornerTopDiv.style.opacity = "0.2";
+ dragZoomGlobals.cornerTopDiv.style.filter = 'alpha(opacity=' + (0.2 * 100) + ')';
+
+ dragZoomGlobals.cornerRightDiv.style.background = "#000";
+ dragZoomGlobals.cornerRightDiv.style.opacity = "0.2";
+ dragZoomGlobals.cornerRightDiv.style.filter = 'alpha(opacity=' + (0.2 * 100) + ')';
+
+ dragZoomGlobals.cornerBottomDiv.style.background = "#000";
+ dragZoomGlobals.cornerBottomDiv.style.opacity = "0.2";
+ dragZoomGlobals.cornerBottomDiv.style.filter = 'alpha(opacity=' + (0.2 * 100) + ')';
+
+ dragZoomGlobals.cornerLeftDiv.style.background = "#000";
+ dragZoomGlobals.cornerLeftDiv.style.opacity = "0.2";
+ dragZoomGlobals.cornerLeftDiv.style.filter = 'alpha(opacity=' + (0.2 * 100) + ')';
+
+ dragZoomGlobals.outlineDiv.style.border = "2px solid blue";
+};
+
+NovaButton.prototype.resetDragZoom = function() {
+ var dragZoomGlobals = NovaButton.globals.dragzoom;
+ dragZoomGlobals.zoomArea.style.display = "none";
+ dragZoomGlobals.zoomArea.style.opacity = "0.2";
+ dragZoomGlobals.zoomArea.style.filter = 'alpha(opacity=' + (0.2 * 100) + ')';
+
+ dragZoomGlobals.cornerTopDiv.style.display = "none";
+ dragZoomGlobals.cornerTopDiv.style.opacity = "0.2";
+ dragZoomGlobals.cornerTopDiv.style.filter = 'alpha(opacity=' + (0.2 * 100) + ')';
+
+ dragZoomGlobals.cornerRightDiv.style.display = "none";
+ dragZoomGlobals.cornerRightDiv.style.opacity = "0.2";
+ dragZoomGlobals.cornerRightDiv.style.filter = 'alpha(opacity=' + (0.2 * 100) + ')';
+
+ dragZoomGlobals.cornerBottomDiv.style.display = "none";
+ dragZoomGlobals.cornerBottomDiv.style.opacity = "0.2";
+ dragZoomGlobals.cornerBottomDiv.style.filter = 'alpha(opacity=' + (0.2 * 100) + ')';
+
+ dragZoomGlobals.cornerLeftDiv.style.display = "none";
+ dragZoomGlobals.cornerLeftDiv.style.opacity = "0.2";
+ dragZoomGlobals.cornerLeftDiv.style.filter = 'alpha(opacity=' + (0.2 * 100) + ')';
+
+ dragZoomGlobals.outlineDiv.style.display = 'none';
+};
+
+NovaButton.prototype.setZoomAreaStyle = function(zoomArea) {
+ zoomArea.style.position = "absolute";
+ zoomArea.style.display = "none";
+ zoomArea.style.overflow = "hidden";
+ zoomArea.style.cursor = "crosshair";
+ zoomArea.style.zIndex = "101";
+}
+
+NovaButton.prototype.getRectangle = function(startX, startY, pos){
+ var left = false;
+ var top = false;
+ var dX = pos.left - startX;
+ var dY = pos.top - startY;
+ if (dX < 0) {
+ dX = dX * -1;
+ left = true;
+ }
+ if (dY < 0) {
+ dY = dY * -1;
+ top = true;
+ }
+ delta = dX > dY ? dX : dY;
+
+ return {
+ startX: startX,
+ startY: startY,
+ endX: startX + dX,
+ endY: startY + dY,
+ width: dX,
+ height: dY,
+ left:left,
+ top:top
+ }
+};
+
+NovaButton.prototype.mouseDown = function(e) {
+ if (NovaButton.globals.currentButton != "zoomRectangleDiv") {
+ return;
+ }
+
+ var dragZoomGlobals = NovaButton.globals.dragzoom;
+ var pos = this.getRelPos(e);
+ dragZoomGlobals.startX = pos.left;
+ dragZoomGlobals.startY = pos.top;
+
+ dragZoomGlobals.zoomArea.style.background = "transparent";
+ dragZoomGlobals.zoomArea.style.opacity = "1";
+ dragZoomGlobals.zoomArea.style.filter = 'alpha(opacity=100)';
+
+ dragZoomGlobals.outlineDiv.style.left = dragZoomGlobals.startX + "px";
+ dragZoomGlobals.outlineDiv.style.top = dragZoomGlobals.startY + "px";
+ dragZoomGlobals.outlineDiv.style.display = "block";
+ dragZoomGlobals.outlineDiv.style.width = "1px";
+ dragZoomGlobals.outlineDiv.style.height = "1px";
+
+ dragZoomGlobals.cornerTopDiv.style.top = (dragZoomGlobals.startY - dragZoomGlobals.mapHeight) + 'px';
+ dragZoomGlobals.cornerTopDiv.style.display ='block';
+ dragZoomGlobals.cornerLeftDiv.style.left = (dragZoomGlobals.startX - dragZoomGlobals.mapWidth) +'px';
+ dragZoomGlobals.cornerLeftDiv.style.top = dragZoomGlobals.startY + 'px';
+ dragZoomGlobals.cornerLeftDiv.style.display = 'block';
+
+ dragZoomGlobals.cornerRightDiv.style.left = dragZoomGlobals.startX + 'px';
+ dragZoomGlobals.cornerRightDiv.style.top = dragZoomGlobals.startY + 'px';
+ dragZoomGlobals.cornerRightDiv.style.display = 'block';
+ dragZoomGlobals.cornerBottomDiv.style.left = dragZoomGlobals.startX + 'px';
+ dragZoomGlobals.cornerBottomDiv.style.top = dragZoomGlobals.startY + 'px';
+ dragZoomGlobals.cornerBottomDiv.style.width = '0px';
+ dragZoomGlobals.cornerBottomDiv.style.display = 'block';
+
+ dragZoomGlobals.moving = true;
+
+ return false;
+}
+
+NovaButton.prototype.mouseMove = function(e) {
+ var dragZoomGlobals = NovaButton.globals.dragzoom;
+
+ if(dragZoomGlobals.moving) {
+ var pos = this.getRelPos(e);
+ var rect = this.getRectangle(dragZoomGlobals.startX, dragZoomGlobals.startY, pos);
+
+ if (rect.left) {
+ addX = -rect.width;
+ } else {
+ addX = 0;
+ }
+
+ if (rect.top) {
+ addY = -rect.height;
+ } else {
+ addY = 0;
+ }
+
+ dragZoomGlobals.outlineDiv.style.left = dragZoomGlobals.startX + addX + "px";
+ dragZoomGlobals.outlineDiv.style.top = dragZoomGlobals.startY + addY + "px";
+ dragZoomGlobals.outlineDiv.style.display = "block";
+ dragZoomGlobals.outlineDiv.style.width = rect.width + "px";
+ dragZoomGlobals.outlineDiv.style.height = rect.height + "px";
+
+ dragZoomGlobals.cornerTopDiv.style.height = ((dragZoomGlobals.startY + addY) - (dragZoomGlobals.startY - dragZoomGlobals.mapHeight)) + 'px';
+ dragZoomGlobals.cornerLeftDiv.style.top = (dragZoomGlobals.startY + addY) + 'px';
+ dragZoomGlobals.cornerLeftDiv.style.width = ((dragZoomGlobals.startX + addX) - (dragZoomGlobals.startX - dragZoomGlobals.mapWidth)) + 'px';
+ dragZoomGlobals.cornerRightDiv.style.top = dragZoomGlobals.cornerLeftDiv.style.top;
+ dragZoomGlobals.cornerRightDiv.style.left = (dragZoomGlobals.startX + addX + rect.width + 4) + 'px';
+ dragZoomGlobals.cornerBottomDiv.style.top = (dragZoomGlobals.startY + addY + rect.height + 4) + 'px';
+ dragZoomGlobals.cornerBottomDiv.style.left = (dragZoomGlobals.startX - dragZoomGlobals.mapWidth + ((dragZoomGlobals.startX + addX) - (dragZoomGlobals.startX - dragZoomGlobals.mapWidth))) + 'px';
+ dragZoomGlobals.cornerBottomDiv.style.width = (rect.width + 4) + 'px';
+
+ return false;
+ }
+}
+
+NovaButton.prototype.mouseUp = function(e) {
+ var dragZoomGlobals = NovaButton.globals.dragzoom;
+ var map = NovaButton.globals.map;
+
+ if (dragZoomGlobals.moving) {
+ var pos = this.getRelPos(e);
+ dragZoomGlobals.moving = false;
+
+ var rect = this.getRectangle(dragZoomGlobals.startX, dragZoomGlobals.startY, pos);
+
+ if (rect.left) {
+ rect.endX = rect.startX - rect.width;
+ }
+
+ if (rect.top) {
+ rect.endY = rect.startY - rect.height;
+ }
+
+ this.resetDragZoom();
+
+ if (rect.width >= 0 && rect.height >= 0) {
+ var nwpx = new GPoint(rect.startX, rect.startY);
+ var nepx = new GPoint(rect.endX, rect.startY);
+ var sepx = new GPoint(rect.endX, rect.endY);
+ var swpx = new GPoint(rect.startX, rect.endY);
+ var nw = NovaButton.globals.map.fromContainerPixelToLatLng(nwpx);
+ var ne = NovaButton.globals.map.fromContainerPixelToLatLng(nepx);
+ var se = NovaButton.globals.map.fromContainerPixelToLatLng(sepx);
+ var sw = NovaButton.globals.map.fromContainerPixelToLatLng(swpx);
+
+ var zoomAreaPoly = new GPolyline([nw, ne, se, sw, nw], "blue", 3, .4);
+ var polyBounds = zoomAreaPoly.getBounds();
+ var ne = polyBounds.getNorthEast();
+ var sw = polyBounds.getSouthWest();
+ var se = new GLatLng(sw.lat(), ne.lng());
+ var nw = new GLatLng(ne.lat(), sw.lng());
+ var zoomLevel = map.getBoundsZoomLevel(polyBounds);
+ var center = polyBounds.getCenter();
+ map.setCenter(center, zoomLevel);
+ }
+
+ this.initCover();
+ }
+}
+
+NovaButton.prototype.setDimensions = function() {
+ var dragZoomGlobals = NovaButton.globals.dragzoom;
+ var mapSize = NovaButton.globals.map.getSize();
+ dragZoomGlobals.mapWidth = mapSize.width;
+ dragZoomGlobals.mapHeight = mapSize.height;
+ dragZoomGlobals.mapRatio = dragZoomGlobals.mapHeight / dragZoomGlobals.mapWidth;
+ // set left:0px in next <div>s in case we inherit text-align:center from map <div> in IE.
+ dragZoomGlobals.zoomArea.style.top = "0px";
+ dragZoomGlobals.zoomArea.style.left = "0px";
+ dragZoomGlobals.zoomArea.style.width = dragZoomGlobals.mapWidth + "px";
+ dragZoomGlobals.zoomArea.style.height = dragZoomGlobals.mapHeight + "px";
+
+ dragZoomGlobals.cornerTopDiv.style.top = "0px";
+ dragZoomGlobals.cornerTopDiv.style.left = "0px";
+ dragZoomGlobals.cornerTopDiv.style.width = dragZoomGlobals.mapWidth + "px";
+ dragZoomGlobals.cornerTopDiv.style.height = dragZoomGlobals.mapHeight + "px";
+
+ dragZoomGlobals.cornerRightDiv.style.top = "0px";
+ dragZoomGlobals.cornerRightDiv.style.left = "0px";
+ dragZoomGlobals.cornerRightDiv.style.width = dragZoomGlobals.mapWidth + "px";
+ dragZoomGlobals.cornerRightDiv.style.height = dragZoomGlobals.mapHeight + "px";
+
+ dragZoomGlobals.cornerBottomDiv.style.top = "0px";
+ dragZoomGlobals.cornerBottomDiv.style.left = "0px";
+ dragZoomGlobals.cornerBottomDiv.style.width = dragZoomGlobals.mapWidth + "px";
+ dragZoomGlobals.cornerBottomDiv.style.height = dragZoomGlobals.mapHeight + "px";
+
+ dragZoomGlobals.cornerLeftDiv.style.top = "0px";
+ dragZoomGlobals.cornerLeftDiv.style.left = "0px";
+ dragZoomGlobals.cornerLeftDiv.style.width = dragZoomGlobals.mapWidth + "px";
+ dragZoomGlobals.cornerLeftDiv.style.height = dragZoomGlobals.mapHeight + "px";
+};
+
+NovaButton.prototype.getRelPos = function(e) {
+ var pos = NovaButtonUtils.getMousePosition(e);
+ var dragZoomGlobals = NovaButton.globals.dragzoom;
+ return {top: (pos.top - dragZoomGlobals.mapPosition.top),
+ left: (pos.left - dragZoomGlobals.mapPosition.left)};
+};
+// end drag zoom function
+
+var NovaButtonUtils = {
+};
+
+NovaButtonUtils.getElementPosition = function(element) {
+ var leftPos = element.offsetLeft; // initialize var to store calculations
+ var topPos = element.offsetTop; // initialize var to store calculations
+ var parElement = element.offsetParent; // identify first offset parent element
+ while (parElement != null ) { // move up through element hierarchy
+ leftPos += parElement.offsetLeft; // appending left offset of each parent
+ topPos += parElement.offsetTop;
+ parElement = parElement.offsetParent; // until no more offset parents exist
+ }
+ return {left: leftPos, top: topPos};
+};
+
+NovaButtonUtils.getMousePosition = function(e) {
+ var posX = 0;
+ var posY = 0;
+ if (!e) var e = window.event;
+ if (e.pageX || e.pageY) {
+ posX = e.pageX;
+ posY = e.pageY;
+ } else if (e.clientX || e.clientY){
+ posX = e.clientX +
+ (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
+ posY = e.clientY +
+ (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
+ }
+ return {left: posX, top: posY};
+};
\ No newline at end of file
Code Review / policy / engine.git / blobdiff