mirror of
https://github.com/Luzifer/mapshare.git
synced 2024-12-20 22:51:19 +00:00
61 lines
1.8 KiB
HTML
61 lines
1.8 KiB
HTML
|
<html>
|
||
|
|
<title>MapShare</title>
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
|
<link rel="stylesheet" href="/asset/combine.css">
|
||
|
|
<link rel="stylesheet" href="/asset/fontawesome/css/all.min.css">
|
||
|
|
<link rel="stylesheet" href="/asset/app.css">
|
||
|
|
|
||
|
|
<div id="app">
|
||
|
|
<div id="map"></div>
|
||
|
|
|
||
|
|
<b-modal
|
||
|
|
centered
|
||
|
|
hide-footer
|
||
|
|
hide-header
|
||
|
|
no-close-on-backdrop
|
||
|
|
no-close-on-esc
|
||
|
|
size="sm"
|
||
|
|
:visible="(!loc || loc.sender_id === browserID) && !shareActive"
|
||
|
|
>
|
||
|
|
<div class="text-center">
|
||
|
|
<p class="mb-0">
|
||
|
|
<i class="fa fa-spinner fa-pulse fa-4x mb-3"></i><br>
|
||
|
|
Waiting for location...
|
||
|
|
</p>
|
||
|
|
<p class="mt-3" v-if="navigator.geolocation">
|
||
|
|
<b-button-group>
|
||
|
|
<b-btn
|
||
|
|
@click="shareLocation"
|
||
|
|
variant="primary"
|
||
|
|
>
|
||
|
|
Share my location!
|
||
|
|
</b-btn>
|
||
|
|
|
||
|
|
<b-btn @click="shareSettingsOpen = !shareSettingsOpen">
|
||
|
|
<i class="fa fa-cog"></i>
|
||
|
|
</b-btn>
|
||
|
|
</b-button-group>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</b-modal>
|
||
|
|
|
||
|
|
<b-modal
|
||
|
|
centered
|
||
|
|
title="Share-Settings"
|
||
|
|
@hidden="shareSettingsOpen = false"
|
||
|
|
ok-only
|
||
|
|
:visible="shareSettingsOpen"
|
||
|
|
>
|
||
|
|
<b-form-checkbox v-model="shareSettings.continuous" switch>
|
||
|
|
Keep sending location<br><small>(when enabled location is updated as long as this window is open)</small>
|
||
|
|
</b-form-checkbox>
|
||
|
|
<b-form-checkbox class="mt-3" v-model="shareSettings.retained" switch>
|
||
|
|
Retain location on server<br><small>(new viewers instantly see your location)</small>
|
||
|
|
</b-form-checkbox>
|
||
|
|
</b-modal>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script src="/asset/combine.js"></script>
|
||
|
|
<script src="/asset/app.js"></script>
|
||
|
|
</html>
|