');
133 | result.append(head);
134 | result.append(data);
135 | return result;
136 | };
137 |
138 | response.Context = function(data) {
139 | // the token, used to create links
140 | var token = URI(window.location).search(true).token;
141 |
142 | // the regex corresponding to the thing that should be replacced
143 | // in a templated link
144 | var templateRegex = /\{.*\.id\}/;
145 |
146 | // the link map: type -> template
147 | this.links = {};
148 | if (data instanceof Object && 'links' in data && $.isArray(data.links)) {
149 | var self = this;
150 | data.links.forEach(function(link) {
151 | if (! link.templated) { return; }
152 | if (link.type === 'related') { return; }
153 | if (! link.href.match(templateRegex)) { return; }
154 | self.links[utils.getType(link.type)] = link.href;
155 | });
156 | }
157 |
158 | this.makeHref = function(href) {
159 | var res = sprintf('?request=%s', encodeURIComponent(href));
160 | if (token) {
161 | res += sprintf('&token=%s', encodeURIComponent(token));
162 | }
163 | return res;
164 | };
165 |
166 | this.makeLink = function(k, obj, name) {
167 | var key = utils.getType(k);
168 | if (typeof name === 'string') { name = utils.htmlEncode(name); }
169 | if (! (key in this.links) || ! ('id' in obj)) {
170 | return $('
').html(name);
171 | }
172 | var href = this.links[key].replace(templateRegex, obj.id);
173 | return $('
').attr('href', this.makeHref(href)).html(name);
174 | };
175 |
176 | var minDurationColor = {};
177 | if (data instanceof Object && 'isochrones' in data && $.isArray(data.isochrones)) {
178 | var min_duration = data.isochrones.map(function(isochrone) { return isochrone.min_duration; });
179 | var max_isochrone = data.isochrones.length;
180 | var scale = max_isochrone > 1 ? max_isochrone - 1 : 1;
181 | for (var i = 0; i < max_isochrone; i ++) {
182 | var ratio = i / scale;
183 | minDurationColor[min_duration[i]] = utils.computeColorFromRatio(ratio);
184 | }
185 | }
186 | this.getColorFromMinDuration = function(minDuration, alpha) {
187 | var color = minDurationColor[minDuration] || {red: 0, green: 0, blue: 0};
188 | return utils.toCssColor(color, alpha);
189 | };
190 |
191 | this.followInternalLink = function(link) {
192 | if (link.internal !== true) { return null; }
193 | if (!(link.rel in data)) { return null; }
194 | var index = data[link.rel].findIndex(function(elt) { return elt.id === link.id; });
195 | if (index === -1) { return null; }
196 | return {
197 | path: sprintf('response.%s[%i]', link.rel, index),
198 | obj: data[link.rel][index],
199 | };
200 | };
201 | };
202 |
203 | response.manageFile = function() {
204 | function readSingleFile(event) {
205 | event.preventDefault();
206 | event.stopPropagation();
207 | var files = event.target.files || event.originalEvent.dataTransfer.files;
208 | if (!files || !files[0]) { return; }
209 | var file = files[0];
210 | var reader = new FileReader();
211 | reader.onload = function(event) {
212 | try {
213 | var data = JSON.parse(event.target.result);
214 | $('#status').text(sprintf('Status: file "%s" loaded', file.name));
215 | $('#data').html(response.render(new response.Context(data), data, 'response', 'response'));
216 | $('#data input').first().click();
217 | } catch (e) {
218 | $('#status').text(
219 | sprintf('Status: error while loading file "%s": %s', file.name, e)
220 | );
221 | }
222 | };
223 | reader.readAsText(file);
224 | $('#file-input').val(null);// be sure to have next change
225 | }
226 |
227 | $('#file-input').change(readSingleFile);
228 | $(document)
229 | .on('dragover', false)
230 | .on('dragleave', false)
231 | .on('drop', readSingleFile);
232 | };
233 |
234 | response.manageUrl = function() {
235 | var req = request.parseUrl();
236 | if (req === null) {
237 | $('#status').html('Status: no request');
238 | return;
239 | }
240 | var start_time = new Date().getTime();
241 | $.ajax({
242 | headers: utils.manageToken(req.token),
243 | url: req.request,
244 | dataType: 'json',
245 | }).then(
246 | function(data, status, xhr) {
247 | response.setStatus(xhr.statusText, xhr.status, start_time);
248 | $('#data').html(response.render(new response.Context(data), data, 'response', 'response'));
249 | $('#data input').first().addClass('noAnimation');
250 | $('#data input').first().click();
251 | $('html, body').animate({ scrollTop: $('#response').offset().top }, 600);
252 | if (! storage.getToken(req.api)) {
253 | storage.saveToken(req.api, req.token);
254 | }
255 | // update the drop list of autocompletion for API
256 | autocomplete.apiAutocomplete();
257 | },
258 | function(xhr, status, error) {
259 | response.setStatus(utils.errorMessage(req.request, xhr, status, error),
260 | xhr.status,
261 | start_time);
262 | $('#data').html(response.render(new response.Context(xhr.responseJSON), xhr.responseJSON, 'response', 'response'));
263 | $('#data input').last().click();
264 | utils.notifyOnError('Response', req.request, xhr, status, error);
265 | }
266 | );
267 | };
268 |
269 | // renderjson config
270 | $(document).ready(function() {
271 | renderjson.set_show_to_level(1);
272 | renderjson.set_max_string_length(60);
273 | renderjson.set_sort_objects(true);
274 | });
275 |
--------------------------------------------------------------------------------
/img/n_playground.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
129 |
--------------------------------------------------------------------------------
/js/request.js:
--------------------------------------------------------------------------------
1 | // Copyright (c) 2016 CanalTP
2 | //
3 | // Permission is hereby granted, free of charge, to any person obtaining a copy
4 | // of this software and associated documentation files (the "Software"), to deal
5 | // in the Software without restriction, including without limitation the rights
6 | // to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
7 | // copies of the Software, and to permit persons to whom the Software is
8 | // furnished to do so, subject to the following conditions:
9 | //
10 | // The above copyright notice and this permission notice shall be included in all
11 | // copies or substantial portions of the Software.
12 | //
13 | // THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
14 | // IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
15 | // FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
16 | // AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
17 | // LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
18 | // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
19 | // SOFTWARE.
20 |
21 | 'use strict';
22 |
23 | // fake includes
24 | var storage;
25 | var autocomplete;
26 | var utils;
27 |
28 | var request = {};
29 |
30 | request.setSaveTokenButtonStatus = function() {
31 | var api = $('#api input.api').val();
32 | var token = $('#token input.token').val();
33 | $('button.save').prop('disabled', storage.getToken(api) === token);
34 | };
35 |
36 | request.updateAddPathAC = function(val){
37 | var input = $(val).prev();
38 | if (! input.hasClass('path')) {
39 | return;
40 | }
41 | if (! $('input path').length) {
42 | // No more path inputs, we should update autocomplete of add
43 | autocomplete.addKeyAutocomplete($('#addPathInput'), 'pathKey');
44 | }
45 | };
46 |
47 | request.getFocusedElemValue = function(elemToTest, focusedElem, noEncoding) {
48 | var value = $(elemToTest).is('input') ? elemToTest.value : $(elemToTest).text();
49 | if (! noEncoding) { value = encodeURIComponent(value); }
50 | if (focusedElem === elemToTest) {
51 | return sprintf('%s', value);
52 | } else {
53 | return value;
54 | }
55 | };
56 |
57 | request.urlElements = function(focusedElem) {
58 | var api = request.getFocusedElemValue($('#api input.api')[0], focusedElem, true);
59 | if (api.slice(-1) === '/') { api = api.slice(0, -1); }
60 |
61 | var path = '';
62 | $('#path .key, #path input.value').each(function(){
63 | path += '/' + request.getFocusedElemValue(this, focusedElem);
64 | });
65 | var feature = request.getFocusedElemValue($('#featureInput')[0], focusedElem);
66 |
67 | var parameters = '?';
68 | $('#parameters .key, #parameters input.value').each(function(){
69 | parameters += request.getFocusedElemValue(this, focusedElem);
70 | if ($(this).hasClass('key')) {
71 | parameters += '=';
72 | }
73 | if ($(this).hasClass('value')) {
74 | parameters += '&';
75 | }
76 | });
77 | return {'api': api, 'path': path, 'parameters': parameters, 'feature': feature};
78 | };
79 |
80 | request.finalUrl = function(focusedElem) {
81 | var elements = request.urlElements(focusedElem);
82 | if (focusedElem === undefined) {
83 | // called without arg, we want pure text
84 | return elements.api + elements.path + '/' + elements.feature + elements.parameters;
85 | } else {
86 | // with arg, we want a rendering thing
87 | return sprintf('%s' +
88 | '%s' +
89 | '/%s' +
90 | '%s',
91 | elements.api, elements.path, elements.feature, elements.parameters);
92 | }
93 | };
94 |
95 | request.updateUrl = function(focusedElem) {
96 | var link = request.finalUrl();
97 | var text = request.finalUrl(focusedElem);
98 | $('#requestUrl').html($('').attr('href', link).html(text));
99 | };
100 |
101 | request.makeDeleteButton = function() {
102 | return $('
')
103 | .html('
')
104 | .click(function() {
105 | $(this).closest('.toDelete').remove();
106 | request.updateAddPathAC(this);
107 | request.updateUrl(this);
108 | });
109 | };
110 |
111 | request.makeTemplatePath = function(val, input) {
112 | var templateFilled = false;
113 | var isTemplateFilled = function() {
114 | var curVal = input.val();
115 | if (! templateFilled && curVal !== val && curVal !== '') {
116 | input.closest('.inputDiv').removeClass('templateInput');
117 | templateFilled = true;
118 | }
119 | return templateFilled;
120 | };
121 | input.closest('.inputDiv').addClass('templateInput');
122 | input.focus(function() {
123 | if (! isTemplateFilled()) { this.value = ''; }
124 | }).blur(function() {
125 | if (! isTemplateFilled()) { this.value = val; }
126 | });
127 | };
128 |
129 | request.makeKeyValue = function(key, val, cls) {
130 | var res = $('
')
131 | .addClass('inputDiv')
132 | .addClass('toDelete')
133 | .append(' ');
134 |
135 | res.append($('
').addClass('key').text(key));
136 |
137 | var valueElt = $('
')
138 | .attr('type', 'text')
139 | .attr('autocomplete', 'off')
140 | .attr('placeholder', 'type your value here')
141 | .addClass('value')
142 | .addClass(cls)
143 | .focus(function() { this.select(); })
144 | .val(val)
145 | .appendTo(res);
146 | res.append($('
'));
147 | res.append(request.makeDeleteButton());
148 |
149 | autocomplete.valueAutoComplete(valueElt, key);
150 | valueElt.on('input', function() { request.updateUrl(this); });
151 | valueElt.focus(function() { request.updateUrl(this); });
152 | if (utils.isTemplate(val)) { request.makeTemplatePath(val, valueElt); }
153 |
154 | return res;
155 | };
156 |
157 | request.insertPathElt = function() {
158 | var key = $('#addPathInput').val();
159 | $('#addPathElt').before(request.makeKeyValue(key, '', 'path'));
160 | autocomplete.addKeyAutocomplete($('#addPathInput'), 'pathKey');
161 | $('#addPathInput').val('').change();
162 | $('#addPathElt').prev().find('input').first().focus();
163 | };
164 |
165 | request.insertParam = function() {
166 | var key = $('#addParamInput').val();
167 | $('#addParam').before(request.makeKeyValue(key, '', 'parameters'));
168 | $('#addParamInput').val('').change();
169 | $('#addParam').prev().find('input').first().focus();
170 | };
171 |
172 | request.submit = function() {
173 | var url = '?request=' + encodeURIComponent(request.finalUrl());
174 | var token = $('#token input.token').val();
175 | if (storage.getToken($('#api input.api').val()) !== token) {
176 | url += '&token=' + encodeURIComponent(token);
177 | }
178 | window.location = url;
179 | };
180 |
181 | request.getCoverage = function() {
182 | var prevIsCoverage = false;
183 | var coverage = null;
184 | $('#path .key, #path input.value').each(function() {
185 | if (prevIsCoverage) {
186 | coverage = $(this).val();
187 | }
188 | prevIsCoverage = $(this).text() === 'coverage';
189 | });
190 | return coverage;
191 | };
192 |
193 | request.parseUrl = function() {
194 | var search = new URI(window.location).search(true);
195 | var req = search.request;
196 | if (req === undefined) { return null; }
197 |
198 | var req_uri = new URI(req);
199 | var api = req_uri.origin();
200 | var paths = req_uri.path().split('/');
201 | paths = paths.length === 1 ? [] : paths.slice(1);
202 | var api_path = [];
203 |
204 | var vxxFound = false;
205 | paths.forEach(function(r) {
206 | if (vxxFound) {
207 | api_path.push(decodeURIComponent(r));
208 | } else {
209 | api += '/' + decodeURIComponent(r);
210 | vxxFound = /^v\d+$/.test(r);
211 | }
212 | });
213 | if (! vxxFound) {
214 | api = req_uri.origin();
215 | api_path = paths.map(decodeURIComponent);
216 | utils.notifyWarn('Version not found in the URL. Maybe you forgot "/v1" at the end of the API?');
217 | }
218 |
219 | var params = req_uri.search(true);
220 |
221 | var token = search.token;
222 |
223 | if (token === undefined) {
224 | if (req_uri.username()) {
225 | token = req_uri.username();
226 | api = new URI(api).username('').toString();
227 | } else { token = storage.getToken(api); }
228 | }
229 |
230 | return {
231 | token: token,
232 | request: req,
233 | api: api,
234 | path: api_path,
235 | query: params === undefined ? {} : params
236 | };
237 | };
238 |
239 | request.setAutocomplete = function(){
240 | autocomplete.addKeyAutocomplete($('#featureInput'), 'features');
241 | autocomplete.addKeyAutocomplete($('#addPathInput'), 'pathKey');
242 | autocomplete.addKeyAutocomplete($('#addParamInput'), 'paramKey');
243 | autocomplete.apiAutocomplete();
244 | };
245 |
246 | request.manage = function() {
247 | // save token
248 | request.setSaveTokenButtonStatus();
249 | $('input.token')
250 | .change(request.setSaveTokenButtonStatus)
251 | .on('input', request.setSaveTokenButtonStatus);
252 |
253 | // hidden token management
254 | $('input.token').focusin(function() { $(this).attr('type', 'text'); })
255 | .focusout(function() { $(this).attr('type', 'password'); });
256 |
257 | // Manage add input/button
258 | $('button.add').prop('disabled', true);
259 | $('.addInput').on('input change', function() {
260 | $(this).parent().find('button.add').prop('disabled', this.value.length === 0);
261 | });
262 | $('.addInput').keyup(function(event) {
263 | if (event.keyCode === 13) {
264 | $(this).parent().find('button.add').click();
265 | }
266 | });
267 |
268 | $('#request input').focus(function() { this.select(); });
269 |
270 | var req = request.parseUrl();
271 |
272 | if (req === null) {
273 | request.setAutocomplete();
274 | return;
275 | }
276 |
277 | if (req.token === undefined) { req.token = ''; }
278 | $('#token input.token').attr('value', req.token);
279 | $('#api input.api').attr('value', req.api);
280 | request.setSaveTokenButtonStatus();
281 |
282 | var prevPathElt = null;
283 | req.path.forEach(function(r) {
284 | if (prevPathElt === null) {
285 | prevPathElt = r;
286 | } else {
287 | $('#addPathElt').before(request.makeKeyValue(prevPathElt, r, 'path'));
288 | prevPathElt = null;
289 | }
290 | });
291 | if (prevPathElt !== null) {
292 | $('#featureInput').val(prevPathElt);
293 | }
294 |
295 | var addParam = $('#addParam');
296 | for (var key in req.query) {
297 | if (! req.query.hasOwnProperty(key)) { continue; }
298 | var value = req.query[key];
299 | // a list of params, ex.: forbidded_uris[]
300 | if (Array.isArray(value)) {
301 | value.forEach(function(v){
302 | addParam.before(request.makeKeyValue(decodeURIComponent(key), decodeURIComponent(v), 'parameters'));
303 | });
304 | } else {
305 | addParam.before(request.makeKeyValue(decodeURIComponent(key), decodeURIComponent(value), 'parameters'));
306 | }
307 | }
308 | request.setAutocomplete();
309 | request.updateUrl(null);
310 | $(document).keydown(function(event) {
311 | // control+enter, or option+enter on OS X
312 | if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {
313 | request.submit();
314 | }
315 | });
316 | };
317 |
--------------------------------------------------------------------------------
/img/visuel_pro.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
151 |
--------------------------------------------------------------------------------
/js/extended.js:
--------------------------------------------------------------------------------
1 | // Copyright (c) 2016 CanalTP
2 | //
3 | // Permission is hereby granted, free of charge, to any person obtaining a copy
4 | // of this software and associated documentation files (the "Software"), to deal
5 | // in the Software without restriction, including without limitation the rights
6 | // to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
7 | // copies of the Software, and to permit persons to whom the Software is
8 | // furnished to do so, subject to the following conditions:
9 | //
10 | // The above copyright notice and this permission notice shall be included in all
11 | // copies or substantial portions of the Software.
12 | //
13 | // THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
14 | // IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
15 | // FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
16 | // AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
17 | // LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
18 | // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
19 | // SOFTWARE.
20 |
21 | 'use strict';
22 |
23 | // fake includes
24 | var response;
25 | var summary;
26 | var utils;
27 |
28 | var extended = {};
29 |
30 | // the object that contains the function to make the extended views
31 | extended.make = {};
32 |
33 | extended.make.response = function(context, json) {
34 | var result = $('');
35 |
36 | if ('full_response' in json) {
37 | result.append(response.render(context, json.full_response, 'response', 'full_response'));
38 | }
39 |
40 | if (Array.isArray(json.links) && json.links.length) {
41 | result.append(response.render(context, json.links, 'links', 'links'));
42 | }
43 |
44 | var key = response.responseCollectionName(json);
45 | var objs = key ? json[key] : [];
46 | var type = utils.getType(key);
47 | if (type) {
48 | objs.forEach(function(obj, i) {
49 | result.append(response.render(context, obj, type, key, i));
50 | });
51 | }
52 |
53 | if (type !== 'disruption' && $.isArray(json.disruptions)) {
54 | json.disruptions.forEach(function(disruption, i) {
55 | result.append(response.render(context, disruption, 'disruption', 'disruptions', i));
56 | });
57 | }
58 |
59 | (json.notes || []).forEach(function(note, i) {
60 | result.append(response.render(context, note, 'note', 'notes', i));
61 | });
62 |
63 | (json.feed_publishers || []).forEach(function(feed_publisher, i) {
64 | result.append(response.render(context, feed_publisher, 'contributor', 'feed_publishers', i));
65 | });
66 |
67 | (json.warnings || []).forEach(function(warning, i) {
68 | result.append(response.render(context, warning, 'warning', 'warnings', i));
69 | });
70 |
71 | if (json.context) {
72 | result.append(response.render(context, json.context, 'context', 'context'));
73 | }
74 |
75 | return result;
76 | };
77 |
78 | extended.make.journey = function(context, json) {
79 | var result = $('');
80 | if (Array.isArray(json.links) && json.links.length) {
81 | result.append(response.render(context, json.links, 'links', 'links'));
82 | }
83 | if ('tags' in json && json.tags.length > 0) {
84 | result.append(response.render(context, json.tags, 'tags', 'tags'));
85 | }
86 | if (json.co2_emission && json.co2_emission.value) {
87 | result.append(response.render(context, json.co2_emission, 'co2_emission', 'co2_emission'));
88 | }
89 | if (json.distances) {
90 | result.append(response.render(context, json.distances, 'distances', 'distances'));
91 | }
92 |
93 | if (json.from) {
94 | result.append(response.render(context, json.from, 'place', 'from'));
95 | }
96 | if (json.to) {
97 | result.append(response.render(context, json.to, 'place', 'to'));
98 | }
99 | if (json.sections) {
100 | json.sections.forEach(function(section, i) {
101 | result.append(response.render(context, section, 'section', 'sections', i));
102 | });
103 | }
104 | return result;
105 | };
106 |
107 | extended.make.section = function(context, json) {
108 | var result = $('');
109 | if (Array.isArray(json.links) && json.links.length) {
110 | result.append(response.render(context, json.links, 'links', 'links'));
111 | }
112 | if (json.display_informations &&
113 | Array.isArray(json.display_informations.links) &&
114 | json.display_informations.links.length) {
115 | result.append(response.render(context, json.display_informations.links, 'links', 'display_informations.links'));
116 | }
117 | if (json.display_informations &&
118 | Array.isArray(json.display_informations.equipments) &&
119 | json.display_informations.equipments.length) {
120 | result.append(response.render(context,
121 | json.display_informations.equipments,
122 | 'equipments',
123 | 'display_informations.equipments'));
124 | }
125 | if (json.co2_emission && json.co2_emission.value) {
126 | result.append(response.render(context, json.co2_emission, 'co2_emission', 'co2_emission'));
127 | }
128 | if (json.from) {
129 | result.append(response.render(context, json.from, 'place', 'from'));
130 | }
131 | if (json.to) {
132 | result.append(response.render(context, json.to, 'place', 'to'));
133 | }
134 | (json.ridesharing_journeys || []).forEach(function(j, i) {
135 | result.append(response.render(context, j, 'journey', 'ridesharing_journeys', i));
136 | });
137 | if (json.stop_date_times) {
138 | json.stop_date_times.forEach(function(stop_date_time, i) {
139 | result.append(response.render(context, stop_date_time, 'stop_date_time', 'stop_date_times', i));
140 | });
141 | }
142 | return result;
143 | };
144 |
145 | extended.make.stop_schedule = function(context, json) {
146 | var result = $('');
147 | if (Array.isArray(json.links) && json.links.length) {
148 | result.append(response.render(context, json.links, 'links', 'links'));
149 | }
150 | if (Array.isArray(json.display_informations.links) && json.display_informations.links.length) {
151 | result.append(response.render(context, json.display_informations.links, 'links', 'display_informations.links'));
152 | }
153 | if (json.first_datetime) {
154 | result.append(response.render(context, json.first_datetime, 'date_time', 'first_datetime'));
155 | }
156 | if (json.last_datetime) {
157 | result.append(response.render(context, json.last_datetime, 'date_time', 'last_datetime'));
158 | }
159 | json.date_times.forEach(function(date_time, i) {
160 | result.append(response.render(context, date_time, 'date_time', 'date_times', i));
161 | });
162 | return result;
163 | };
164 |
165 | extended.make.route_schedule = function(context, json) {
166 | var result = $('');
167 | if (Array.isArray(json.links) && json.links.length) {
168 | result.append(response.render(context, json.links, 'links', 'links'));
169 | }
170 | if (Array.isArray(json.display_informations.links) && json.display_informations.links.length) {
171 | result.append(response.render(context, json.display_informations.links, 'links', 'display_informations.links'));
172 | }
173 | result.append(response.render(context, json.table, 'table', 'table'));
174 | return result;
175 | };
176 |
177 | extended.make.departure = function(context, json) {
178 | var result = $('');
179 | if (Array.isArray(json.links) && json.links.length) {
180 | result.append(response.render(context, json.links, 'links', 'links'));
181 | }
182 | if (Array.isArray(json.display_informations.links) && json.display_informations.links.length) {
183 | result.append(response.render(context, json.display_informations.links, 'links', 'display_informations.links'));
184 | }
185 | result.append(response.render(context, json.route, 'route', 'route'));
186 | result.append(response.render(context, json.stop_point, 'stop_point', 'stop_point'));
187 | return result;
188 | };
189 | extended.make.arrival = extended.make.departure;
190 |
191 | extended.make.table = function(context, json) {
192 | var result = $('');
193 | var table = $('');
194 | // Add the data rows
195 | json.rows.forEach(function(route_schedule) {
196 | var row = $('|
');
197 | var cellName = $(' | ').addClass('stop-point');
198 | cellName.text(route_schedule.stop_point.name);
199 | row.append(cellName);
200 | route_schedule.date_times.forEach(function(route_schedule) {
201 | var cellValue = $('
| ').addClass('time');
202 | cellValue.html(summary.formatTime(route_schedule.date_time));
203 | row.append(cellValue);
204 | });
205 | table.append(row);
206 | });
207 | result.append(table);
208 | return result;
209 | };
210 |
211 | extended.make.poi = function(context, json) {
212 | var result = extended.defaultExtended(context, 'poi', json);
213 | if (json.stands) {
214 | result.append(response.render(context, json.stands, 'stands', 'stands'));
215 | }
216 | if (json.car_park) {
217 | result.append(response.render(context, json.car_park, 'car_park', 'car_park'));
218 | }
219 | return result;
220 | };
221 |
222 | extended.make.stop_point = function(context, json) {
223 | var result = extended.defaultExtended(context, 'stop_point', json);
224 | if (Array.isArray(json.equipments) && json.equipments.length) {
225 | result.append(response.render(context, json.equipments, 'equipments', 'equipments'));
226 | }
227 | return result;
228 | };
229 |
230 | extended.make.disruption = function(context, json) {
231 | var res = $('
');
232 | if (json.application_periods) {
233 | res.append(response.render(context,
234 | json.application_periods,
235 | 'application_periods',
236 | 'application_periods'));
237 | }
238 | (json.messages || []).forEach(function(obj, i) {
239 | res.append(response.render(context, obj, 'message', 'messages', i));
240 | });
241 | (json.impacted_objects || []).forEach(function(obj, i) {
242 | res.append(response.render(context, obj, 'impacted_object', 'impacted_objects', i));
243 | });
244 | return res;
245 | };
246 |
247 | extended.make.impacted_object = function(context, json) {
248 | var res = $('
');
249 | if (json.impacted_section) {
250 | res.append(response.render(context, json.impacted_section, 'impacted_section', 'impacted_section'));
251 | }
252 | res.append(response.render(context, json.pt_object, 'pt_object', 'pt_object'));
253 | if ($.isArray(json.impacted_stops)) {
254 | json.impacted_stops.forEach(function(obj, i) {
255 | res.append(response.render(context, obj, 'impacted_stop', 'impacted_stops', i));
256 | });
257 | }
258 | return res;
259 | };
260 |
261 | extended.make.impacted_section = function(context, json) {
262 | var res = $('
')
263 | .append(response.render(context, json.from, 'pt_object', 'from'))
264 | .append(response.render(context, json.to, 'pt_object', 'to'));
265 | (json.routes || []).forEach(function(obj, i) {
266 | res.append(response.render(context, obj, 'route', 'routes', i));
267 | });
268 | return res;
269 | };
270 |
271 | extended.make.connection = function(context, json) {
272 | return $('
')
273 | .append(response.render(context, json.origin, 'stop_point', 'origin'))
274 | .append(response.render(context, json.destination, 'stop_point', 'destination'));
275 | };
276 |
277 | extended.make.links = function(context, json) {
278 | var res = $('
');
279 | json.forEach(function(link) {
280 | var obj = context.followInternalLink(link);
281 | if (obj) {
282 | res.append(response.render(context, obj.obj, utils.getType(link.rel), '> ' + obj.path));
283 | }
284 | });
285 | return res;
286 | };
287 |
288 | extended.make.line_report = function(context, json) {
289 | var res = $('
');
290 | res.append(response.render(context, json.line, 'line', 'line'));
291 | json.pt_objects.forEach(function(obj, i) {
292 | res.append(response.render(context, obj, 'pt_object', 'pt_objects', i));
293 | });
294 | return res;
295 | };
296 |
297 | extended.make.vehicle_journey = function(context, json) {
298 | var res = extended.defaultExtended(context, 'vehicle_journey', json);
299 | (json.stop_times || []).forEach(function(obj, i) {
300 | res.append(response.render(context, obj, 'stop_time', 'stop_times', i));
301 | });
302 | return res;
303 | };
304 |
305 | // add your extended view by adding:
306 | // extended.make.{type} = function(context, json) { ... }
307 |
308 | extended.defaultExtended = function(context, type, json) {
309 | var result = $('
');
310 | if (Array.isArray(json.links) && json.links.length) {
311 | result.append(response.render(context, json.links, 'links', 'links'));
312 | }
313 | if (Array.isArray(json.codes) && json.codes.length) {
314 | result.append(response.render(context, json.codes, 'codes', 'codes'));
315 | }
316 | for (var key in json) {
317 | if (! (utils.getType(key) in context.links)) { continue; }
318 | if ($.isArray(json[key])) {
319 | json[key].forEach(function(obj, i) {
320 | result.append(response.render(context, obj, utils.getType(key), key, i));
321 | });
322 | } else {
323 | result.append(response.render(context, json[key], utils.getType(key), key));
324 | }
325 | }
326 | return result;
327 | };
328 |
329 | extended.has = {};
330 | extended.has.section = function(context, json) {
331 | return Boolean(json.from) || Boolean(json.to) || Boolean(json.stop_date_times);
332 | };
333 | extended.has.poi = function(context, json) {
334 | return extended.hasDefaultExtended(context, json);
335 | };
336 | extended.has.links = function(context, json) {
337 | for (var i = 0; i < json.length; ++i) {
338 | if (context.followInternalLink(json[i])) {
339 | return true;
340 | }
341 | }
342 | return false;
343 | };
344 | extended.hasDefaultExtended = function(context, json) {
345 | if (! (json instanceof Object)) { return false; }
346 | if (Array.isArray(json.links) && json.links.length) { return true; }
347 | if (Array.isArray(json.codes) && json.codes.length) { return true; }
348 | for (var key in json) {
349 | if (utils.getType(key) in context.links) { return true; }
350 | }
351 | return false;
352 | };
353 |
354 | extended.hasExtended = function(context, type, json) {
355 | try {
356 | if (type in extended.make) {
357 | if (type in extended.has) {
358 | return extended.has[type](context, json);
359 | }
360 | return true;
361 | }
362 | return extended.hasDefaultExtended(context, json);
363 | } catch (e) {
364 | console.log(sprintf('hasExtended(%s) thows an exception:', type));// jshint ignore:line
365 | console.log(e);// jshint ignore:line
366 | }
367 | return false;
368 | };
369 |
370 | // main method
371 | extended.run = function(context, type, json) {
372 | try {
373 | if (type in this.make) { return this.make[type](context, json); }
374 | return extended.defaultExtended(context, type, json);
375 | } catch (e) {
376 | console.log(sprintf('extended(%s) thows an exception:', type));// jshint ignore:line
377 | console.log(e);// jshint ignore:line
378 | return 'Error in extended view construction';
379 | }
380 | };
381 |
--------------------------------------------------------------------------------
/js/map.js:
--------------------------------------------------------------------------------
1 | // Copyright (c) 2016 CanalTP
2 | //
3 | // Permission is hereby granted, free of charge, to any person obtaining a copy
4 | // of this software and associated documentation files (the "Software"), to deal
5 | // in the Software without restriction, including without limitation the rights
6 | // to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
7 | // copies of the Software, and to permit persons to whom the Software is
8 | // furnished to do so, subject to the following conditions:
9 | //
10 | // The above copyright notice and this permission notice shall be included in all
11 | // copies or substantial portions of the Software.
12 | //
13 | // THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
14 | // IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
15 | // FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
16 | // AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
17 | // LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
18 | // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
19 | // SOFTWARE.
20 |
21 | 'use strict';
22 |
23 | // fake includes
24 | var response;
25 | var storage;
26 | var summary;
27 | var utils;
28 |
29 | var map = {};
30 |
31 | map.DrawSectionOption = {
32 | DRAWSTART: 2, // 10
33 | DRAWEND: 1, // 01
34 | DRAWBOTH: 3, // 11
35 | DRAWNEITHER: 0 // 00
36 | };
37 | map._should_draw_section_start = function(option) {
38 | return option & 2;// jshint ignore:line
39 | };
40 | map._should_draw_section_end = function(option) {
41 | return option & 1;// jshint ignore:line
42 | };
43 | map.STARTTEXT = 'Start';
44 | map.ENDTEXT = 'End';
45 | map.makeFeatures = {
46 | region: function(context, json) {
47 | if (json.shape) {
48 | var geoJsonShape = wkt2geojson(json.shape);
49 | return map._makePolygon(context, 'region', geoJsonShape, json, '#008ACA');
50 | }
51 | return [];
52 | },
53 | section: function(context, json, draw_section_option) {
54 | var style = {};
55 | if (json.display_informations && json.display_informations.color) {
56 | style.color = '#' + json.display_informations.color;
57 | }
58 | switch (json.type) {
59 | case 'street_network':
60 | switch (json.mode) {
61 | case 'bike': style = map.bikeStyle; break;
62 | case 'car': style = map.carStyle; break;
63 | case 'walking': style = map.walkingStyle; break;
64 | case 'ridesharing': style = map.ridesharingStyle; break;
65 | }
66 | break;
67 | case 'transfer':
68 | switch (json.transfer_type) {
69 | case 'guaranteed': style = map.carStyle; break;
70 | case 'extension': style = map.bikeStyle; break;
71 | case 'walking': style = map.walkingStyle; break;
72 | }
73 | break;
74 | case 'ridesharing': style = map.ridesharingStyle; break;
75 | case 'crow_fly': style = map.crowFlyStyle; break;
76 | }
77 | if (draw_section_option === undefined) {
78 | draw_section_option = map.DrawSectionOption.DRAWBOTH;
79 | }
80 | return map._makeString(context, 'section', json, style)
81 | .concat(map._makeStopTimesMarker(context, json, style, draw_section_option));
82 | },
83 | line: function(context, json) {
84 | return map._makeString(context, 'line', json, json);
85 | },
86 | journey: function(context, json) {
87 | if (! ('sections' in json)) { return []; }
88 | var bind = function(s, i, array) {
89 | var draw_section_option = map.DrawSectionOption.DRAWNEITHER;
90 | if ( i === 0) {
91 | draw_section_option |= map.DrawSectionOption.DRAWSTART;// jshint ignore:line
92 | }
93 | if ( i === (array.length -1) ) {
94 | draw_section_option |= map.DrawSectionOption.DRAWEND;// jshint ignore:line
95 | }
96 | return map.makeFeatures.section(context, s, draw_section_option);
97 | };
98 | return utils.flatMap(json.sections, bind);
99 | },
100 | isochrone: function(context, json) {
101 | if (! ('geojson' in json)) { return []; }
102 | var color = context.getColorFromMinDuration(json.min_duration);
103 | return map._makePolygon(context, 'isochrone', json.geojson, json, color)
104 | .concat(map._makeStopTimesMarker(context, json, {}, map.DrawSectionOption.DRAWBOTH));
105 | },
106 | heat_map: function(context, json) {
107 | if (! ('heat_matrix' in json)) { return []; }
108 | var scale = 0;
109 | json.heat_matrix.lines.forEach(function(lines) {
110 | lines.duration.forEach(function(duration) {
111 | if (duration !== null) {
112 | scale = Math.max(duration, scale);
113 | }
114 | });
115 | });
116 | var local_map = [];
117 | json.heat_matrix.lines.forEach(function(lines/*, i*/) {
118 | lines.duration.forEach(function(duration, j) {
119 | var color;
120 | if (duration !== null) {
121 | var ratio = duration / scale;
122 | color = utils.getColorFromRatio(ratio);
123 | } else {
124 | color = '#000000';
125 | // for the moment, we don't want to print the null duration squares because
126 | // it impacts the performances of the navigator.
127 | return;
128 | }
129 | var rectangle = [
130 | [json.heat_matrix.line_headers[j].cell_lat.max_lat, lines.cell_lon.max_lon],
131 | [json.heat_matrix.line_headers[j].cell_lat.min_lat, lines.cell_lon.min_lon]
132 | ];
133 | local_map.push(map._makePixel(context, 'heat_map', rectangle, json, color, duration));
134 | });
135 | });
136 | var draw_section_option = map.DrawSectionOption.DRAWBOTH;
137 | return local_map.concat(map._makeStopTimesMarker(context, json, {}, draw_section_option));
138 | },
139 | address: function(context, json) {
140 | return map._makeMarker(context, 'address', json);
141 | },
142 | administrative_region: function(context, json) {
143 | return map._makeMarker(context, 'administrative_region', json);
144 | },
145 | stop_area: function(context, json) {
146 | return map._makeMarker(context, 'stop_area', json);
147 | },
148 | stop_point: function(context, json) {
149 | return map._makeMarker(context, 'stop_point', json);
150 | },
151 | place: function(context, json) {
152 | return map._makeMarker(context, 'place', json);
153 | },
154 | pt_object: function(context, json) {
155 | return map.getFeatures(context, json.embedded_type, json[json.embedded_type]);
156 | },
157 | poi: function(context, json) {
158 | return map._makeMarker(context, 'poi', json);
159 | },
160 | connection: function(context, json) {
161 | return utils.flatMap([json.origin, json.destination], function(json) {
162 | return map._makeMarker(context, 'stop_point', json);
163 | });
164 | },
165 | response: function(context, json) {
166 | var key = response.responseCollectionName(json);
167 | if (key === null) {
168 | return [];
169 | }
170 | var type = utils.getType(key);
171 | if (!(type in map.makeFeatures)) {
172 | return [];
173 | }
174 | var bind = function(s) {
175 | return map.makeFeatures[type](context, s);
176 | };
177 | return utils.flatMap(json[key].slice().reverse(), bind);
178 | }
179 | };
180 |
181 | map.hasMap = function(context, type, json) {
182 | return map.getFeatures(context, type, json).length !== 0;
183 | };
184 |
185 | map.getFeatures = function(context, type, json) {
186 | if (! (map.makeFeatures[type] instanceof Function)) { return []; }
187 | if (! (json instanceof Object)) { return []; }
188 | try {
189 | return map.makeFeatures[type](context, json);
190 | } catch (e) {
191 | console.log(sprintf('map.makeFeatures[%s] thows an exception:', type));// jshint ignore:line
192 | console.log(e);// jshint ignore:line
193 | return [];
194 | }
195 | };
196 |
197 | map._makeTileLayers = function() {
198 | var copyOSM = '©
OpenStreetMap';
199 | var courtesy = function(name) {
200 | return sprintf('%s & %s', copyOSM, name);
201 | };
202 | var makeStamenTileLayer = function(name) {
203 | return L.tileLayer('https://stamen-tiles-{s}.a.ssl.fastly.net/' + name + '/{z}/{x}/{y}.png', {
204 | subdomains: 'abcd',
205 | attribution: courtesy('
Stamen Design'),
206 | detectRetina: true
207 | });
208 | };
209 | return {
210 | 'Bright': L.tileLayer('https://tile-{s}.navitia.io/osm_bright/{z}/{x}/{y}.png', {
211 | attribution: courtesy('
navitia'),
212 | detectRetina: true
213 | }),
214 | 'HOT': L.tileLayer('https://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png', {
215 | maxZoom: 19,
216 | attribution: courtesy('
Humanitarian OpenStreetMap Team'),
217 | detectRetina: true
218 | }),
219 | 'Hydda': L.tileLayer('https://{s}.tile.openstreetmap.se/hydda/full/{z}/{x}/{y}.png', {
220 | attribution: courtesy('
OpenStreetMap Sweden'),
221 | detectRetina: true
222 | }),
223 | 'Mapnik': L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
224 | maxZoom: 19,
225 | attribution: copyOSM,
226 | detectRetina: true
227 | }),
228 | 'Terrain': makeStamenTileLayer('terrain'),
229 | 'Toner': makeStamenTileLayer('toner-lite'),
230 | 'Watercolor': makeStamenTileLayer('watercolor'),
231 | };
232 | };
233 |
234 | map._getDefaultLayerName = function() {
235 | var saved = storage.getLayer();
236 | if (saved) { return saved; }
237 | return 'Hydda';
238 | };
239 |
240 | map.createMap = function(handle) {
241 | var div = $('
');
242 | // setting for default path of images used by leaflet
243 | L.Icon.Default.imagePath = 'lib/img/leaflet/dist/images/';
244 | div.addClass('leaflet');
245 | var m = L.map(div.get(0), {renderer: L.canvas()});
246 | var tileLayers = map._makeTileLayers();
247 | tileLayers[map._getDefaultLayerName()].addTo(m);
248 | L.control.layers(tileLayers).addTo(m);
249 | m.on('baselayerchange', storage.saveLayer);
250 | L.control.scale().addTo(m);
251 | var bounds = handle(m);
252 |
253 | // Cleanly destroying the map
254 | div.on('npg:remove', function() { m.remove(); });
255 |
256 | // GPS location
257 | var circle = L.circle([0,0], {
258 | radius: 100,
259 | });
260 | m.on('locationfound', function(e) {
261 | circle.setRadius(e.accuracy / 2)
262 | .setStyle({color: '#3388ff'})
263 | .setLatLng(e.latlng)
264 | .bindPopup(sprintf('%.5f;%.5f ±%dm', e.latlng.lng, e.latlng.lat, e.accuracy));
265 | });
266 | m.on('locationerror', function(e) {
267 | circle.setStyle({color: 'red'}).bindPopup(e.message);
268 | });
269 | m.on('unload', function() { m.stopLocate(); });
270 | m.locate({enableHighAccuracy: true, watch: true});
271 |
272 | m.on('moveend', function() { storage.saveBounds(m.getBounds()); });
273 |
274 | setTimeout(function() {
275 | if (bounds) { m.fitBounds(bounds); } else { m.fitWorld(); }
276 | circle.addTo(m); // workaround for https://github.com/Leaflet/Leaflet/issues/4978
277 | }, 100);
278 |
279 | return div;
280 | };
281 |
282 | map.run = function(context, type, json) {
283 | var features = [];
284 | if ((features = map.getFeatures(context, type, json)).length) {
285 | return map.createMap(function(m) {
286 | return L.featureGroup(features).addTo(m).getBounds();
287 | });
288 | } else {
289 | var div = $('
');
290 | div.addClass('noMap');
291 | div.append('No map');
292 | return div;
293 | }
294 | };
295 |
296 | map._makeMarker = function(context, type, json, style, label) {
297 | var lat, lon;
298 | var obj = json;
299 | switch (type){
300 | case 'stop_date_time':
301 | obj = json.stop_point;
302 | lat = obj.coord.lat;
303 | lon = obj.coord.lon;
304 | break;
305 | case 'place':
306 | lat = json[json.embedded_type].coord.lat;
307 | lon = json[json.embedded_type].coord.lon;
308 | break;
309 | default:
310 | lat = json.coord.lat;
311 | lon = json.coord.lon;
312 | }
313 | var sum = summary.run(context, type, json);
314 | var t = type === 'place' ? json.embedded_type : type;
315 | var marker;
316 | if (! style) {
317 | marker = L.marker([lat, lon]);
318 | } else {
319 | style = utils.deepClone(style || {});
320 | delete style.dashArray;
321 | if (! style.color) { style.color = '#000000'; }
322 | style.opacity = 1;
323 | style.fillColor = 'white';
324 | style.fillOpacity = 1;
325 | marker = L.circleMarker([lat, lon], style);
326 | marker.setRadius(5);
327 | }
328 | if (label) {
329 | marker.bindTooltip(label, {permanent: true, opacity: 1});
330 | }
331 | return [marker.bindPopup(map._makeLink(context, t, obj, sum)[0])];
332 | };
333 |
334 | map.bikeStyle = { color: '#a3ab3a', dashArray: '0, 8' };
335 | map.carStyle = { color: '#c9731d', dashArray: '0, 8' };
336 | map.walkingStyle = { color: '#298bbc', dashArray: '0, 8' };
337 | map.ridesharingStyle = { color: '#6e3ea8', dashArray: '0, 8' };
338 | map.crowFlyStyle = { color: '#6e3ea8', dashArray: '0, 8' };
339 |
340 | map._getCoordFromPlace = function(place) {
341 | if (place && place[place.embedded_type] && place[place.embedded_type].coord) {
342 | return place[place.embedded_type].coord;
343 | }
344 | return null;
345 | };
346 |
347 | map._makeString = function(context, type, json, style) {
348 | style = utils.deepClone(style || {});
349 | if (! style.color) { style.color = '#000000'; }
350 | if (style.color.match(/^[0-9A-Fa-f]{6}$/)) { style.color = '#' + style.color; }
351 | var sum = summary.run(context, type, json);
352 | var from = map._getCoordFromPlace(json.from);
353 | var to = map._getCoordFromPlace(json.to);
354 |
355 | var style1 = utils.deepClone(style);
356 | style1.color = 'white';
357 | style1.weight = 7;
358 | style1.opacity = 1;
359 | var style2 = utils.deepClone(style);
360 | style2.weight = 5;
361 | style2.opacity = 1;
362 |
363 | if (json.geojson && json.geojson.coordinates.length) {
364 | return [
365 | L.geoJson(json.geojson, { style: style1 }),
366 | L.geoJson(json.geojson, { style: style2 }).bindPopup(sum)
367 | ];
368 | } else if (from && to) {
369 | return [
370 | L.polyline([from, to], style1),
371 | L.polyline([from, to], style2).bindPopup(sum)
372 | ];
373 | } else {
374 | return [];
375 | }
376 | };
377 |
378 | map._makeStopTimesMarker = function(context, json, style, draw_section_option) {
379 | var stopTimes = json.stop_date_times;
380 | var markers = [];
381 | if (stopTimes) {
382 | // when section is PT
383 | stopTimes.forEach(function(st, i) {
384 | var label = null;
385 | if (i === 0 &&
386 | map._should_draw_section_start(draw_section_option)) {
387 | label = map.STARTTEXT;
388 | }else if (i === (stopTimes.length -1 ) &&
389 | map._should_draw_section_end(draw_section_option)) {
390 | label = map.ENDTEXT;
391 | }
392 | markers = markers.concat(map._makeMarker(context, 'stop_date_time', st, style, label));
393 | });
394 | } else {
395 | // when section is Walking
396 | var from = json.from;
397 | var to = json.to;
398 | var label_from = null;
399 | var label_to = null;
400 | if (from && map._should_draw_section_start(draw_section_option)) {
401 | label_from = map.STARTTEXT;
402 | markers.push(map._makeMarker(context, 'place', from, style, label_from)[0]);
403 | }
404 | if (to && map._should_draw_section_end(draw_section_option)) {
405 | label_to = map.ENDTEXT;
406 | markers.push(map._makeMarker(context, 'place', to, style, label_to)[0]);
407 | }
408 | }
409 | return markers;
410 | };
411 | map._makePolygon = function(context, type, geoJsonCoords, json, color) {
412 | var sum = summary.run(context, type, json);
413 | // TODO use link when navitia has debugged the ticket NAVITIAII-2133
414 | var link = map._makeLink(context, type, json, sum)[0];
415 | return [
416 | L.geoJson(geoJsonCoords, {
417 | color: '#555555',
418 | opacity: 1,
419 | weight: 0.5,
420 | fillColor: color,
421 | fillOpacity: 0.25
422 | }).bindPopup(link)
423 | ];
424 | };
425 | map._makeLink = function(context, type, obj, name) {
426 | return context.makeLink(type, obj, name);
427 | };
428 | map._makePixel = function(context, type, PolygonCoords, json, color, duration) {
429 | var sum = 'not accessible';
430 | if (duration !== null) {
431 | sum = sprintf('duration: %s', utils.durationToString(duration));
432 | }
433 | return L.rectangle(PolygonCoords, {
434 | smoothFactor: 0,
435 | color: '#555555',
436 | opacity: 0,
437 | weight: 0,
438 | fillColor: color,
439 | fillOpacity: 0.25
440 | }).bindPopup(sum);
441 | };
442 |
--------------------------------------------------------------------------------
16 | 
21 | doc
22 | 
74 |
81 |