thepaperpilot
0afcd1cd3d
Oh man did this end up requiring a *ton* of other work as well. There's still a few typing issues I still can't quite work out, and others I'd like to improve when I have time. In fact, this version doesn't even really work, it has a stack overflow error caused by a tooltip for some reason have a tree inside it, which in turn has another tooltip, etc. There's also 17 errors that I *really* feel like shouldn't be there, but they are, and 113 warnings - mostly using ! to assert that things are non-null. Lots of work left to do, to sum up. The reason I'm committing this now is because I really need to get to work on my game jam, and since it won't use a tree or really many of TMT-X's features, I can get away with using a broken engine :)
76 lines
2.6 KiB
Vue
76 lines
2.6 KiB
Vue
<template>
|
|
<div class="resource-display" :class="{ empty }">
|
|
<div v-if="baseAmount != undefined && baseResource != undefined">
|
|
You have {{ baseAmount }} {{ baseResource }}
|
|
</div>
|
|
<div v-if="passiveGeneration != undefined">
|
|
You are gaining {{ passiveGeneration }} {{ resource }} per second
|
|
</div>
|
|
<spacer
|
|
v-if="
|
|
(baseAmount != undefined || passiveGeneration != undefined) &&
|
|
(best != undefined || total != undefined)
|
|
"
|
|
/>
|
|
<div v-if="best != undefined">Your best {{ resource }} is {{ best }}</div>
|
|
<div v-if="total != undefined">You have made a total of {{ total }} {{ resource }}</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { layers } from "@/game/layers";
|
|
import player from "@/game/player";
|
|
import { DecimalSource } from "@/lib/break_eternity";
|
|
import Decimal, { formatWhole } from "@/util/bignum";
|
|
import { InjectLayerMixin } from "@/util/vue";
|
|
import { defineComponent } from "vue";
|
|
|
|
export default defineComponent({
|
|
name: "resource-display",
|
|
mixins: [InjectLayerMixin],
|
|
computed: {
|
|
baseAmount(): string | null {
|
|
return layers[this.layer].baseAmount
|
|
? formatWhole(layers[this.layer].baseAmount!)
|
|
: null;
|
|
},
|
|
baseResource(): string | undefined {
|
|
return layers[this.layer].baseResource;
|
|
},
|
|
passiveGeneration(): string | null {
|
|
return layers[this.layer].passiveGeneration
|
|
? formatWhole(
|
|
Decimal.times(
|
|
layers[this.layer].resetGain,
|
|
layers[this.layer].passiveGeneration === true
|
|
? 1
|
|
: (layers[this.layer].passiveGeneration as DecimalSource)
|
|
)
|
|
)
|
|
: null;
|
|
},
|
|
resource(): string {
|
|
return layers[this.layer].resource;
|
|
},
|
|
best(): string | null {
|
|
return player.layers[this.layer].best
|
|
? formatWhole(player.layers[this.layer].best as Decimal)
|
|
: null;
|
|
},
|
|
total(): string | null {
|
|
return player.layers[this.layer].total
|
|
? formatWhole(player.layers[this.layer].total as Decimal)
|
|
: null;
|
|
},
|
|
empty(): boolean {
|
|
return !(this.baseAmount || this.passiveGeneration || this.best || this.total);
|
|
}
|
|
}
|
|
});
|
|
</script>
|
|
|
|
<style scoped>
|
|
.resource-display:not(.empty) {
|
|
margin: 10px;
|
|
}
|
|
</style>
|