web-development/onmyoji-deck-builder
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

adding latest working query param parsing

Browse Source
This commit is contained in:
Daniel Tomlinson
2021-03-18 03:38:20 +00:00
parent 58015eeba4
commit 159f676164
2 changed files with 31 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/router/index.js
View File

@@ -30,6 +30,7 @@ const routes = [
]; ];
const router = new VueRouter({ const router = new VueRouter({
mode: 'history',
routes, routes,
}); });

52
src/views/DeckBuilder.vue
View File

@@ -60,8 +60,7 @@
<!-- selected_shikigami_names: {{ selected_shikigami_names }} <br /> --> <!-- selected_shikigami_names: {{ selected_shikigami_names }} <br /> -->
<!-- selected_shikigami_data: {{ selected_shikigami_data }} <br /> --> <!-- selected_shikigami_data: {{ selected_shikigami_data }} <br /> -->
<!-- selected_shikigami_decks: {{ selected_shikigami_decks }} --> <!-- selected_shikigami_decks: {{ selected_shikigami_decks }} -->
url: {{ construct_url() }} <v-textarea :value="construct_url()" color="teal"> </v-textarea>
<v-textarea v-model="url" color="teal"> </v-textarea>
</v-row> </v-row>
<v-row v-for="(_, index) in selected_shikigami_names" :key="index"> <v-row v-for="(_, index) in selected_shikigami_names" :key="index">
<v-card elevation="2" width="100%" class="pa-3" flat tile color="#070042"> <v-card elevation="2" width="100%" class="pa-3" flat tile color="#070042">
@@ -216,29 +215,38 @@ export default {
}, },
computed: {}, computed: {},
mounted() { mounted() {
// console.log(JSON.stringify(this.selected_shikigami_decks)); if (this.$route.query.selected_shikigami_names) {
// var encoded = btoa(JSON.stringify(this.selected_shikigami_decks)); const saved_selected_shikigami_names = JSON.parse(
// console.log(encoded); atob(this.$route.query.selected_shikigami_names)
// console.log(atob(encoded)); );
// console.log(this.$route.query.selected_shikigami_data);
// console.log(atob(this.$route.query.selected_shikigami_data))
// TODO: check the query param exists first before calling atob if (typeof saved_selected_shikigami_names != "object") {
const saved_selected_shikigami_names = JSON.parse( this.selected_shikigami_names = [];
atob(this.$route.query.selected_shikigami_names) } else {
); this.selected_shikigami_names = [];
console.log(saved_selected_shikigami_names); for (let i = 0; i < saved_selected_shikigami_names.length; i++) {
for (let i = 0; i < saved_selected_shikigami_names.length; i++) { this.selected_shikigami_names.push(saved_selected_shikigami_names[i]);
this.selected_shikigami_names.push(saved_selected_shikigami_names[i]); }
}
} else {
this.selected_shikigami_names = [];
} }
const saved_selected_shikigami_decks = JSON.parse( if (this.$route.query.selected_shikigami_decks) {
atob(this.$route.query.selected_shikigami_decks) const saved_selected_shikigami_decks = JSON.parse(
); atob(this.$route.query.selected_shikigami_decks)
console.log(saved_selected_shikigami_decks); );
this.selected_shikigami_decks = [];
for (let i = 0; i < saved_selected_shikigami_decks.length; i++) { if (typeof saved_selected_shikigami_decks != "object") {
this.selected_shikigami_decks.push(saved_selected_shikigami_decks[i]); this.selected_shikigami_decks = [];
} else {
this.selected_shikigami_decks = [];
for (let i = 0; i < saved_selected_shikigami_decks.length; i++) {
this.selected_shikigami_decks.push(saved_selected_shikigami_decks[i]);
}
}
} else {
this.selected_shikigami_decks = [];
} }
}, },
watch: { watch: {