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

10
components/JohnHacks.vue
View File

@ -4,7 +4,9 @@
<button @click="button_clicky()">Click Me</button> <button @click="button_clicky()">Click Me</button>
<div>clicks = {{ clicks }}</div> <div>clicks = {{ clicks }}</div>
<ul> <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> </ul>
</div> </div>
</template> </template>
@ -22,10 +24,10 @@ export default {
methods: { methods: {
button_clicky() { button_clicky() {
// eslint-disable-next-line no-console // eslint-disable-next-line no-console
console.log("!") console.log('!')
this.clicks += 1 this.clicks += 1
} },
} },
} }
</script> </script>

54
components/TabNav.vue
View File

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

11
pages/index.vue
View File

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