|
0
|
1 /*
|
|
|
2 * PlacenamePopup.js
|
|
|
3 *
|
|
|
4 * Copyright (c) 2012, Stefan Jänicke. All rights reserved.
|
|
|
5 *
|
|
|
6 * This library is free software; you can redistribute it and/or
|
|
|
7 * modify it under the terms of the GNU Lesser General Public
|
|
|
8 * License as published by the Free Software Foundation; either
|
|
|
9 * version 3 of the License, or (at your option) any later version.
|
|
|
10 *
|
|
|
11 * This library is distributed in the hope that it will be useful,
|
|
|
12 * but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
|
13 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
|
|
|
14 * Lesser General Public License for more details.
|
|
|
15 *
|
|
|
16 * You should have received a copy of the GNU Lesser General Public
|
|
|
17 * License along with this library; if not, write to the Free Software
|
|
|
18 * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston,
|
|
|
19 * MA 02110-1301 USA
|
|
|
20 */
|
|
|
21
|
|
|
22 /**
|
|
|
23 * @class PlacenamePopup
|
|
|
24 * specific map popup for showing and interacting on placename labels
|
|
|
25 * @author Stefan Jänicke (stjaenicke@informatik.uni-leipzig.de)
|
|
|
26 * @release 1.0
|
|
|
27 * @release date: 2012-07-27
|
|
|
28 * @version date: 2012-07-27
|
|
|
29 */
|
|
|
30 function PlacenamePopup(parent) {
|
|
|
31
|
|
|
32 this.parentDiv = parent.gui.mapWindow;
|
|
|
33
|
|
|
34 this.createPopup = function(x, y, labels) {
|
|
|
35 this.labels = labels;
|
|
|
36 var pnPopup = this;
|
|
|
37 var popup = new MapPopup(parent);
|
|
|
38 var onClose = function() {
|
|
|
39 parent.deselection();
|
|
|
40 pnPopup.reset();
|
|
|
41 }
|
|
|
42 popup.initialize(x, y, onClose);
|
|
|
43 $.extend(this, popup);
|
|
|
44
|
|
|
45 this.content = document.createElement("div");
|
|
|
46 this.inner = document.createElement("div");
|
|
|
47
|
|
|
48 this.resultsLabel = document.createElement("div");
|
|
|
49 this.resultsLabel.setAttribute('class', 'popupDDBResults');
|
|
|
50 this.content.appendChild(this.resultsLabel);
|
|
|
51 this.backward = document.createElement("div");
|
|
|
52 this.backward.setAttribute('class', 'prevItem');
|
|
|
53 this.content.appendChild(this.backward);
|
|
|
54 this.backward.onclick = function() {
|
|
|
55 pnPopup.descriptionIndex--;
|
|
|
56 pnPopup.showDescription();
|
|
|
57 }
|
|
|
58
|
|
|
59 this.number = document.createElement("div");
|
|
|
60 this.content.appendChild(this.number);
|
|
|
61 this.number.style.display = 'none';
|
|
|
62 this.number.style.fontSize = '13px';
|
|
|
63
|
|
|
64 this.forward = document.createElement("div");
|
|
|
65 this.forward.setAttribute('class', 'nextItem');
|
|
|
66 this.content.appendChild(this.forward);
|
|
|
67 this.forward.onclick = function() {
|
|
|
68 pnPopup.descriptionIndex++;
|
|
|
69 pnPopup.showDescription();
|
|
|
70 }
|
|
|
71 if (parent.options.showDescriptions) {
|
|
|
72 this.descriptions = document.createElement("div");
|
|
|
73 this.descriptions.setAttribute('class', 'descriptions');
|
|
|
74 this.descriptions.onclick = function() {
|
|
|
75 pnPopup.switchToDescriptionMode();
|
|
|
76 }
|
|
|
77 }
|
|
|
78
|
|
|
79 this.back = document.createElement("div");
|
|
|
80 this.back.setAttribute('class', 'back');
|
|
|
81 this.popupDiv.appendChild(this.back);
|
|
|
82 this.back.onclick = function() {
|
|
|
83 pnPopup.back.style.display = "none";
|
|
|
84 pnPopup.backward.style.display = "none";
|
|
|
85 pnPopup.forward.style.display = "none";
|
|
|
86 pnPopup.number.style.display = 'none';
|
|
|
87 pnPopup.showLabels();
|
|
|
88 }
|
|
|
89
|
|
|
90 this.content.appendChild(this.inner);
|
|
|
91 this.listLabels();
|
|
|
92 this.showLabels();
|
|
|
93
|
|
|
94 };
|
|
|
95
|
|
|
96 this.switchToDescriptionMode = function() {
|
|
|
97 this.descriptionIndex = 0;
|
|
|
98 this.descriptionContents = this.activeLabel.descriptions;
|
|
|
99 this.number.style.display = 'inline-block';
|
|
|
100 this.inner.style.minWidth = "300px";
|
|
|
101 this.showDescription();
|
|
|
102 this.count = this.activeLabel.weight;
|
|
|
103 this.setCount();
|
|
|
104 this.back.style.display = "inline-block";
|
|
|
105 }
|
|
|
106
|
|
|
107 this.showDescription = function() {
|
|
|
108 $(this.inner).empty();
|
|
|
109 this.inner.appendChild(this.descriptionContents[this.descriptionIndex]);
|
|
|
110 this.setContent(this.content);
|
|
|
111 if (this.descriptionContents.length == 1) {
|
|
|
112 this.backward.style.display = "none";
|
|
|
113 this.forward.style.display = "none";
|
|
|
114 } else {
|
|
|
115 if (this.descriptionIndex == 0) {
|
|
|
116 this.backward.style.display = "none";
|
|
|
117 } else {
|
|
|
118 this.backward.style.display = "inline-block";
|
|
|
119 }
|
|
|
120 if (this.descriptionIndex == this.descriptionContents.length - 1) {
|
|
|
121 this.forward.style.display = "none";
|
|
|
122 } else {
|
|
|
123 this.forward.style.display = "inline-block";
|
|
|
124 }
|
|
|
125 }
|
|
|
126 if (this.descriptionContents.length > 1) {
|
|
|
127 this.number.innerHTML = "#" + (this.descriptionIndex + 1);
|
|
|
128 } else {
|
|
|
129 this.number.style.display = 'none';
|
|
|
130 }
|
|
|
131 this.decorate();
|
|
|
132 }
|
|
|
133
|
|
|
134 this.setCount = function() {
|
|
|
135 var c = this.count;
|
|
|
136 if (c > 1) {
|
|
|
137 this.resultsLabel.innerHTML = c + " " + GeoTemConfig.getString('results');
|
|
|
138 } else {
|
|
|
139 this.resultsLabel.innerHTML = c + " " + GeoTemConfig.getString('result');
|
|
|
140 }
|
|
|
141 }
|
|
|
142
|
|
|
143 this.listLabels = function() {
|
|
|
144 var pnPopup = this;
|
|
|
145 this.labelDivs = [];
|
|
|
146 this.labelCount = 0;
|
|
|
147 this.labelsWidth = 0;
|
|
|
148 for (var i = 0; i < this.labels.length; i++) {
|
|
|
149 var div = document.createElement("div");
|
|
|
150 var content = document.createElement("div");
|
|
|
151 this.labels[i].allStyle += "position: relative; white-space: nowrap;";
|
|
|
152 content.appendChild(this.labels[i].div);
|
|
|
153 content.setAttribute('class', 'ddbPopupLabel');
|
|
|
154 div.appendChild(content);
|
|
|
155 this.labels[i].div.setAttribute('style', this.labels[i].allStyle + "" + this.labels[i].selectedStyle);
|
|
|
156 this.input.appendChild(div);
|
|
|
157 if (this.input.offsetWidth > this.labelsWidth) {
|
|
|
158 this.labelsWidth = this.input.offsetWidth;
|
|
|
159 }
|
|
|
160 this.labels[i].div.setAttribute('style', this.labels[i].allStyle + "" + this.labels[i].unselectedStyle);
|
|
|
161 this.labelDivs.push(div);
|
|
|
162 var descriptions = [];
|
|
|
163 for (var j = 0; j < this.labels[i].elements.length; j++) {
|
|
|
164 var div = document.createElement("div");
|
|
|
165 div.innerHTML = this.labels[i].elements[j].description;
|
|
|
166 descriptions.push(div);
|
|
|
167 }
|
|
|
168 this.labels[i].descriptions = descriptions;
|
|
|
169 if (this.labels[i].place != "all" || i == 0) {
|
|
|
170 this.labelCount += this.labels[i].weight;
|
|
|
171 }
|
|
|
172 }
|
|
|
173 if ( typeof this.descriptions != 'undefined') {
|
|
|
174 this.labelsWidth += 20;
|
|
|
175 }
|
|
|
176 }
|
|
|
177
|
|
|
178 this.showLabels = function() {
|
|
|
179 $(this.inner).empty();
|
|
|
180 this.count = this.labelCount;
|
|
|
181 this.setCount();
|
|
|
182 for (var i = 0; i < this.labelDivs.length; i++) {
|
|
|
183 this.inner.appendChild(this.labelDivs[i]);
|
|
|
184 }
|
|
|
185 this.inner.style.width = this.labelsWidth + "px";
|
|
|
186 this.inner.style.minWidth = this.labelsWidth + "px";
|
|
|
187 this.setContent(this.content);
|
|
|
188 this.decorate();
|
|
|
189 }
|
|
|
190
|
|
|
191 this.showLabelContent = function(label) {
|
|
|
192 for (var i = 0; i < this.labels.length; i++) {
|
|
|
193 if (this.labels[i] == label) {
|
|
|
194 this.activeLabel = this.labels[i];
|
|
|
195 if ( typeof this.descriptions != 'undefined') {
|
|
|
196 this.labelDivs[i].appendChild(this.descriptions);
|
|
|
197 }
|
|
|
198 this.decorate();
|
|
|
199 break;
|
|
|
200 }
|
|
|
201 }
|
|
|
202 }
|
|
|
203
|
|
|
204 this.setLanguage = function(language) {
|
|
|
205 this.language = language;
|
|
|
206 if (this.visible) {
|
|
|
207 this.updateTexts();
|
|
|
208 }
|
|
|
209 }
|
|
|
210 };
|
