Mercurial > hg > NetworkVis
diff d3s_examples/python-neo4jrestclient/static/platin/js/Map/MapPopup.js @ 8:18ef6948d689
new d3s examples
author | Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> |
---|---|
date | Thu, 01 Oct 2015 17:17:27 +0200 |
parents | |
children |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/d3s_examples/python-neo4jrestclient/static/platin/js/Map/MapPopup.js Thu Oct 01 17:17:27 2015 +0200 @@ -0,0 +1,123 @@ +/* +* MapPopup.js +* +* Copyright (c) 2012, Stefan Jänicke. All rights reserved. +* +* This library is free software; you can redistribute it and/or +* modify it under the terms of the GNU Lesser General Public +* License as published by the Free Software Foundation; either +* version 3 of the License, or (at your option) any later version. +* +* This library is distributed in the hope that it will be useful, +* but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU +* Lesser General Public License for more details. +* +* You should have received a copy of the GNU Lesser General Public +* License along with this library; if not, write to the Free Software +* Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, +* MA 02110-1301 USA +*/ + +/** + * @class MapPopup + * map popup implementaion + * @author Stefan Jänicke (stjaenicke@informatik.uni-leipzig.de) + * @release 1.0 + * @release date: 2012-07-27 + * @version date: 2012-07-27 + */ +function MapPopup(parent) { + + this.parentDiv = parent.gui.mapWindow; + + this.initialize = function(x, y, onclose) { + + var popup = this; + this.x = x; + this.y = y; + + this.popupDiv = document.createElement("div"); + this.popupDiv.setAttribute('class', 'ddbPopupDiv'); + this.parentDiv.appendChild(this.popupDiv); + + this.cancel = document.createElement("div"); + this.cancel.setAttribute('class', 'ddbPopupCancel'); + this.cancel.title = GeoTemConfig.getString('close'); + this.cancel.onclick = function() { + if ( typeof onclose != 'undefined') { + onclose(); + } + popup.reset(); + } + + this.input = document.createElement("div"); + this.input.style.maxWidth = Math.floor(this.parentDiv.offsetWidth * 0.75) + "px"; + this.input.style.maxHeight = Math.floor(this.parentDiv.offsetHeight * 0.75) + "px"; + this.input.setAttribute('class', 'ddbPopupInput'); + + this.popupDiv.appendChild(this.input); + this.popupDiv.appendChild(this.cancel); + + var peak = document.createElement("div"); + peak.setAttribute('class', 'popupPeak'); + this.popupDiv.appendChild(peak); + var topRight = document.createElement("div"); + topRight.setAttribute('class', 'popupTopRight'); + this.popupDiv.appendChild(topRight); + var bottomRight = document.createElement("div"); + bottomRight.setAttribute('class', 'popupBottomRight'); + this.popupDiv.appendChild(bottomRight); + this.popupRight = document.createElement("div"); + this.popupRight.setAttribute('class', 'popupRight'); + this.popupDiv.appendChild(this.popupRight); + this.popupBottom = document.createElement("div"); + this.popupBottom.setAttribute('class', 'popupBottom'); + this.popupDiv.appendChild(this.popupBottom); + + } + + this.setContent = function(content) { + $(this.input).empty(); + this.visible = true; + $(this.input).append(content); + this.decorate(); + } + + this.reset = function() { + $(this.popupDiv).remove(); + this.visible = false; + } + + this.decorate = function() { + this.popupRight.style.height = (this.popupDiv.offsetHeight - 14) + "px"; + this.popupBottom.style.width = (this.popupDiv.offsetWidth - 22) + "px"; + this.left = this.x + 9; + this.top = this.y - 10 - this.popupDiv.offsetHeight; + this.popupDiv.style.left = this.left + "px"; + this.popupDiv.style.top = this.top + "px"; + var shiftX = 0, shiftY = 0; + if (this.popupDiv.offsetTop < parent.gui.headerHeight + 10) { + shiftY = -1 * (parent.gui.headerHeight + 10 - this.popupDiv.offsetTop); + } + if (this.popupDiv.offsetLeft + this.popupDiv.offsetWidth > parent.gui.headerWidth - 10) { + shiftX = -1 * (parent.gui.headerWidth - 10 - this.popupDiv.offsetLeft - this.popupDiv.offsetWidth); + } + parent.shift(shiftX, shiftY); + } + + this.shift = function(x, y) { + this.left = this.left - this.x + x; + this.top = this.top - this.y + y; + this.x = x; + this.y = y; + if (this.left + this.popupDiv.offsetWidth > this.parentDiv.offsetWidth) { + this.popupDiv.style.left = 'auto'; + this.popupDiv.style.right = (this.parentDiv.offsetWidth - this.left - this.popupDiv.offsetWidth) + "px"; + } else { + this.popupDiv.style.right = 'auto'; + this.popupDiv.style.left = this.left + "px"; + } + this.popupDiv.style.top = this.top + "px"; + } +}