a02ae4a587
Exporting is allowed for anyone with export permission or above. Pseudo-versions have been bumped in order to ensure no cache issues.
79 lines
2.7 KiB
HTML
79 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="stylesheet" href="static/style.css?5">
|
|
<link rel="stylesheet" href="static/leaflet/leaflet.css?5">
|
|
<script type="module" src="static/script.js?5"></script>
|
|
<title>Placeholder</title>
|
|
</head>
|
|
<body style="display: none;">
|
|
<header>
|
|
<h1 id="banner-sitename">A Map</h1>
|
|
<user id="banner-userid" aria-label="logged in as"></user>
|
|
</header>
|
|
<main>
|
|
<div id="map">
|
|
</div>
|
|
</main>
|
|
<div id="sidebar">
|
|
<button id="create-workspace"></button>
|
|
<button id="export-workspaces">Exportera arbetsplatser</button>
|
|
<button id="toggle-labels">Visa/dölj etiketter</button>
|
|
<form action="javascript:void(0);">
|
|
<label for="search"><h3>Sök</h3></label>
|
|
<div id="search-field">
|
|
<input id="search-term" type="text" />
|
|
<button id="search-button" type="submit">🔍</button>
|
|
</div>
|
|
</form>
|
|
<div id="search-results"></div>
|
|
</div>
|
|
<template id="result-template">
|
|
<div class="search-result">
|
|
<div class="location"></div>
|
|
<div><span class="person"></span><span class="role"></span></div>
|
|
<div class="comment"></div>
|
|
</div>
|
|
</template>
|
|
<template id="pin-form">
|
|
<form class="popup-form" action="javascript:void(0);">
|
|
<label id="label" for="workspace-name">Platsens namn</label>
|
|
<input id="workspace-name" type="text" />
|
|
<label id="label" for="person-name">Person</label>
|
|
<input id="person-name" type="text" />
|
|
<label id="label" for="person-role">Titel</label>
|
|
<input id="person-role" type="text" />
|
|
<label id="label" for="comment">Kommentar</label>
|
|
<input id="comment" type="text" />
|
|
<button id="save" type="submit">Spara</button>
|
|
<button id="delete" class="delete">Ta bort</button>
|
|
</form>
|
|
</template>
|
|
<template id="pin-info">
|
|
<div class="workspace">
|
|
<span class="label">Arbetsplats:</span>
|
|
<span class="workspace-name"></span>
|
|
</div>
|
|
<div class="person">
|
|
<span class="label">Person:</span>
|
|
<span class="person-name"></span><span class="person-role"></span>
|
|
</div>
|
|
<div class="comment">
|
|
<span class="label">Kommentar:</span>
|
|
<span class="comment-text"></span>
|
|
</div>
|
|
</template>
|
|
<template id="pin-template">
|
|
<div class="map-flex">
|
|
<img />
|
|
<span class="label">
|
|
<span class="location"></span>
|
|
<span class="person"></span>
|
|
</span>
|
|
</div>
|
|
</template>
|
|
</body>
|
|
</html>
|