mirror of
https://github.com/FoggedLens/iD.git
synced 2026-02-13 17:23:02 +00:00
36082a8119
Scope all CSS to iD's container (close #7437) Don't style html or body elements unless running standalone iD
76 lines
2.8 KiB
HTML
76 lines
2.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset='utf-8'>
|
|
<title>iD</title>
|
|
<link rel='stylesheet' href='dist/iD.css'>
|
|
<link rel='icon' type='image/png' href='data:image/png;base64,iVBORw0KGgo='>
|
|
<meta name='viewport' content='width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no'/>
|
|
<meta name='apple-mobile-web-app-capable' content='yes'/>
|
|
<meta name='apple-mobile-web-app-status-bar-style' content='black-translucent'/>
|
|
<style type='text/css'>
|
|
/* apply document-level styling to standalone iD only */
|
|
html, body {
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div id='id-container'></div>
|
|
|
|
<script>
|
|
var container = document.getElementById('id-container');
|
|
var newScript = document.createElement('script');
|
|
newScript.type = 'text/javascript';
|
|
newScript.onload = checkScript;
|
|
newScript.onerror = checkScript;
|
|
|
|
var isIE11 = !!(navigator.userAgent.match(/Trident/) && !navigator.userAgent.match(/MSIE/));
|
|
newScript.src = isIE11 ? 'dist/iD.legacy.js' : 'dist/iD.js';
|
|
|
|
document.getElementsByTagName('head')[0].appendChild(newScript);
|
|
|
|
|
|
function checkScript() {
|
|
if (typeof iD === 'undefined' || !iD.utilDetect().support) {
|
|
container.innerHTML = 'Sorry, your browser is not currently supported. Please use Potlatch 2 to edit the map.';
|
|
container.style.padding = '20px';
|
|
|
|
} else {
|
|
var context = iD.coreContext().assetPath('dist/');
|
|
window.context = window.id = context; // for debugging
|
|
context.init();
|
|
|
|
// disable boundaries (unless we have an explicit disable_features list)
|
|
var q = iD.utilStringQs(window.location.hash);
|
|
if (!q.hasOwnProperty('disable_features')) {
|
|
context.features().disable('boundaries');
|
|
}
|
|
|
|
context.ui()(container, function() {
|
|
context.container().select('.map-footer-list')
|
|
.insert('li', '.user-list')
|
|
.attr('class', 'source-switch')
|
|
.call(iD.uiSourceSwitch(context)
|
|
.keys([{
|
|
'urlroot': 'https://www.openstreetmap.org',
|
|
'oauth_consumer_key': '5A043yRSEugj4DJ5TljuapfnrflWDte8jTOcWLlT',
|
|
'oauth_secret': 'aB3jKq1TRsCOUrfOIZ6oQMEDmv2ptV76PA54NGLL'
|
|
}, {
|
|
'urlroot': 'https://api06.dev.openstreetmap.org',
|
|
'oauth_consumer_key': 'zwQZFivccHkLs3a8Rq5CoS412fE5aPCXDw9DZj7R',
|
|
'oauth_secret': 'aMnOOCwExO2XYtRVWJ1bI9QOdqh1cay2UgpbhA6p'
|
|
}
|
|
])
|
|
);
|
|
});
|
|
}
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|