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

implemented feedback from usability test

Browse Source
This commit is contained in:
Timo Volkmann 2019-05-16 16:52:47 +02:00
parent ab213517b7
commit 426e24e096
9 changed files with 39 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
frontend/src/layouts/MyLayout.vue
View File

@ -98,7 +98,7 @@
<q-icon name="list"/>
</q-item-section>
<q-item-section>
<q-item-label>Rangliste</q-item-label>
<q-item-label>Top 10 Rangliste</q-item-label>
</q-item-section>
</q-item>
<q-item
@ -164,16 +164,16 @@
</q-item>
<q-item
disable
class="text-grey-5"
>
<q-item-section avatar>
</q-item-section>
<q-item-section>
<q-item-label>dev: {{ clickCounter }} clicks</q-item-label>
</q-item-section>
</q-item>
<!-- <q-item-->
<!-- disable-->
<!-- class="text-grey-5"-->
<!-- >-->
<!-- <q-item-section avatar>-->
<!-- </q-item-section>-->
<!-- <q-item-section>-->
<!-- <q-item-label>dev: {{ clickCounter }} clicks</q-item-label>-->
<!-- </q-item-section>-->
<!-- </q-item>-->
</q-list>

9
frontend/src/pages/Cache.vue
View File

@ -30,7 +30,7 @@
max-height="50vh"
/>
<p class="text-h6">Stationen</p>
<q-list bordered separator class="rounded-borders">
<q-list bordered separator class="rounded-borders" v-if="computedCache.stationen.length > 0">
<q-item v-for="(station, index) in computedCache.stationen" :key="index">
<q-item-section avatar>
@ -44,10 +44,10 @@
<span class="text-grey-8">ID: {{ station.id ? station.id : "keine" }}</span>
</q-item-label>
<q-item-label lines="1" class="q-mt-xs text-body2">
<span class="cursor-pointer">{{ station.description }}</span>
<span class="cursor-pointer" v-html="station.description"></span>
</q-item-label>
<q-item-label caption lines="1">
Code: {{ station.code }}
Koordinaten: {{ station.lattitude }}, {{ station.longitude }}
</q-item-label>
</q-item-section>
@ -60,8 +60,9 @@
</q-item>
</q-list>
<p class=""><b>Hinweis:</b> Ein Cache muss mindestens aus zwei Stationen bestehen (inklusive der Endstation).</p>
<div class="row reverse">
<q-btn @click="addStation" unelevated color="primary" label="Station hinzufügen" icon-right="add"/>
<q-btn @click="addStation" class="full-width" unelevated color="primary" label="Station hinzufügen" icon-right="add"/>
</div>
<p class="text-h6">Endstation</p>
<q-card flat bordered class="rounded-borders">

3
frontend/src/pages/Register.vue
View File

@ -125,7 +125,7 @@
console.log(response.data);
if (response.status === 201) {
this.$store.commit('dialog/NEW_MESSAGE_DIALOG', {
message: "Deine Registrierung war erfolgreich!",
message: "Deine Registrierung war erfolgreich! Du bist jetzt eingeloggt.",
title: "Registrierungsprozess",
color: "blue"
});
@ -153,7 +153,6 @@
this.$store.commit('dialog/NEW_MESSAGE_DIALOG', {message: message, title: header});
});
} else {
if (this.user.email != this.user.checkemail) {
this.$store.commit('dialog/NEW_MESSAGE_DIALOG', {
message: "Email stimmt nicht überein",

4
frontend/src/pages/StationEdit.vue
View File

@ -50,8 +50,8 @@
latlang: "",
station: {
description: "Rätsel, Aufgabe und Informationen zur Station.",
lattitude: "0.000",
longitude: "0.000",
lattitude: 49.1474082,
longitude: 9.2065282,
solution: "",
code: ""
},

4
frontend/src/pages/StationEndEdit.vue
View File

@ -37,8 +37,8 @@
latlang: "",
station: {
description: "Beschreibung",
lattitude: "0.000",
longitude: "0.000",
lattitude: 49.1474082,
longitude: 9.2065282,
solution: "",
code: ""
},

2
frontend/src/pages/StationView.vue
View File

@ -21,7 +21,7 @@
import qrscanner from "../components/qrscanner";
export default {
name: "Station",
components: {qrscanner},
components: { qrscanner },
data() {
return {
cacheID: "",

52
frontend/src/pages/ranking.vue
View File

@ -86,26 +86,6 @@
console.log(response.data);
this.rankinglist = response.data;
}).catch((error) => {
// Error
let msg;
let title;
if (error.response) {
// The request was made and the server responded with a status code
title = "Problem with response!";
msg = error.response;
} else if (error.request) {
// The request was made but no response was received
title = "Problem with request!";
msg = "Error occured due to wrong server request!"
console.log(error.request);
} else {
// Something happened in setting up the request that triggered an Error
title = "Error";
msg = error.message;
console.log('Error', error.message);
}
console.log(error.config);
this.$store.commit('dialog/NEW_MESSAGE_DIALOG', { message: msg, title: title, });
})
},
fetchTeamRankinglist() {
@ -115,27 +95,19 @@
console.log(response.data);
this.teamRankinglist = response.data;
}).catch((error) => {
// Error
let msg;
let title;
if (error.response) {
// The request was made and the server responded with a status code
title = "Problem with response!";
msg = error.response;
} else if (error.request) {
// The request was made but no response was received
title = "Problem with request!";
msg = "Error occured due to wrong server request!"
console.log(error.request);
} else {
// Something happened in setting up the request that triggered an Error
title = "Error";
msg = error.message;
console.log('Error', error.message);
}
console.log(error.config);
this.$store.commit('dialog/NEW_MESSAGE_DIALOG', { message: msg, title: title, });
})
},
calculateRank() {
// TODO
// let rank = 0;
// let lastSum = null;
// const rankinglistCopy = this.rankinglist;
// for (let i = rankinglistCopy.length-1; i >= 0; i--) {
// if (lastSum === null || ranking.rankingPointsSum >= lastSum) {
// rank++;
// }
// lastSum = ranking.rankingPointsSum;
// }
}
}
}

4
frontend/src/store/cacheCollector/mutations.js
View File

@ -47,8 +47,8 @@ export const RESET_NEW_CACHE = (state) => {
};
state.endStation = {
description: "Endstation",
longitude: 0.000,
lattitude: 0.000,
lattitude: 49.1474082,
longitude: 9.2065282,
solution: "",
};

4
frontend/src/store/cacheCollector/state.js
View File

@ -12,8 +12,8 @@ export default {
tempStation: {},
endStation: {
description: "Endstation",
longitude: 0.000,
lattitude: 0.000,
lattitude: 49.1474082,
longitude: 9.2065282,
solution: "",
},
}