chore: cleanup unused code
This commit is contained in:
pskfyi
pskfyi
parent
29d2120184
commit
f0fb7a5981
|
|
@ -1,29 +1,18 @@
|
|||
<template>
|
||||
<nuxt-link
|
||||
class="tab flex-grow text-center text-2xl font-semibold py-1 cursor-pointer rounded-tl-lg rounded-tr-lg"
|
||||
:class="[colorClasses, index < 5 && 'mr-px', active && 'active']"
|
||||
class="text-center text-2xl py-1 cursor-pointer rounded-t-lg"
|
||||
:class="[colorClasses, { active }]"
|
||||
:to="tabData.route"
|
||||
>
|
||||
<template v-if="!tabData.locked">
|
||||
<span :class="tabData.label" />
|
||||
</template>
|
||||
<template v-if="tabData.locked">
|
||||
<span class="fas fa-lock" />
|
||||
</template>
|
||||
<span v-if="!tabData.locked" :class="tabData.label" />
|
||||
<span v-else class="fas fa-lock" />
|
||||
</nuxt-link>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
index: {
|
||||
type: Number,
|
||||
required: true,
|
||||
},
|
||||
tabData: {
|
||||
type: Object,
|
||||
required: true,
|
||||
},
|
||||
tabData: { type: Object, required: true },
|
||||
},
|
||||
computed: {
|
||||
active() {
|
||||
|
|
|
|||
|
|
@ -1,65 +0,0 @@
|
|||
<template>
|
||||
<div>
|
||||
<button @click="add">add {{ addIncrement }}</button>
|
||||
<button @click="stepup">{{ mulIncrement }}x addition per step</button>
|
||||
<button @click="jumpup">10x more multiplication per step</button>
|
||||
<button @click="toggletimer">Tick automatically</button>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Decimal from 'break_infinity.js'
|
||||
|
||||
export default {
|
||||
name: 'InfinityTester',
|
||||
data() {
|
||||
return {
|
||||
addIncrement: new Decimal(100),
|
||||
mulIncrement: new Decimal(10),
|
||||
bigValue: new Decimal(0),
|
||||
timerRunning: false,
|
||||
}
|
||||
},
|
||||
beforeMount() {
|
||||
window.setInterval(() => {
|
||||
this.gametick()
|
||||
}, 250)
|
||||
},
|
||||
methods: {
|
||||
add() {
|
||||
// this.bigValue = Decimal.add(this.bigValue, this.addIncrement);
|
||||
this.$store.commit('incremental/add', {
|
||||
key: 'energy',
|
||||
value: this.addIncrement,
|
||||
})
|
||||
},
|
||||
|
||||
stepup() {
|
||||
this.addIncrement = Decimal.mul(this.addIncrement, this.mulIncrement)
|
||||
},
|
||||
|
||||
jumpup() {
|
||||
this.mulIncrement = Decimal.mul(this.mulIncrement, 10.0)
|
||||
},
|
||||
|
||||
gametick() {
|
||||
if (this.timerRunning) {
|
||||
this.$store.commit('incremental/add', {
|
||||
key: 'energy',
|
||||
value: this.addIncrement,
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
toggletimer() {
|
||||
this.timerRunning = !this.timerRunning
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
button {
|
||||
background-color: #42b983;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,50 +0,0 @@
|
|||
<template>
|
||||
<div class="hello">
|
||||
<h1>{{ msg }}</h1>
|
||||
<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>
|
||||
</ul>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'JohnHacks',
|
||||
data() {
|
||||
return {
|
||||
msg: 'John copies files and makes a mess',
|
||||
testvalues: [1, 1, 2, 3, 5, 8, 13, 21],
|
||||
clicks: 0,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
button_clicky() {
|
||||
// eslint-disable-next-line no-console
|
||||
console.log('!')
|
||||
this.clicks += 1
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<!-- Add "scoped" attribute to limit CSS to this component only
|
||||
<style scoped>
|
||||
h1, h2 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ul {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
}
|
||||
li {
|
||||
display: inline-block;
|
||||
margin: 0 10px;
|
||||
}
|
||||
a {
|
||||
color: #42b983;
|
||||
}
|
||||
</style>-->
|
||||
|
|
@ -1,86 +0,0 @@
|
|||
<template>
|
||||
<div class="bg-white grid place-content-center border-2 w-3/4 mx-auto">
|
||||
<div>Energy: {{ $store.state.incremental.currency.energy }}</div>
|
||||
<div>Time: {{ timecurrency }}</div>
|
||||
<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)"
|
||||
>
|
||||
Tab 4
|
||||
</button>
|
||||
</nav>
|
||||
|
||||
<JohnHacks id="tabcontents1" class="tabshown" />
|
||||
<InfinityTester id="tabcontents2" class="tabhidden" />
|
||||
<JohnHacks id="tabcontents3" class="tabhidden" />
|
||||
<JohnHacks id="tabcontents4" class="tabhidden" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Decimal from 'break_infinity.js'
|
||||
|
||||
export default {
|
||||
name: 'TabNav',
|
||||
data() {
|
||||
return {
|
||||
energycurrency: new Decimal(0),
|
||||
timecurrency: new Decimal(0),
|
||||
}
|
||||
},
|
||||
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)
|
||||
for (let i = 1; i <= 4; i++) {
|
||||
const tabE = document.getElementById('tab' + i)
|
||||
const viewE = document.getElementById('tabcontents' + i)
|
||||
if (i === tabnumber) {
|
||||
tabE.className = tabSelected
|
||||
viewE.className = 'tabshown'
|
||||
} else {
|
||||
tabE.className = tabDeselected
|
||||
viewE.className = 'tabhidden'
|
||||
}
|
||||
}
|
||||
},
|
||||
increaseCurrency(energy, time) {
|
||||
this.energycurrency = Decimal.add(this.energycurrency, energy)
|
||||
this.timecurrency = Decimal.add(this.timecurrency, time)
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.tabshown {
|
||||
display: show;
|
||||
}
|
||||
|
||||
.tabhidden {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,9 +1,3 @@
|
|||
<template>
|
||||
<div>Tab 4 content</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {}
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,3 @@
|
|||
<template>
|
||||
<div>Tab 5 content</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {}
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||
|
|
|
|||
Reference in New Issue