Display/hide high score on levels
This commit is contained in:
11
src/App.vue
11
src/App.vue
@@ -74,6 +74,8 @@
|
||||
</v-row>
|
||||
</v-card-text>
|
||||
</v-card>
|
||||
<div v-if="currentLevel>0 && !hidehighscore" class="levelscore applyfont" style="font-size: 18px; position: absolute; bottom: 8px; right: 0px; ">
|
||||
High Score: {{ highscore }} by {{ highscorer }}</div>
|
||||
</div>
|
||||
<v-row dense>
|
||||
<v-col :cols="10">
|
||||
@@ -84,7 +86,8 @@
|
||||
<v-btn x-small dense @click="nexttask">Next Task</v-btn>
|
||||
<v-btn v-if="currentLevel<(slides.length -1)" x-small @click="nextlevel">Next Level</v-btn>
|
||||
</v-col><v-col :cols="2">
|
||||
<v-checkbox x-dense v-model="autonext" label="Auto-next task"></v-checkbox>
|
||||
<v-checkbox x-small dense v-model="autonext" label="Auto-next task"></v-checkbox>
|
||||
<v-checkbox dense x-small v-model="hidehighscore" label="Hide high score"></v-checkbox>
|
||||
</v-col>
|
||||
</v-row>
|
||||
<v-row dense>
|
||||
@@ -95,9 +98,10 @@
|
||||
style="text-shadow: 0"
|
||||
dense
|
||||
v-model="highscorer"
|
||||
label="High Score name"
|
||||
label="Top Name"
|
||||
placeholder="High Score Name"
|
||||
></v-text-field>
|
||||
|
||||
</v-col><v-col :cols="2">
|
||||
<v-text-field dense v-model="highscore" label="High Score" placeholder="High Score"></v-text-field>
|
||||
</v-col><v-col :cols="2">
|
||||
@@ -107,7 +111,7 @@
|
||||
label="Bonus Points"
|
||||
placeholder="Bonus Points" />
|
||||
</v-col><v-col :cols="2">
|
||||
<v-btn @click="givebonuspoints">Give bonus</v-btn>
|
||||
<v-btn x-small @click="givebonuspoints">Give bonus</v-btn>
|
||||
</v-col>
|
||||
</v-row>
|
||||
<v-row dense>
|
||||
@@ -284,6 +288,7 @@ export default {
|
||||
sort: "alphabetical",
|
||||
limit: 200,
|
||||
},
|
||||
hidehighscore: false,
|
||||
fontFamily: "Roboto",
|
||||
|
||||
overlayimages: [
|
||||
|
||||
Reference in New Issue
Block a user