Basic generation page
This commit is contained in:
@@ -91,7 +91,7 @@ export default defineComponent({
|
|||||||
.catch(error => {
|
.catch(error => {
|
||||||
if (error.response.status == 409) {
|
if (error.response.status == 409) {
|
||||||
// still generating, try again
|
// still generating, try again
|
||||||
setInterval(2000, this.fetchSeed.bind(this));
|
setTimeout(this.fetchSeed.bind(this), 2000);
|
||||||
} else {
|
} else {
|
||||||
this.error = "Seed not found. :(";
|
this.error = "Seed not found. :(";
|
||||||
}
|
}
|
||||||
|
|||||||
43
src/components/SettingPicker.vue
Normal file
43
src/components/SettingPicker.vue
Normal file
@@ -0,0 +1,43 @@
|
|||||||
|
<script>
|
||||||
|
import { defineComponent } from 'vue';
|
||||||
|
|
||||||
|
import localforage from "localforage";
|
||||||
|
|
||||||
|
export default defineComponent({
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
selected: null,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
emits: [
|
||||||
|
'update:modelValue'
|
||||||
|
],
|
||||||
|
props: {
|
||||||
|
modelValue: null,
|
||||||
|
name: null,
|
||||||
|
settings: {},
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.selected = this.settings.default;
|
||||||
|
this.change();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
change() {
|
||||||
|
this.$emit("update:modelValue", this.selected);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<b>{{ settings.display ?? name }}:</b>
|
||||||
|
<div class="nav nav-pills nav-fill mt-1 mb-1">
|
||||||
|
<template v-for="value of Object.keys(settings.values)">
|
||||||
|
<input type="radio" class="btn-check" :name="name" :id="`${name}_${value}`"
|
||||||
|
autocomplete="off" :value="value" v-model="selected" @change="change" />
|
||||||
|
<label class="btn btn-outline-primary nav-item m-1" :for="`${name}_${value}`">
|
||||||
|
{{ settings.values[value].display }}
|
||||||
|
</label>
|
||||||
|
</template>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
232
src/data/settings.yaml
Normal file
232
src/data/settings.yaml
Normal file
@@ -0,0 +1,232 @@
|
|||||||
|
base:
|
||||||
|
race:
|
||||||
|
default: normal
|
||||||
|
values:
|
||||||
|
normal:
|
||||||
|
display: Normal
|
||||||
|
race:
|
||||||
|
display: Race
|
||||||
|
mode:
|
||||||
|
display: Mode
|
||||||
|
default: open
|
||||||
|
values:
|
||||||
|
open:
|
||||||
|
display: Open
|
||||||
|
standard:
|
||||||
|
display: Standard
|
||||||
|
inverted:
|
||||||
|
display: Inverted
|
||||||
|
weapons:
|
||||||
|
display: Weapons
|
||||||
|
default: random
|
||||||
|
values:
|
||||||
|
random:
|
||||||
|
display: Random
|
||||||
|
assured:
|
||||||
|
display: Assured
|
||||||
|
vanilla:
|
||||||
|
display: Vanilla
|
||||||
|
swordless:
|
||||||
|
display: Swordless
|
||||||
|
goal:
|
||||||
|
display: Goal
|
||||||
|
default: ganon
|
||||||
|
values:
|
||||||
|
ganon:
|
||||||
|
display: Ganon
|
||||||
|
fast_ganon:
|
||||||
|
display: Fast Ganon
|
||||||
|
all_dungeons:
|
||||||
|
display: All Dungeons
|
||||||
|
pedestal:
|
||||||
|
display: Pedestal
|
||||||
|
triforce_hunt:
|
||||||
|
display: Triforce Hunt
|
||||||
|
ganon_hunt:
|
||||||
|
display: Ganon Hunt
|
||||||
|
completionist:
|
||||||
|
display: Completionist
|
||||||
|
crystals_ganon:
|
||||||
|
display: Crystals for Ganon
|
||||||
|
default: 7
|
||||||
|
values:
|
||||||
|
7:
|
||||||
|
display: 7
|
||||||
|
6:
|
||||||
|
display: 6
|
||||||
|
5:
|
||||||
|
display: 5
|
||||||
|
4:
|
||||||
|
display: 4
|
||||||
|
3:
|
||||||
|
display: 3
|
||||||
|
2:
|
||||||
|
display: 2
|
||||||
|
1:
|
||||||
|
display: 1
|
||||||
|
0:
|
||||||
|
display: 0
|
||||||
|
random:
|
||||||
|
display: Random
|
||||||
|
crystals_gt:
|
||||||
|
display: Crystals for GT
|
||||||
|
default: 7
|
||||||
|
values:
|
||||||
|
7:
|
||||||
|
display: 7
|
||||||
|
6:
|
||||||
|
display: 6
|
||||||
|
5:
|
||||||
|
display: 5
|
||||||
|
4:
|
||||||
|
display: 4
|
||||||
|
3:
|
||||||
|
display: 3
|
||||||
|
2:
|
||||||
|
display: 2
|
||||||
|
1:
|
||||||
|
display: 1
|
||||||
|
0:
|
||||||
|
display: 0
|
||||||
|
random:
|
||||||
|
display: Random
|
||||||
|
entrance_shuffle:
|
||||||
|
display: Entrance Shuffle
|
||||||
|
default: vanilla
|
||||||
|
values:
|
||||||
|
vanilla:
|
||||||
|
display: None
|
||||||
|
full:
|
||||||
|
display: Full
|
||||||
|
crossed:
|
||||||
|
display: Crossed
|
||||||
|
swapped:
|
||||||
|
display: Swapped
|
||||||
|
decoupled:
|
||||||
|
display: Decoupled
|
||||||
|
skull_woods:
|
||||||
|
display: Skull Woods Entrances
|
||||||
|
default: original
|
||||||
|
values:
|
||||||
|
original:
|
||||||
|
display: Original
|
||||||
|
restricted:
|
||||||
|
display: Restricted
|
||||||
|
loose:
|
||||||
|
display: Loose
|
||||||
|
follow_linked:
|
||||||
|
display: Follow Linked
|
||||||
|
linked_drops:
|
||||||
|
display: Linked Drops
|
||||||
|
default: unset
|
||||||
|
values:
|
||||||
|
unset:
|
||||||
|
display: Unset
|
||||||
|
linked:
|
||||||
|
display: Linked
|
||||||
|
independent:
|
||||||
|
display: Independent
|
||||||
|
boss_shuffle:
|
||||||
|
values:
|
||||||
|
vanilla:
|
||||||
|
display: None
|
||||||
|
simple:
|
||||||
|
display: Simple
|
||||||
|
full:
|
||||||
|
display: Full
|
||||||
|
random:
|
||||||
|
display: Random
|
||||||
|
prize_unique:
|
||||||
|
display: Prize Unique
|
||||||
|
enemy_shuffle:
|
||||||
|
values:
|
||||||
|
vanilla:
|
||||||
|
display: None
|
||||||
|
shuffled:
|
||||||
|
display: Shuffled
|
||||||
|
small_keys:
|
||||||
|
values:
|
||||||
|
dungeon:
|
||||||
|
display: In Dungeon
|
||||||
|
wild:
|
||||||
|
display: Wild
|
||||||
|
nearby:
|
||||||
|
display: Nearby
|
||||||
|
universal:
|
||||||
|
display: Universal
|
||||||
|
big_keys:
|
||||||
|
values:
|
||||||
|
dungeon:
|
||||||
|
display: In Dungeon
|
||||||
|
wild:
|
||||||
|
display: Wild
|
||||||
|
nearby:
|
||||||
|
display: Nearby
|
||||||
|
maps:
|
||||||
|
values:
|
||||||
|
dungeon:
|
||||||
|
display: In Dungeon
|
||||||
|
wild:
|
||||||
|
display: Wild
|
||||||
|
nearby:
|
||||||
|
display: Nearby
|
||||||
|
compasses:
|
||||||
|
values:
|
||||||
|
dungeon:
|
||||||
|
display: In Dungeon
|
||||||
|
wild:
|
||||||
|
display: Wild
|
||||||
|
nearby:
|
||||||
|
display: Nearby
|
||||||
|
shop_shuffle:
|
||||||
|
values:
|
||||||
|
vanilla:
|
||||||
|
display: None
|
||||||
|
shuffled:
|
||||||
|
display: Shuffled
|
||||||
|
drop_shuffle:
|
||||||
|
values:
|
||||||
|
vanilla:
|
||||||
|
display: None
|
||||||
|
keys:
|
||||||
|
display: Key Drops
|
||||||
|
underworld:
|
||||||
|
display: All Underworld Enemies
|
||||||
|
pottery:
|
||||||
|
values:
|
||||||
|
vanilla:
|
||||||
|
display: None
|
||||||
|
keys:
|
||||||
|
display: Keys
|
||||||
|
cave:
|
||||||
|
display: Caves
|
||||||
|
cave_keys:
|
||||||
|
display: Caves & Keys
|
||||||
|
reduced:
|
||||||
|
display: Reduced
|
||||||
|
clustered:
|
||||||
|
display: Clustered
|
||||||
|
non_empty:
|
||||||
|
display: Non-Empty
|
||||||
|
dungeon:
|
||||||
|
display: Dungeon
|
||||||
|
lottery:
|
||||||
|
display: Lottery
|
||||||
|
prize_shuffle:
|
||||||
|
values:
|
||||||
|
vanilla:
|
||||||
|
display: On Boss
|
||||||
|
dungeon:
|
||||||
|
display: In Dungeon
|
||||||
|
nearby:
|
||||||
|
display: Nearby
|
||||||
|
wild:
|
||||||
|
display: Wild
|
||||||
|
boots:
|
||||||
|
values:
|
||||||
|
normal:
|
||||||
|
display: No Starting Boots
|
||||||
|
pseudoboots:
|
||||||
|
display: Pseudoboots
|
||||||
|
starting:
|
||||||
|
display: Starting Boots
|
||||||
@@ -1,12 +1,18 @@
|
|||||||
import { createRouter, createWebHistory } from "vue-router";
|
import { createRouter, createWebHistory } from "vue-router";
|
||||||
import SeedView from "@/views/SeedView.vue";
|
import SeedView from "@/views/SeedView.vue";
|
||||||
|
import GenerateView from "@/views/GenerateView.vue";
|
||||||
|
|
||||||
const router = createRouter({
|
const router = createRouter({
|
||||||
history: createWebHistory(import.meta.env.BASE_URL),
|
history: createWebHistory(import.meta.env.BASE_URL),
|
||||||
routes: [
|
routes: [
|
||||||
|
{
|
||||||
|
path: '/generate',
|
||||||
|
name: 'generate',
|
||||||
|
component: GenerateView,
|
||||||
|
},
|
||||||
{
|
{
|
||||||
path: '/seed/:id',
|
path: '/seed/:id',
|
||||||
name: 'game',
|
name: 'seed',
|
||||||
component: SeedView,
|
component: SeedView,
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
|
|||||||
86
src/views/GenerateView.vue
Normal file
86
src/views/GenerateView.vue
Normal file
@@ -0,0 +1,86 @@
|
|||||||
|
<script>
|
||||||
|
import { defineComponent } from "vue";
|
||||||
|
|
||||||
|
import axios from "axios";
|
||||||
|
|
||||||
|
import settingsData from "@/data/settings.yaml";
|
||||||
|
import SettingPicker from "@/components/SettingPicker.vue";
|
||||||
|
|
||||||
|
export default defineComponent({
|
||||||
|
components: {
|
||||||
|
SettingPicker,
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
mode: null,
|
||||||
|
goal: null,
|
||||||
|
weapons: null,
|
||||||
|
crystals_ganon: null,
|
||||||
|
crystals_gt: null,
|
||||||
|
entrance_shuffle: null,
|
||||||
|
skull_woods: null,
|
||||||
|
linked_drops: null,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
settings() {
|
||||||
|
return settingsData.base;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
async generate(race) {
|
||||||
|
const settings = { race: race ? "race" : "normal" };
|
||||||
|
for (const setting of Object.keys(this.$data)) {
|
||||||
|
settings[setting] = this.$data[setting];
|
||||||
|
}
|
||||||
|
await axios.post("/generate", {settings: settings})
|
||||||
|
.then(response => {
|
||||||
|
const id = response.data;
|
||||||
|
this.$router.push(`/seed/${id}`);
|
||||||
|
})
|
||||||
|
.catch(error => {
|
||||||
|
console.log(error);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
},
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="card content-div m-3">
|
||||||
|
<div class="card-header">
|
||||||
|
Generate Seed
|
||||||
|
</div>
|
||||||
|
<ul class="list-group list-group-flush">
|
||||||
|
<li class="list-group-item">
|
||||||
|
<SettingPicker v-model="mode" name="mode" :settings="settings.mode" />
|
||||||
|
<SettingPicker v-model="weapons" name="weapons" :settings="settings.weapons" />
|
||||||
|
</li>
|
||||||
|
<li class="list-group-item">
|
||||||
|
<SettingPicker v-model="goal" name="goal" :settings="settings.goal" />
|
||||||
|
<SettingPicker v-if="['ganon', 'fast_ganon'].includes(this.goal)"
|
||||||
|
v-model="crystals_ganon" name="crystals_ganon" :settings="settings.crystals_ganon" />
|
||||||
|
<SettingPicker v-model="crystals_gt" name="crystals_gt" :settings="settings.crystals_gt" />
|
||||||
|
</li>
|
||||||
|
<li class="list-group-item">
|
||||||
|
<SettingPicker v-model="entrance_shuffle" name="entrance_shuffle" :settings="settings.entrance_shuffle" />
|
||||||
|
<SettingPicker v-if="this.entrance_shuffle != 'vanilla'"
|
||||||
|
v-model="skull_woods" name="skull_woods" :settings="settings.skull_woods" />
|
||||||
|
<SettingPicker v-if="this.entrance_shuffle != 'vanilla'"
|
||||||
|
v-model="linked_drops" name="linked_drops" :settings="settings.linked_drops" />
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div class="card-footer">
|
||||||
|
<div class="nav nav-pills nav-fill" role="group">
|
||||||
|
<button type="button" class="m-1 nav-item btn btn-outline-danger"
|
||||||
|
@click="generate(true);">
|
||||||
|
Generate Race ROM
|
||||||
|
</button>
|
||||||
|
<button type="button" class="m-1 nav-item btn btn-outline-primary"
|
||||||
|
@click="generate(false);">
|
||||||
|
Generate ROM
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
Reference in New Issue
Block a user