john
/
timekeeper
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

lint: format

This commit is contained in:
pskfyi 2022-01-05 11:19:51 -08:00 committed by pskfyi
parent 2b4ab9c6ea
commit 977a598e42
4 changed files with 84 additions and 73 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
components/InfinityTester.vue
View File

@ -7,7 +7,6 @@
</template>
<script>
// import Decimal from "break_infinity.js";
export default {
@ -21,15 +20,14 @@ export default {
methods: {
add() {
// eslint-disable-next-line no-console
console.log("!")
this.bigvalue = 0;
console.log('!')
this.bigvalue = 0
},
stepup() {
this.addIncrement += 100;
}
}
this.addIncrement += 100
},
},
}
</script>

10
components/JohnHacks.vue
View File

@ -4,7 +4,9 @@
<button @click="button_clicky()">Click Me</button>
<div>clicks = {{ clicks }}</div>
<ul>
<li v-for="value in testvalues.slice(0, clicks)" :key="value">{{value}}</li>
<li v-for="value in testvalues.slice(0, clicks)" :key="value">
{{ value }}
</li>
</ul>
</div>
</template>
@ -22,10 +24,10 @@ export default {
methods: {
button_clicky() {
// eslint-disable-next-line no-console
console.log("!")
console.log('!')
this.clicks += 1
}
}
},
},
}
</script>

54
components/TabNav.vue
View File

@ -1,13 +1,29 @@
<template>
<div class="bg-white grid place-content-center border-2 w-3/4 mx-auto">
<nav class="flex flex-col sm:flex-row">
<button id="tab1" class="text-gray-600 py-4 px-6 block hover:text-blue-500 focus:outline-none text-blue-500 border-b-2 font-medium border-blue-500" @click="tabclicked(1)">
Tab 1
</button><button id="tab2" class="text-gray-600 py-4 px-6 block hover:text-blue-500 focus:outline-none" @click="tabclicked(2)">
Tab 2
</button><button id="tab3" class="text-gray-600 py-4 px-6 block hover:text-blue-500 focus:outline-none" @click="tabclicked(3)">
Tab 3
</button><button id="tab4" class="text-gray-600 py-4 px-6 block hover:text-blue-500 focus:outline-none" @click="tabclicked(4)">
<button
id="tab1"
class="text-gray-600 py-4 px-6 block hover:text-blue-500 focus:outline-none text-blue-500 border-b-2 font-medium border-blue-500"
@click="tabclicked(1)"
>
Tab 1</button
><button
id="tab2"
class="text-gray-600 py-4 px-6 block hover:text-blue-500 focus:outline-none"
@click="tabclicked(2)"
>
Tab 2</button
><button
id="tab3"
class="text-gray-600 py-4 px-6 block hover:text-blue-500 focus:outline-none"
@click="tabclicked(3)"
>
Tab 3</button
><button
id="tab4"
class="text-gray-600 py-4 px-6 block hover:text-blue-500 focus:outline-none"
@click="tabclicked(4)"
>
Tab 4
</button>
</nav>
@ -27,23 +43,24 @@ export default {
},
methods: {
tabclicked(tabnumber) {
const tabSelected = "text-gray-600 py-4 px-6 block hover:text-blue-500 focus:outline-none text-blue-500 border-b-2 font-medium border-blue-500"
const tabDeselected = "text-gray-600 py-4 px-6 block hover:text-blue-500 focus:outline-none"
console.log("clicked " + tabnumber)
const tabSelected =
'text-gray-600 py-4 px-6 block hover:text-blue-500 focus:outline-none text-blue-500 border-b-2 font-medium border-blue-500'
const tabDeselected =
'text-gray-600 py-4 px-6 block hover:text-blue-500 focus:outline-none'
console.log('clicked ' + tabnumber)
for (let i = 1; i <= 4; i++) {
const tabE = document.getElementById("tab" + i)
const viewE = document.getElementById("tabcontents" + i)
const tabE = document.getElementById('tab' + i)
const viewE = document.getElementById('tabcontents' + i)
if (i === tabnumber) {
tabE.className = tabSelected
viewE.className = "tabshown"
}
else {
viewE.className = 'tabshown'
} else {
tabE.className = tabDeselected
viewE.className = "tabhidden"
}
}
viewE.className = 'tabhidden'
}
}
},
},
}
</script>
@ -56,4 +73,3 @@ export default {
display: none;
}
</style>

11
pages/index.vue
View File

@ -1,12 +1,8 @@
<template>
<div class="gridcontainer container mx-auto bg-red-500">
<header>
I'm a header. Check this box
</header>
<header>I'm a header. Check this box</header>
<TabNav />
<footer>
This is a game jam game.
</footer>
<footer>This is a game jam game.</footer>
</div>
</template>
@ -18,7 +14,7 @@ export default {
<style scoped>
.gridcontainer {
display: grid | inline-grid;
display: grid;
}
header {
@ -32,5 +28,4 @@ header {
footer {
grid-row: 3;
}
</style>