|
|
|
|
@@ -23,6 +23,7 @@ const props = defineProps({
|
|
|
|
|
adminTierListTotal: { type: Number, required: true },
|
|
|
|
|
adminTierListStats: { type: Object, required: true },
|
|
|
|
|
openAdminTierListManageModal: { type: Function, required: true },
|
|
|
|
|
toggleAdminTierListFeatured: { type: Function, required: true },
|
|
|
|
|
moveAdminTierListPage: { type: Function, required: true },
|
|
|
|
|
})
|
|
|
|
|
</script>
|
|
|
|
|
@@ -128,6 +129,7 @@ const props = defineProps({
|
|
|
|
|
<div class="panel__title">전체 티어표 관리</div>
|
|
|
|
|
<div class="tierAdminHeaderStats">
|
|
|
|
|
<span class="pill">전체 {{ props.adminTierListStats.total || 0 }}개</span>
|
|
|
|
|
<span class="pill pill--accent">추천 {{ props.adminTierListStats.featuredCount || 0 }}개</span>
|
|
|
|
|
<span class="pill pill--soft">공개 {{ props.adminTierListStats.publicCount || 0 }}개</span>
|
|
|
|
|
<span class="pill pill--soft">비공개 {{ props.adminTierListStats.privateCount || 0 }}개</span>
|
|
|
|
|
</div>
|
|
|
|
|
@@ -156,6 +158,7 @@ const props = defineProps({
|
|
|
|
|
|
|
|
|
|
<div class="tierAdminCard__stats">
|
|
|
|
|
<span class="pill" :class="tierList.isPublic ? 'pill--public' : 'pill--private'">{{ props.tierListVisibilityLabel(tierList) }}</span>
|
|
|
|
|
<span v-if="tierList.isFeatured" class="pill pill--accent">추천 노출중</span>
|
|
|
|
|
<span class="pill">전체 아이템 {{ tierList.itemCount }}개</span>
|
|
|
|
|
<span class="pill" :class="{ 'pill--accent': tierList.extraItemCount > 0 }">추가 아이템 {{ tierList.extraItemCount }}개</span>
|
|
|
|
|
</div>
|
|
|
|
|
@@ -177,6 +180,14 @@ const props = defineProps({
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="tierAdminSection__actions">
|
|
|
|
|
<button
|
|
|
|
|
class="btn btn--small"
|
|
|
|
|
:class="tierList.isFeatured ? 'btn--ghost' : 'btn--primary'"
|
|
|
|
|
:disabled="!tierList.isPublic && !tierList.isFeatured"
|
|
|
|
|
@click="props.toggleAdminTierListFeatured(tierList)"
|
|
|
|
|
>
|
|
|
|
|
{{ tierList.isFeatured ? '추천 해제' : '추천 지정' }}
|
|
|
|
|
</button>
|
|
|
|
|
<button class="btn btn--ghost btn--small" @click="props.openAdminTierListManageModal(tierList)">관리</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|