You've already forked AstralRinth
forked from didirus/AstralRinth
* Add launcher_feature_version to Profile * Misc fixes - Add typing to theme and settings stuff - Push instance route on creation from installing a modpack - Fixed servers not reloading properly when first added * Make old instances scan the logs folder for joined servers on launcher startup * Create AttachedWorldData * Change AttachedWorldData interface * Rename WorldType::World to WorldType::Singleplayer * Implement world display status system * Fix Minecraft font * Fix set_world_display_status Tauri error * Add 'Play instance' option * Add option to disable worlds showing in Home * Fixes - Fix available server filter only showing if there are some available - Fixed server and singleplayer filters sometimes showing when there are only servers or singleplayer worlds - Fixed new worlds not being automatically added when detected - Rephrased Jump back into worlds option description * Fixed sometimes more than 6 items showing up in Jump back in * Fix servers.dat issue with instances you haven't played before * Fix too large of bulk requests being made, limit max to 800 #3430 * Add hiding from home page, add types to Mods.vue * Make recent worlds go into grid when display is huge * Fix lint * Remove redundant media query * Fix protocol version on home page, and home page being blocked by pinging servers * Clippy fix * More Clippy fixes * Fix Prettier lints * Undo `from_string` changes --------- Co-authored-by: Josiah Glosson <soujournme@gmail.com> Co-authored-by: Alejandro González <me@alegon.dev>
76 lines
2.0 KiB
Vue
76 lines
2.0 KiB
Vue
<script setup>
|
|
import { DownloadIcon, XIcon } from '@modrinth/assets'
|
|
import { Button } from '@modrinth/ui'
|
|
import { create_profile_and_install as pack_install } from '@/helpers/pack'
|
|
import { ref } from 'vue'
|
|
import { trackEvent } from '@/helpers/analytics'
|
|
import { handleError } from '@/store/state.js'
|
|
import ModalWrapper from '@/components/ui/modal/ModalWrapper.vue'
|
|
|
|
const versionId = ref()
|
|
const project = ref()
|
|
const confirmModal = ref(null)
|
|
const installing = ref(false)
|
|
|
|
const onInstall = ref(() => {})
|
|
const onCreateInstance = ref(() => {})
|
|
|
|
defineExpose({
|
|
show: (projectVal, versionIdVal, callback, createInstanceCallback) => {
|
|
project.value = projectVal
|
|
versionId.value = versionIdVal
|
|
installing.value = false
|
|
confirmModal.value.show()
|
|
|
|
onInstall.value = callback
|
|
onCreateInstance.value = createInstanceCallback
|
|
|
|
trackEvent('PackInstallStart')
|
|
},
|
|
})
|
|
|
|
async function install() {
|
|
installing.value = true
|
|
confirmModal.value.hide()
|
|
|
|
await pack_install(
|
|
project.value.id,
|
|
versionId.value,
|
|
project.value.title,
|
|
project.value.icon_url,
|
|
onCreateInstance.value,
|
|
).catch(handleError)
|
|
trackEvent('PackInstall', {
|
|
id: project.value.id,
|
|
version_id: versionId.value,
|
|
title: project.value.title,
|
|
source: 'ConfirmModal',
|
|
})
|
|
|
|
onInstall.value(versionId.value)
|
|
installing.value = false
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<ModalWrapper ref="confirmModal" header="Are you sure?" :on-hide="onInstall">
|
|
<div class="modal-body">
|
|
<p>You already have this modpack installed. Are you sure you want to install it again?</p>
|
|
<div class="input-group push-right">
|
|
<Button @click="() => $refs.confirmModal.hide()"><XIcon />Cancel</Button>
|
|
<Button color="primary" :disabled="installing" @click="install()"
|
|
><DownloadIcon /> {{ installing ? 'Installing' : 'Install' }}</Button
|
|
>
|
|
</div>
|
|
</div>
|
|
</ModalWrapper>
|
|
</template>
|
|
|
|
<style lang="scss" scoped>
|
|
.modal-body {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 1rem;
|
|
}
|
|
</style>
|