tvolkmann/labswp_2019_sose_geocaching
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge branch 'develop' of https://bitbucket-student.it.hs-heilbronn.de/scm/labswp19/labswp_2019_sose_geocaching into develop

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
labswp_2019_sose_geocaching_frontend/frontend/src/components/mapClickable.vue
View File

@ -46,7 +46,7 @@
<template>
<vl-geom-point :coordinates="center"></vl-geom-point>
<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>
</vl-style-box>
</template>
@ -171,7 +171,7 @@
return ['position-feature'].indexOf(feature.getId()) === -1
},
onUpdatePosition(coordinate) {
console.log("onUpdatePosition")
// console.log("onUpdatePosition")
this.deviceCoordinate = coordinate;
this.$emit('updatecoords', this.center);
},

31
labswp_2019_sose_geocaching_frontend/frontend/src/pages/Index.vue
View File

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

14
labswp_2019_sose_geocaching_frontend/frontend/src/pages/Profile.vue
View File

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