2020-01-06 23:19:11 +00:00
|
|
|
<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>
|
2020-01-08 21:36:29 +00:00
|
|
|
{{ $t('waitingForLocation') }}
|
2020-01-06 23:19:11 +00:00
|
|
|
</p>
|
|
|
|
<p class="mt-3" v-if="navigator.geolocation">
|
|
|
|
<b-button-group>
|
|
|
|
<b-btn
|
|
|
|
@click="shareLocation"
|
|
|
|
variant="primary"
|
|
|
|
>
|
2020-01-08 21:36:29 +00:00
|
|
|
{{ $t('btnShareMyLocation') }}
|
2020-01-06 23:19:11 +00:00
|
|
|
</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
|
|
|
|
@hidden="shareSettingsOpen = false"
|
|
|
|
ok-only
|
2020-01-08 21:36:29 +00:00
|
|
|
:ok-title="$t('btnModalOK')"
|
|
|
|
:title="$t('shareSettings')"
|
2020-01-06 23:19:11 +00:00
|
|
|
:visible="shareSettingsOpen"
|
|
|
|
>
|
|
|
|
<b-form-checkbox v-model="shareSettings.continuous" switch>
|
2020-01-08 21:36:29 +00:00
|
|
|
{{ $t('optKeepSending') }}<br><small>{{ $t('optKeepSendingSub') }}</small>
|
2020-01-06 23:19:11 +00:00
|
|
|
</b-form-checkbox>
|
|
|
|
<b-form-checkbox class="mt-3" v-model="shareSettings.retained" switch>
|
2020-01-08 21:36:29 +00:00
|
|
|
{{ $t('optRetainLocation') }}<br><small>{{ $t('optRetainLocationSub') }}</small>
|
2020-01-06 23:19:11 +00:00
|
|
|
</b-form-checkbox>
|
|
|
|
</b-modal>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<script src="/asset/combine.js"></script>
|
|
|
|
<script src="/asset/app.js"></script>
|
|
|
|
</html>
|