129 lines
6.2 KiB
HTML
129 lines
6.2 KiB
HTML
<!DOCTYPE html>
|
|
<!-- saved from url=(0054)http://leafletjs.com/examples/quick-start-example.html -->
|
|
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
<title>Online Editor</title>
|
|
<meta charset="utf-8">
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<link rel="stylesheet" href="/loleaflet/%VERSION%/leaflet.css">
|
|
<link rel="stylesheet" href="/loleaflet/%VERSION%/selectionMarkers.css">
|
|
<link rel="stylesheet" href="/loleaflet/%VERSION%/loleaflet.css">
|
|
<link rel="stylesheet" href="/loleaflet/%VERSION%/toolbar.css">
|
|
<link rel="stylesheet" href="/loleaflet/%VERSION%/partsPreviewControl.css">
|
|
<link rel="stylesheet" href="/loleaflet/%VERSION%/scrollBar.css">
|
|
<link rel="stylesheet" href="/loleaflet/%VERSION%/searchControl.css">
|
|
<link rel="stylesheet" href="/loleaflet/%VERSION%/spreadsheet.css">
|
|
<link rel="stylesheet" href="/loleaflet/%VERSION%/branding.css"> <!-- add your logo here -->
|
|
<link rel="stylesheet" href="/loleaflet/%VERSION%/plugins/draw-0.2.4/dist/leaflet.draw.css">
|
|
<link rel="stylesheet" href="/loleaflet/%VERSION%/scrollbar/jquery.mCustomScrollbar.css">
|
|
<link rel="stylesheet" href="/loleaflet/%VERSION%/contextMenu/jquery.contextMenu.css">
|
|
<link rel="stylesheet" href="/loleaflet/%VERSION%/dialog/vex.css" />
|
|
<link rel="stylesheet" href="/loleaflet/%VERSION%/dialog/vex-theme-plain.css" />
|
|
<link rel="stylesheet" href="/loleaflet/%VERSION%/toolbar/w2ui.min.css" />
|
|
<link rel="stylesheet" href="/loleaflet/%VERSION%/toolbar/select2.min.css" />
|
|
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/themes/ui-lightness/jquery-ui.css">
|
|
<link rel="stylesheet" href="/loleaflet/%VERSION%/toolbar/evol.colorpicker.min.css">
|
|
<link rel="localizations" href="/loleaflet/%VERSION%/l10n/localizations.json" type="application/vnd.oftn.l10n+json"/>
|
|
<link rel="localizations" href="/loleaflet/%VERSION%/l10n/styles-localizations.json" type="application/vnd.oftn.l10n+json" />
|
|
<style type="text/css"></style></head>
|
|
<body>
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
|
|
<script src="/loleaflet/%VERSION%/l10n/json2.min.js"></script>
|
|
<script src="/loleaflet/%VERSION%/l10n/l10n.min.js"></script>
|
|
<script src="/loleaflet/%VERSION%/toolbar/w2ui.min.js"></script>
|
|
<script src="/loleaflet/%VERSION%/toolbar/select2.min.js"></script>
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script>
|
|
<script src="/loleaflet/%VERSION%/toolbar/evol.colorpicker.min.js"></script>
|
|
<script src="/loleaflet/%VERSION%/toolbar/jquery.simplemodal.1.4.4.min.js"></script>
|
|
<script src="/loleaflet/%VERSION%/leaflet-src.js"></script>
|
|
<script src="/loleaflet/%VERSION%/plugins/draw-0.2.4/dist/leaflet.draw.js"></script>
|
|
<script src="/loleaflet/%VERSION%/scrollbar/jquery.mCustomScrollbar.js"></script>
|
|
<script src="/loleaflet/%VERSION%/contextMenu/jquery.contextMenu.js"></script>
|
|
<script src="/loleaflet/%VERSION%/contextMenu/jquery.ui.position.min.js"></script>
|
|
<script src="/loleaflet/%VERSION%/dialog/vex.combined.min.js"></script>
|
|
<script src="/loleaflet/%VERSION%/branding.js"></script> <!-- logo onclick handler -->
|
|
<script>vex.defaultOptions.className = 'vex-theme-plain';</script>
|
|
<script>var _ = function (string) {return string.toLocaleString();};</script>
|
|
|
|
<!--The "controls" div holds map controls such as the Zoom button and
|
|
it's separated from the map in order to have the controls on the top
|
|
of the page all the time.
|
|
|
|
The "document-container" div is the actual display of the document, is
|
|
what the user sees and it should be no larger than the screen size.
|
|
|
|
The "map" div is the actual document and it has the document's size
|
|
and width, this being inside the smaller "document-container" will
|
|
cause the content to overflow, creating scrollbars -->
|
|
<div id="logo" class="logo"></div>
|
|
<div>
|
|
<div id="toolbar" style="visibility: hidden;"></div>
|
|
<div id="toolbar-up"></div>
|
|
<div id="formulabar"></div>
|
|
<div id="toolbar-up-more"></div>
|
|
</div>
|
|
<input id="insertgraphic" type="file" onchange="onInsertFile()" style="position: fixed; top: -100em">
|
|
|
|
<div id="document-container">
|
|
<div id="map"></div>
|
|
</div>
|
|
<div id="spreadsheet-toolbar"></div>
|
|
<div id="presentation-toolbar"></div>
|
|
<div id="toolbar-down"></div>
|
|
|
|
<script>
|
|
|
|
function getParameterByName(name) {
|
|
name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
|
|
var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
|
|
results = regex.exec(location.search);
|
|
return results === null ? "" : results[1].replace(/\+/g, " ");
|
|
}
|
|
|
|
var wopiSrc = getParameterByName('WOPISrc');
|
|
var access_token = '%ACCESS_TOKEN%';
|
|
if (wopiSrc !== '' && access_token !== '') {
|
|
wopiSrc += '?access_token=' + access_token;
|
|
}
|
|
|
|
var filePath = getParameterByName('file_path');
|
|
var title = getParameterByName('title');
|
|
if (title === '') {
|
|
title = decodeURIComponent(filePath.substring(filePath.lastIndexOf('/')+1));
|
|
}
|
|
|
|
var host = '%HOST%';
|
|
var permission = getParameterByName('permission');
|
|
var timestamp = getParameterByName('timestamp');
|
|
var closebutton = getParameterByName('closebutton');
|
|
if (wopiSrc === '' && filePath === '') {
|
|
vex.dialog.alert('Wrong WOPISrc, usage: WOPISrc=valid encoded URI, or file_path, usage: file_path=/path/to/doc/');
|
|
}
|
|
if (host === '') {
|
|
vex.dialog.alert('The host URL is empty. The loolwsd server is probably misconfigured, please contact the administrator.');
|
|
}
|
|
|
|
var docURL = wopiSrc !== '' ? wopiSrc : filePath;
|
|
|
|
document.title = title;
|
|
var map = L.map('map', {
|
|
server: host,
|
|
doc: docURL,
|
|
permission: permission,
|
|
timestamp: timestamp,
|
|
documentContainer: 'document-container'
|
|
});
|
|
|
|
////// Controls /////
|
|
map.addControl(L.control.scroll());
|
|
map.addControl(L.control.dialog());
|
|
map.addControl(L.control.partsPreview());
|
|
map.addControl(L.control.tabs());
|
|
map.addControl(L.control.columnHeader());
|
|
map.addControl(L.control.rowHeader());
|
|
|
|
</script>
|
|
|
|
<script src="/loleaflet/%VERSION%/toolbar/toolbar.js"></script>
|
|
</body></html>
|