You've already forked AstralRinth
Arthur
a58bc3dc21
* Clean impl of java installation ui improvements * Migrate composable to ts * Migrate to ButtonStyled, fix coloring * Fix lint * Fix clearing java path not refreshing state * fix: use Table component + install btn disabled state tooltip --------- Signed-off-by: Arthur <creeperkatze.dev@gmail.com> Signed-off-by: Arthur <contact@creeperkatze.dev> Co-authored-by: Creeperkatze <178587183+Creeperkatze@users.noreply.github.com> Co-authored-by: Calum H. <calum@modrinth.com> Co-authored-by: Calum H. (IMB11) <contact@cal.engineer>
83 lines
2.5 KiB
Vue
83 lines
2.5 KiB
Vue
<template>
|
|
<ModalWrapper ref="detectJavaModal" header="Select java version" :show-ad-on-close="false">
|
|
<div class="flex flex-col gap-4">
|
|
<Table :columns="javaInstallColumns" :data="chosenInstallOptions" row-key="path">
|
|
<template #cell-version="{ value }">
|
|
<span class="font-semibold text-primary">{{ value }}</span>
|
|
</template>
|
|
<template #cell-path="{ value }">
|
|
<span v-tooltip="value" class="block truncate font-mono text-xs">{{ value }}</span>
|
|
</template>
|
|
<template #cell-actions="{ row }">
|
|
<div class="flex items-center justify-end">
|
|
<ButtonStyled v-if="currentSelected.path === row.path">
|
|
<button class="!shadow-none" disabled><CheckIcon /> Selected</button>
|
|
</ButtonStyled>
|
|
<ButtonStyled v-else>
|
|
<button class="!shadow-none" @click="setJavaInstall(row)"><PlusIcon /> Select</button>
|
|
</ButtonStyled>
|
|
</div>
|
|
</template>
|
|
<template #empty-state>
|
|
<div class="p-4 text-secondary">No java installations found!</div>
|
|
</template>
|
|
</Table>
|
|
<div class="flex justify-end">
|
|
<ButtonStyled type="outlined">
|
|
<button
|
|
class="!shadow-none !border-surface-4 !border"
|
|
@click="$refs.detectJavaModal.hide()"
|
|
>
|
|
<XIcon />
|
|
Cancel
|
|
</button>
|
|
</ButtonStyled>
|
|
</div>
|
|
</div>
|
|
</ModalWrapper>
|
|
</template>
|
|
<script setup>
|
|
import { CheckIcon, PlusIcon, XIcon } from '@modrinth/assets'
|
|
import { ButtonStyled, injectNotificationManager, Table } from '@modrinth/ui'
|
|
import { ref } from 'vue'
|
|
|
|
import ModalWrapper from '@/components/ui/modal/ModalWrapper.vue'
|
|
import { trackEvent } from '@/helpers/analytics'
|
|
import { find_filtered_jres } from '@/helpers/jre.js'
|
|
|
|
const { handleError } = injectNotificationManager()
|
|
|
|
const chosenInstallOptions = ref([])
|
|
const detectJavaModal = ref(null)
|
|
const currentSelected = ref({})
|
|
const javaInstallColumns = [
|
|
{ key: 'version', label: 'Version', width: '9rem' },
|
|
{ key: 'path', label: 'Path' },
|
|
{ key: 'actions', label: 'Actions', align: 'right', width: '10rem' },
|
|
]
|
|
|
|
defineExpose({
|
|
show: async (version, currentSelectedJava) => {
|
|
chosenInstallOptions.value = await find_filtered_jres(version).catch(handleError)
|
|
|
|
currentSelected.value = currentSelectedJava
|
|
if (!currentSelected.value) {
|
|
currentSelected.value = { path: '', version: '' }
|
|
}
|
|
|
|
detectJavaModal.value.show()
|
|
},
|
|
})
|
|
|
|
const emit = defineEmits(['submit'])
|
|
|
|
function setJavaInstall(javaInstall) {
|
|
emit('submit', javaInstall)
|
|
detectJavaModal.value.hide()
|
|
trackEvent('JavaAutoDetect', {
|
|
path: javaInstall.path,
|
|
version: javaInstall.version,
|
|
})
|
|
}
|
|
</script>
|