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,
}); });

32
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,30 +215,39 @@ 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));
// console.log(encoded);
// 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
const saved_selected_shikigami_names = JSON.parse( const saved_selected_shikigami_names = JSON.parse(
atob(this.$route.query.selected_shikigami_names) atob(this.$route.query.selected_shikigami_names)
); );
console.log(saved_selected_shikigami_names);
if (typeof saved_selected_shikigami_names != "object") {
this.selected_shikigami_names = [];
} else {
this.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 = [];
}
if (this.$route.query.selected_shikigami_decks) {
const saved_selected_shikigami_decks = JSON.parse( const saved_selected_shikigami_decks = JSON.parse(
atob(this.$route.query.selected_shikigami_decks) atob(this.$route.query.selected_shikigami_decks)
); );
console.log(saved_selected_shikigami_decks);
if (typeof saved_selected_shikigami_decks != "object") {
this.selected_shikigami_decks = [];
} else {
this.selected_shikigami_decks = []; this.selected_shikigami_decks = [];
for (let i = 0; i < saved_selected_shikigami_decks.length; i++) { for (let i = 0; i < saved_selected_shikigami_decks.length; i++) {
this.selected_shikigami_decks.push(saved_selected_shikigami_decks[i]); this.selected_shikigami_decks.push(saved_selected_shikigami_decks[i]);
} }
}
} else {
this.selected_shikigami_decks = [];
}
}, },
watch: { watch: {
selected_shikigami_names: function () { selected_shikigami_names: function () {