You've already forked AstralRinth
forked from didirus/AstralRinth
Truman Gao
83d53dafe7
* fix: tags in project settings to have icons and ordered correctly * fix copy in project list layout settings * fix tag item in header navigation * adjust ping ranges * add handle click tag * fix: dont show offline in project page for draft status * move tags above creators in app * preload server project page on load and optimize queries * add server project card to organization page * fix minecraft_java_server label * pnpm prepr * have user option in project create modal be circle * feat: implement better mobile project page view * disable summary line clamp for servers * fix: unlink instance doesnt update instance * increase icon upload size * small fix on button size * improve how server ping info loads * remove unnecessary pings for instance page * fix order of computing dependency diff * remove linked_project_id from world, use name+address to match for managed world instead * pnpm prepr * hide duplicate worlds with same domain name in worlds list * add install content warning for server instance * increase summary max width * add handling for server projects for bulk editing links * implement include user unlisted projects in published modpack select * pnpm prepr * filter to only user unlisted status * add bad link warnings * fix modpack tags appearing in server * cargo fmt
68 lines
2.1 KiB
Vue
68 lines
2.1 KiB
Vue
<template>
|
|
<ContentPageHeader disable-line-clamp>
|
|
<template #icon>
|
|
<Avatar :src="project.icon_url" :alt="project.title" size="108px" />
|
|
</template>
|
|
<template #title>
|
|
{{ project.title }}
|
|
</template>
|
|
<template #title-suffix>
|
|
<ProjectStatusBadge v-if="member || project.status !== 'approved'" :status="project.status" />
|
|
</template>
|
|
<template #summary>
|
|
{{ project.description }}
|
|
</template>
|
|
<template #stats>
|
|
<div class="flex items-center gap-3 gap-y-1 flex-wrap">
|
|
<ServerDetails
|
|
v-if="projectV3?.status !== 'draft'"
|
|
:online-players="playersOnline"
|
|
:status-online="statusOnline"
|
|
:recent-plays="javaServer?.verified_plays_2w ?? 0"
|
|
/>
|
|
<div v-if="project.categories.length > 0" class="hidden items-center gap-2 md:flex">
|
|
<div class="flex gap-2">
|
|
<TagItem
|
|
v-for="(category, index) in project.categories"
|
|
:key="index"
|
|
:action="() => router.push(`/discover/servers?sc=${category}`)"
|
|
>
|
|
<FormattedTag :tag="category" />
|
|
</TagItem>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<template #actions>
|
|
<slot name="actions" />
|
|
</template>
|
|
</ContentPageHeader>
|
|
</template>
|
|
<script setup lang="ts">
|
|
import type { Labrinth } from '@modrinth/api-client'
|
|
import type { Project } from '@modrinth/utils'
|
|
import { computed } from 'vue'
|
|
import { useRouter } from 'vue-router'
|
|
|
|
import Avatar from '../base/Avatar.vue'
|
|
import ContentPageHeader from '../base/ContentPageHeader.vue'
|
|
import FormattedTag from '../base/FormattedTag.vue'
|
|
import TagItem from '../base/TagItem.vue'
|
|
import ProjectStatusBadge from './ProjectStatusBadge.vue'
|
|
import ServerDetails from './server/ServerDetails.vue'
|
|
|
|
const router = useRouter()
|
|
|
|
const { project, projectV3, member } = defineProps<{
|
|
project: Project
|
|
projectV3: Labrinth.Projects.v3.Project | null
|
|
member?: boolean
|
|
ping?: number
|
|
}>()
|
|
|
|
const javaServer = computed(() => projectV3?.minecraft_java_server)
|
|
const javaServerPingData = computed(() => projectV3?.minecraft_java_server?.ping?.data)
|
|
const playersOnline = computed(() => javaServerPingData.value?.players_online ?? 0)
|
|
const statusOnline = computed(() => !!javaServerPingData.value)
|
|
</script>
|