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:
105
src/App.vue
105
src/App.vue
@@ -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" },
|
||||
|
||||
Reference in New Issue
Block a user