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

Started to add v-if to "jumpto" buttons & add if statements
This commit is contained in:
2021-03-02 10:37:19 -07:00
parent f19545f0c8
commit d05b8062c3

View File

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