golemjager/thegame-basis-points
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Changed game selection from virtual scroller to single select combo-box

Browse Source 
Started to add v-if to "jumpto" buttons & add if statements
This commit is contained in:
golemjager
2021-03-02 10:37:19 -07:00
parent f19545f0c8
commit d05b8062c3
1 changed files with 39 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

105
src/App.vue
View File

@@ -125,7 +125,7 @@
</div> </div>
<v-row> <v-row>
<v-col cols="9"> <v-col cols="7">
<v-btn medium dense color="error" @click="reset">Reset</v-btn> <v-btn medium dense color="error" @click="reset">Reset</v-btn>
<v-btn <v-btn
style="margin-left: 50px;" style="margin-left: 50px;"
@@ -140,78 +140,45 @@
@click="nextlevel" @click="nextlevel"
>Next Level</v-btn >Next Level</v-btn
> >
<div id="gameselect"> </v-col>
<v-virtual-scroll height="480" width="350" item-height="32" :items="games"> <v-col :cols="3">
<template v-slot:default="{ item }"> <v-select
<v-list-item dense
:key="item.index" :items="games"
@click="gamejump(item.index)" v-model="game"
one-line label="Game"
dense item-text="gamename"
> item-value="index"
<v-list-item-action style="margin-right: 5px;"> @input="gamejump"
<v-btn v-if="item.index == currentgame" >
x-small </v-select>
depressed
color="error"
>
{{ item.index }}
</v-btn>
<v-btn v-else
x-small
depressed
color="teal"
>
{{ item.index }}
</v-btn>
</v-list-item-action>
<v-list-item-content>
<v-list-item-title v-if="item.index == currentgame" >
<v-btn
x-small
depressed
color="error"
>
{{ item.gamename }}
</v-btn>
</v-list-item-title>
<v-list-item-title v-else
style="margin-left: 0px;"
>
{{ item.gamename }}
</v-list-item-title>
</v-list-item-content>
</v-list-item>
<v-divider />
</template>
</v-virtual-scroll>
</div>
</v-col> </v-col>
</v-row> </v-row>
<v-row dense> <v-row dense>
<v-col :cols="12"> <v-col :cols="12">
<v-btn x-small rounded @click="jumptobra">Bra</v-btn> <v-btn v-if="currentgame == 0" x-small rounded @click="jumptobra">Bra</v-btn>
<v-btn x-small rounded @click="jumptotits">Tits</v-btn> <v-btn v-if="currentgame == 0" x-small rounded @click="jumptotits">Tits</v-btn>
<v-btn x-small rounded @click="jumptopanties">Panties</v-btn> <v-btn v-if="currentgame == 0" x-small rounded @click="jumptopanties">Panties</v-btn>
<v-btn x-small rounded @click="jumptoass">Show Ass</v-btn> <v-btn v-if="currentgame == 0" x-small rounded @click="jumptoass">Show Ass</v-btn>
<v-btn x-small rounded @click="jumptopussy">Show Pussy</v-btn> <v-btn v-if="currentgame == 0" x-small rounded @click="jumptopussy">Show Pussy</v-btn>
<v-btn x-small rounded @click="jumptosextoy">Get Toy</v-btn> <v-btn v-if="currentgame == 0" x-small rounded @click="jumptosextoy">Get Toy</v-btn>
</v-col> </v-col>
</v-row> </v-row>
<v-row dense> <v-row dense>
<v-col :cols="12"> <v-col :cols="12">
<v-btn x-small rounded color="primary" @click="jumptopantystuffing">Panty Stuffing</v-btn> <v-btn v-if="currentgame == 0" x-small rounded color="primary" @click="jumptopantystuffing">Panty Stuffing</v-btn>
<v-btn x-small rounded color="primary" @click="jumptoice">Ice Cubes</v-btn> <v-btn v-if="currentgame == 0" x-small rounded color="primary" @click="jumptoice">Ice Cubes</v-btn>
<v-btn x-small rounded color="primary" @click="jumptocable">Cable</v-btn> <v-btn v-if="currentgame == 0" x-small rounded color="primary" @click="jumptocable">Cable</v-btn>
<v-btn x-small rounded color="primary" @click="jumptocandle">Candle</v-btn> <v-btn v-if="currentgame == 0" x-small rounded color="primary" @click="jumptocandle">Candle</v-btn>
<v-btn x-small rounded color="primary" @click="jumptoskype">Skype/Snap</v-btn> <v-btn v-if="currentgame == 0" x-small rounded color="primary" @click="jumptoskype">Skype/Snap</v-btn>
<v-btn x-small rounded color="primary" @click="jumptowriting">Writing</v-btn> <v-btn v-if="currentgame == 0" x-small rounded color="primary" @click="jumptowriting">Writing</v-btn>
<v-btn x-small rounded color="primary" @click="jumptopens">Pens</v-btn> <v-btn v-if="currentgame == 0" x-small rounded color="primary" @click="jumptopens">Pens</v-btn>
<v-btn x-small rounded color="primary" @click="jumptoclamps">Clamps</v-btn> <v-btn v-if="currentgame == 0" x-small rounded color="primary" @click="jumptoclamps">Clamps</v-btn>
<v-btn x-small rounded color="primary" @click="jumptorope">Rope</v-btn> <v-btn v-if="currentgame == 0" x-small rounded color="primary" @click="jumptorope">Rope</v-btn>
<v-btn x-small rounded color="primary" @click="jumptoslaveposes">Slave Poses</v-btn> <v-btn v-if="currentgame == 0" x-small rounded color="primary" @click="jumptoslaveposes">Slave Poses</v-btn>
</v-col> </v-col>
</v-row> </v-row>
@@ -385,9 +352,9 @@ export default {
this.showoverlay = true; this.showoverlay = true;
setTimeout(this.stopoverlay, 2000); setTimeout(this.stopoverlay, 2000);
}, },
gamejump: function (i) { gamejump: function () {
this.ready = false; this.ready = false;
this.currentgame = i; this.currentgame = this.game;
this.ready = true; this.ready = true;
this.reset(); this.reset();
}, },
@@ -403,7 +370,12 @@ export default {
}, },
jumptotits: function () { jumptotits: function () {
this.ready = false; this.ready = false;
this.currentLevel = 14; if (this.currentgame == 0) {
this.currentLevel = 2;
}
else if (this.currentgame == 1) {
this.currentLevel = 1;
}
this.ready = true; this.ready = true;
}, },
jumptopanties: function () { jumptopanties: function () {
@@ -589,6 +561,7 @@ export default {
overlayimg: "", overlayimg: "",
bonuspoints: 100, bonuspoints: 100,
timer: {}, timer: {},
game: "",
countdownitems: [ countdownitems: [
{ text: "10", value: "10" }, { text: "10", value: "10" },
{ text: "20", value: "20" }, { text: "20", value: "20" },