This commit is contained in:
Maximilian Leopold 2019-06-06 13:11:21 +02:00
commit a24b13b1f5
3 changed files with 17 additions and 32 deletions

View File

@ -46,7 +46,7 @@
<template> <template>
<vl-geom-point :coordinates="center"></vl-geom-point> <vl-geom-point :coordinates="center"></vl-geom-point>
<vl-style-box> <vl-style-box>
<vl-style-icon src="./statics/map-marker.svg" :scale="2" :anchor="[0.095,0.17]" <vl-style-icon src="./statics/map-marker_red.svg" :scale="2" :anchor="[0.095,0.17]"
:size="[128, 128]"></vl-style-icon> :size="[128, 128]"></vl-style-icon>
</vl-style-box> </vl-style-box>
</template> </template>
@ -171,7 +171,7 @@
return ['position-feature'].indexOf(feature.getId()) === -1 return ['position-feature'].indexOf(feature.getId()) === -1
}, },
onUpdatePosition(coordinate) { onUpdatePosition(coordinate) {
console.log("onUpdatePosition") // console.log("onUpdatePosition")
this.deviceCoordinate = coordinate; this.deviceCoordinate = coordinate;
this.$emit('updatecoords', this.center); this.$emit('updatecoords', this.center);
}, },

View File

@ -7,22 +7,14 @@
/> />
<q-card-section> <q-card-section>
<div class="text-h6">GeoCaching</div> <div class="text-h6">GeoCaching</div>
<div class="text-body2">Willkommen</div> <div class="text-body2">Willkommen, GeoCaching ist eine spielerische Führung, eine Schnitzeljagd, über die
<q-expansion-item Bundesgartenschau.
expand-separator Es gibt mehrere Routen (Caches), die man durchführen kann. Jeder Cache besteht aus mehreren Stationen, bei
rounded-borders denen Rätsel und Aufgaben gelöst werden müssen, um die jeweils nächste Station zu finden.
class="bg-primary text-black shadow-2 full-width q-mt-md" Eine Station wird durch einen QR-Code repräsentiert, den man einscannen muss um das Rätsel angezeigt zu bekommen.
label="Was ist GeoCaching?" Findet der Cacher alle Stationen eines Caches in der richtigen Reihenfolge erhält er eine kleine Belohnung und sammelt Punkte für eine
> Rangliste.
<q-card> </div>
<q-card-section>
GeoCaching ist eine spielerische Führung, eine Schnitzeljagd, über die Bundesgartenschau.
Es gibt mehrere Routen (Caches), von denen man wählen kann. Auf jedem Cache gibt es mehrere Stationen, bei denen Rätsel und Aufgaben gelöst werden müssen, um die nächste zu finden.
Eine Station ist eine QR-Code, bei dessen einscannen das nächste Rätsel freigeschaltet wird.
Findet ein Cacher alle Stationen eines Caches erhält er eine kleine Belohnung und sammelt Punkte für eine Rangliste.
</q-card-section>
</q-card>
</q-expansion-item>
</q-card-section> </q-card-section>
</q-card> </q-card>
<q-card class="my-card" style="max-width: 600px"> <q-card class="my-card" style="max-width: 600px">
@ -33,7 +25,7 @@
<q-card-section> <q-card-section>
<div class="text-h6">Loslegen</div> <div class="text-h6">Loslegen</div>
<q-btn color="primary" text-color="black" class="full-width q-mt-md" label="Zu den Caches" to="/Overview"/> <q-btn color="primary" class="full-width q-mt-md" label="Zu den Caches" to="/Overview"/>
</q-card-section> </q-card-section>
</q-card> </q-card>
</div> </div>
@ -41,9 +33,8 @@
<script> <script>
export default { export default {
data () { data() {
return { return {}
}
} }
} }
</script> </script>

View File

@ -85,6 +85,7 @@
<p v-show="!boolStatus" class="text-white"> <p v-show="!boolStatus" class="text-white">
Unser Status: {{currentTeamStatus}} Unser Status: {{currentTeamStatus}}
<q-btn icon="create" <q-btn icon="create"
size=""
unelevated unelevated
class="on-right" class="on-right"
@click="updateStatus()" @click="updateStatus()"
@ -121,15 +122,8 @@
:pagination.sync="pagination" :pagination.sync="pagination"
/> />
<br/> <br/>
<div align="center"> <p class="text-h5"> Nutzer einladen </p>
<q-btn label="Nutzer einladen" <div align="center" class="row q-mt-sm justify-between">
unelevated
@click="activateInvite()"
color="primary"
class="full-width q-mt-sm"
type="submit"/>
</div>
<div v-if="inviteActivated" align="center" class="row q-mt-sm justify-between">
<q-input lazy-rules outlined filled stack-label v-model="inviteMail" <q-input lazy-rules outlined filled stack-label v-model="inviteMail"
type="text" label="Email des Nutzers" color="black" class="col q-mr-sm" type="text" label="Email des Nutzers" color="black" class="col q-mr-sm"
:rules="[val=>validateEmail(val)||'Bitte Email verwenden']"/> :rules="[val=>validateEmail(val)||'Bitte Email verwenden']"/>
@ -138,7 +132,7 @@
unelevated unelevated
@click="sendTeamInvite()" @click="sendTeamInvite()"
:disabled="!teamInviteChecked" :disabled="!teamInviteChecked"
color="positive" color="primary"
type="submit"/> type="submit"/>
</div> </div>
</div> </div>