e65800ca63
This is based on the assumptions that * our examples always goog.require something ol.* (otherwise why have the example) * our examples only goog.require exportable symbols or "namespaces" for exportable symbols (e.g. ol.control for the defaults function) * we have an API doc page for each exportable symbol and each "namespace" that has exportable symbols (e.g. ol.Map.html and ol.control.html) It may be that this assumption proves to be wrong, but it would be nice to avoid the extra network traffic and layout shifting when examples load.
96 lines
2.6 KiB
JavaScript
96 lines
2.6 KiB
JavaScript
(function() {
|
|
var copyButton = document.getElementById('copy-button');
|
|
if (copyButton) {
|
|
var data = document.getElementById('example-source').textContent;
|
|
new ZeroClipboard(copyButton).on('copy', function(event) {
|
|
event.clipboardData.setData({
|
|
'text/plain': data,
|
|
'text/html': data
|
|
});
|
|
});
|
|
}
|
|
|
|
if (window.location.host === 'localhost:3000') {
|
|
return;
|
|
}
|
|
|
|
var container = document.getElementById('navbar-inner-container');
|
|
if (!container) {
|
|
return;
|
|
}
|
|
|
|
var form = document.createElement('form');
|
|
var select = document.createElement('select');
|
|
var possibleModes = {
|
|
'raw' : 'Development',
|
|
'advanced': 'Production'
|
|
};
|
|
var urlMode = window.location.href.match(/mode=([a-z0-9\-]+)\&?/i);
|
|
var curMode = urlMode ? urlMode[1] : 'advanced';
|
|
|
|
var modeChangedMethod = function() {
|
|
var newMode = this.value;
|
|
var search = window.location.search.substring(1);
|
|
var baseUrl = window.location.href.split('?')[0];
|
|
var chunks = search ? search.split('&') : [];
|
|
var pairs = [];
|
|
var modeFound = false;
|
|
for (var i = chunks.length - 1; i >= 0; --i) {
|
|
var pair = chunks[i].split('=');
|
|
if (pair[0].toLowerCase() === 'mode') {
|
|
pair[1] = newMode;
|
|
modeFound = true;
|
|
}
|
|
var adjusted = encodeURIComponent(pair[0]);
|
|
if (typeof pair[1] !== undefined) {
|
|
adjusted += '=' + encodeURIComponent(pair[1] || '');
|
|
}
|
|
pairs.push(adjusted);
|
|
}
|
|
if (!modeFound) {
|
|
pairs.push('mode=' + encodeURIComponent(newMode));
|
|
}
|
|
location.href = baseUrl + '?' + pairs.join('&');
|
|
};
|
|
|
|
for (var mode in possibleModes) {
|
|
if (possibleModes.hasOwnProperty(mode)) {
|
|
var option = document.createElement('option');
|
|
var modeTxt = possibleModes[mode];
|
|
option.value = mode;
|
|
option.innerHTML = modeTxt;
|
|
option.selected = curMode === mode;
|
|
select.appendChild(option);
|
|
}
|
|
}
|
|
|
|
$(select).change(modeChangedMethod);
|
|
select.className = 'input-medium';
|
|
|
|
form.className = 'navbar-form pull-right';
|
|
form.appendChild(select);
|
|
|
|
container.appendChild(form);
|
|
})();
|
|
|
|
var common = {};
|
|
|
|
common.getRendererFromQueryString = function() {
|
|
var obj = {};
|
|
var queryString = location.search.slice(1);
|
|
var re = /([^&=]+)=([^&]*)/g;
|
|
|
|
var m = re.exec(queryString);
|
|
while (m) {
|
|
obj[decodeURIComponent(m[1])] = decodeURIComponent(m[2]);
|
|
m = re.exec(queryString);
|
|
}
|
|
if ('renderers' in obj) {
|
|
return obj['renderers'].split(',');
|
|
} else if ('renderer' in obj) {
|
|
return [obj['renderer']];
|
|
} else {
|
|
return undefined;
|
|
}
|
|
};
|