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-row>
|
||||||
</v-card-text>
|
</v-card-text>
|
||||||
</v-card>
|
</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>
|
</div>
|
||||||
<v-row dense>
|
<v-row dense>
|
||||||
<v-col :cols="10">
|
<v-col :cols="10">
|
||||||
@@ -84,7 +86,8 @@
|
|||||||
<v-btn x-small dense @click="nexttask">Next Task</v-btn>
|
<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-btn v-if="currentLevel<(slides.length -1)" x-small @click="nextlevel">Next Level</v-btn>
|
||||||
</v-col><v-col :cols="2">
|
</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-col>
|
||||||
</v-row>
|
</v-row>
|
||||||
<v-row dense>
|
<v-row dense>
|
||||||
@@ -95,9 +98,10 @@
|
|||||||
style="text-shadow: 0"
|
style="text-shadow: 0"
|
||||||
dense
|
dense
|
||||||
v-model="highscorer"
|
v-model="highscorer"
|
||||||
label="High Score name"
|
label="Top Name"
|
||||||
placeholder="High Score Name"
|
placeholder="High Score Name"
|
||||||
></v-text-field>
|
></v-text-field>
|
||||||
|
|
||||||
</v-col><v-col :cols="2">
|
</v-col><v-col :cols="2">
|
||||||
<v-text-field dense v-model="highscore" label="High Score" placeholder="High Score"></v-text-field>
|
<v-text-field dense v-model="highscore" label="High Score" placeholder="High Score"></v-text-field>
|
||||||
</v-col><v-col :cols="2">
|
</v-col><v-col :cols="2">
|
||||||
@@ -107,7 +111,7 @@
|
|||||||
label="Bonus Points"
|
label="Bonus Points"
|
||||||
placeholder="Bonus Points" />
|
placeholder="Bonus Points" />
|
||||||
</v-col><v-col :cols="2">
|
</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-col>
|
||||||
</v-row>
|
</v-row>
|
||||||
<v-row dense>
|
<v-row dense>
|
||||||
@@ -284,6 +288,7 @@ export default {
|
|||||||
sort: "alphabetical",
|
sort: "alphabetical",
|
||||||
limit: 200,
|
limit: 200,
|
||||||
},
|
},
|
||||||
|
hidehighscore: false,
|
||||||
fontFamily: "Roboto",
|
fontFamily: "Roboto",
|
||||||
|
|
||||||
overlayimages: [
|
overlayimages: [
|
||||||
|
|||||||
Reference in New Issue
Block a user