This repository has been archived on 2024-03-13. You can view files and clone it, but cannot push or open issues or pull requests.
timekeeper/pages/Missions.vue

110 lines
3.6 KiB
Vue
Raw Normal View History

2022-01-08 03:46:33 +00:00
<template>
2022-01-15 08:56:54 +00:00
<div class="missions pb-20">
2022-01-13 21:02:43 +00:00
<responsive-grid v-if="incomplete.length">
<mission-button
v-for="(mission, index) in incomplete"
:key="index"
:mission="mission"
@click="complete(mission)"
/>
</responsive-grid>
2022-01-13 21:02:43 +00:00
<div v-else>
<h3 class="text-center">No Missions Currently Available</h3>
</div>
<template v-if="completed.length">
2022-01-14 03:30:59 +00:00
<h2 class="pb-2 pt-8 md:pb-4 font-semibold text-center text-xl">
2022-01-13 21:02:43 +00:00
Completed Missions
</h2>
<responsive-grid min="1" mid="3" max="6">
<completed-mission
v-for="(mission, index) in completed"
:key="index"
:mission="mission"
/>
</responsive-grid>
</template>
</div>
2022-01-08 03:46:33 +00:00
</template>
<script>
export default {
computed: {
unlocked() {
return this.$store.state.missions.filter(({ unlockCriteria }) => {
if (unlockCriteria.unit === 'instruments') {
return unlockCriteria.value <= this.$store.getters.instruments
} else if (unlockCriteria.unit === 'apprenticeLevels') {
return unlockCriteria.value <= this.$store.getters.apprenticeLevels
} else if (unlockCriteria.unit === 'missionsCompleted') {
return unlockCriteria.value.every((name) =>
this.$store.getters.missionIsCompleted(name)
)
2022-01-14 05:38:19 +00:00
} else if (unlockCriteria.unit === 'eraVisited') {
return this.$store.state.processes.find(
(p) => p.unlockEra === unlockCriteria.value
).visited
} else if (unlockCriteria.unit === 'timeJumpsBackwards') {
return unlockCriteria.value <= this.$store.state.timeJumpsBackwards
} else {
return false
}
})
},
incomplete() {
return this.unlocked.filter((m) => !m.complete)
},
completed() {
return this.unlocked.filter((m) => m.complete)
},
},
methods: {
complete(mission) {
this.$store.commit('completeMission', mission.name)
if (mission.completionCriteria.unit === 'spareTime') {
this.$store.commit('spendCurrency', mission.completionCriteria.value)
}
if (mission.name === 'Study Time Magic') {
this.$store.commit('unlockTab', 'Time Magic')
}
if (mission.name === 'Create the Time Machine') {
this.$store.commit('unlockTab', 'Time Machine')
}
if (
mission.name === 'Time to Cheat Death' ||
mission.name === 'Cheat Death... Again'
) {
this.$store.commit('unlockTab', 'Wisdom')
// this.$store.commit('setPlayerAge', { year: 30 })
// this.$store.commit('timeTravel', { year: 1400, era: 'Early Modern' })
// this.$store.commit('tickLifetime')
// this.$store.commit('spendCurrency', this.$store.state.currency)
this.$store.commit('doPrestige')
this.$store.commit('startGame')
2022-01-15 08:56:54 +00:00
const message = this.$store.getters.missionIsCompleted(
'Time Travel Precision'
)
? 'Having increased the precision of the time machine, you were able to bring your wisdom ' +
'to yourself as a child and get an earlier start on this next shot at life. You are now ' +
'in the year 1372, a young person with a full life ahead of yourself to explore the depths of time.'
: 'You are young-ish once again and back in the year 1400 with all your wisdom intact.' +
'<br><br>' +
'Continue to explore the eras and unlock the secrets of time.'
this.$store.commit('openModal', message)
}
2022-01-14 05:38:19 +00:00
if (mission.name === 'Live Forever') {
this.$store.commit('unlockPhilosophersStone')
}
},
},
}
</script>