scaffold: Vue 3 frontend — router, stores, views, composables, layouts
Complete frontend skeleton: Vite + Vue 3 + TypeScript + Tailwind CSS, Pinia stores (auth, server, wipe, plugins), authenticated API composable, full route tree with auth guards, DashboardLayout with sidebar nav, 23 view stubs across auth/admin/public, all TypeScript interfaces. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
10
frontend/src/views/admin/AnalyticsView.vue
Normal file
10
frontend/src/views/admin/AnalyticsView.vue
Normal file
@@ -0,0 +1,10 @@
|
||||
<script setup lang="ts">
|
||||
// TODO: Phase 2 — Implement analytics dashboard
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="p-6">
|
||||
<h1 class="text-2xl font-bold text-neutral-100 mb-4">Analytics</h1>
|
||||
<p class="text-neutral-400">Coming soon — player trends, performance metrics, and server analytics.</p>
|
||||
</div>
|
||||
</template>
|
||||
10
frontend/src/views/admin/ChatLogView.vue
Normal file
10
frontend/src/views/admin/ChatLogView.vue
Normal file
@@ -0,0 +1,10 @@
|
||||
<script setup lang="ts">
|
||||
// TODO: Implement real-time chat feed from the game server
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="p-6">
|
||||
<h1 class="text-2xl font-bold text-neutral-100 mb-4">Chat Log</h1>
|
||||
<p class="text-neutral-400">Real-time chat feed from your Rust server with search and filtering.</p>
|
||||
</div>
|
||||
</template>
|
||||
10
frontend/src/views/admin/ConsoleView.vue
Normal file
10
frontend/src/views/admin/ConsoleView.vue
Normal file
@@ -0,0 +1,10 @@
|
||||
<script setup lang="ts">
|
||||
// TODO: Implement live server console output with command input
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="p-6">
|
||||
<h1 class="text-2xl font-bold text-neutral-100 mb-4">Server Console</h1>
|
||||
<p class="text-neutral-400">Live console output and command interface for your Rust server.</p>
|
||||
</div>
|
||||
</template>
|
||||
10
frontend/src/views/admin/DashboardView.vue
Normal file
10
frontend/src/views/admin/DashboardView.vue
Normal file
@@ -0,0 +1,10 @@
|
||||
<script setup lang="ts">
|
||||
// TODO: Implement server overview dashboard with key metrics and status
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="p-6">
|
||||
<h1 class="text-2xl font-bold text-neutral-100 mb-4">Dashboard</h1>
|
||||
<p class="text-neutral-400">Server overview — players online, performance metrics, and quick actions.</p>
|
||||
</div>
|
||||
</template>
|
||||
10
frontend/src/views/admin/MapsView.vue
Normal file
10
frontend/src/views/admin/MapsView.vue
Normal file
@@ -0,0 +1,10 @@
|
||||
<script setup lang="ts">
|
||||
// TODO: Implement map library with upload and rotation management
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="p-6">
|
||||
<h1 class="text-2xl font-bold text-neutral-100 mb-4">Map Library</h1>
|
||||
<p class="text-neutral-400">Upload custom maps and manage map rotation for your server.</p>
|
||||
</div>
|
||||
</template>
|
||||
10
frontend/src/views/admin/ModuleStoreView.vue
Normal file
10
frontend/src/views/admin/ModuleStoreView.vue
Normal file
@@ -0,0 +1,10 @@
|
||||
<script setup lang="ts">
|
||||
// TODO: Implement module store browser for purchasing add-on modules
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="p-6">
|
||||
<h1 class="text-2xl font-bold text-neutral-100 mb-4">Module Store</h1>
|
||||
<p class="text-neutral-400">Browse and purchase add-on modules to extend your panel capabilities.</p>
|
||||
</div>
|
||||
</template>
|
||||
10
frontend/src/views/admin/NotificationsView.vue
Normal file
10
frontend/src/views/admin/NotificationsView.vue
Normal file
@@ -0,0 +1,10 @@
|
||||
<script setup lang="ts">
|
||||
// TODO: Implement notification channel configuration for Discord and Pushbullet
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="p-6">
|
||||
<h1 class="text-2xl font-bold text-neutral-100 mb-4">Notifications</h1>
|
||||
<p class="text-neutral-400">Configure Discord webhooks, Pushbullet, and other notification channels.</p>
|
||||
</div>
|
||||
</template>
|
||||
10
frontend/src/views/admin/PlayersView.vue
Normal file
10
frontend/src/views/admin/PlayersView.vue
Normal file
@@ -0,0 +1,10 @@
|
||||
<script setup lang="ts">
|
||||
// TODO: Implement player list with kick, ban, and moderation actions
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="p-6">
|
||||
<h1 class="text-2xl font-bold text-neutral-100 mb-4">Player Management</h1>
|
||||
<p class="text-neutral-400">View connected players and manage kick, ban, and moderation actions.</p>
|
||||
</div>
|
||||
</template>
|
||||
10
frontend/src/views/admin/PluginsView.vue
Normal file
10
frontend/src/views/admin/PluginsView.vue
Normal file
@@ -0,0 +1,10 @@
|
||||
<script setup lang="ts">
|
||||
// TODO: Implement installed plugin list and uMod plugin browser
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="p-6">
|
||||
<h1 class="text-2xl font-bold text-neutral-100 mb-4">Plugin Management</h1>
|
||||
<p class="text-neutral-400">Manage installed plugins and browse the uMod plugin library.</p>
|
||||
</div>
|
||||
</template>
|
||||
10
frontend/src/views/admin/ServerView.vue
Normal file
10
frontend/src/views/admin/ServerView.vue
Normal file
@@ -0,0 +1,10 @@
|
||||
<script setup lang="ts">
|
||||
// TODO: Implement server configuration and start/stop/restart controls
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="p-6">
|
||||
<h1 class="text-2xl font-bold text-neutral-100 mb-4">Server Management</h1>
|
||||
<p class="text-neutral-400">Configure server settings and control start, stop, and restart operations.</p>
|
||||
</div>
|
||||
</template>
|
||||
10
frontend/src/views/admin/SettingsView.vue
Normal file
10
frontend/src/views/admin/SettingsView.vue
Normal file
@@ -0,0 +1,10 @@
|
||||
<script setup lang="ts">
|
||||
// TODO: Implement settings for license, subdomain, and account management
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="p-6">
|
||||
<h1 class="text-2xl font-bold text-neutral-100 mb-4">Settings</h1>
|
||||
<p class="text-neutral-400">Manage your license, subdomain configuration, and account settings.</p>
|
||||
</div>
|
||||
</template>
|
||||
10
frontend/src/views/admin/StoreManageView.vue
Normal file
10
frontend/src/views/admin/StoreManageView.vue
Normal file
@@ -0,0 +1,10 @@
|
||||
<script setup lang="ts">
|
||||
// TODO: Implement webstore item and category management
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="p-6">
|
||||
<h1 class="text-2xl font-bold text-neutral-100 mb-4">Webstore Management</h1>
|
||||
<p class="text-neutral-400">Manage store items, categories, and pricing for your server webstore.</p>
|
||||
</div>
|
||||
</template>
|
||||
10
frontend/src/views/admin/TeamView.vue
Normal file
10
frontend/src/views/admin/TeamView.vue
Normal file
@@ -0,0 +1,10 @@
|
||||
<script setup lang="ts">
|
||||
// TODO: Implement team management with role-based access control
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="p-6">
|
||||
<h1 class="text-2xl font-bold text-neutral-100 mb-4">Team Management</h1>
|
||||
<p class="text-neutral-400">Invite team members and manage role-based access to the panel.</p>
|
||||
</div>
|
||||
</template>
|
||||
10
frontend/src/views/admin/WipeCalendarView.vue
Normal file
10
frontend/src/views/admin/WipeCalendarView.vue
Normal file
@@ -0,0 +1,10 @@
|
||||
<script setup lang="ts">
|
||||
// TODO: Implement calendar view of scheduled and past wipes
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="p-6">
|
||||
<h1 class="text-2xl font-bold text-neutral-100 mb-4">Wipe Calendar</h1>
|
||||
<p class="text-neutral-400">Calendar view of upcoming and completed server wipes.</p>
|
||||
</div>
|
||||
</template>
|
||||
10
frontend/src/views/admin/WipeHistoryView.vue
Normal file
10
frontend/src/views/admin/WipeHistoryView.vue
Normal file
@@ -0,0 +1,10 @@
|
||||
<script setup lang="ts">
|
||||
// TODO: Implement wipe execution log with status and details
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="p-6">
|
||||
<h1 class="text-2xl font-bold text-neutral-100 mb-4">Wipe History</h1>
|
||||
<p class="text-neutral-400">Execution logs for all past wipes with status and details.</p>
|
||||
</div>
|
||||
</template>
|
||||
10
frontend/src/views/admin/WipeProfilesView.vue
Normal file
10
frontend/src/views/admin/WipeProfilesView.vue
Normal file
@@ -0,0 +1,10 @@
|
||||
<script setup lang="ts">
|
||||
// TODO: Implement wipe profile creation and management
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="p-6">
|
||||
<h1 class="text-2xl font-bold text-neutral-100 mb-4">Wipe Profiles</h1>
|
||||
<p class="text-neutral-400">Create and manage reusable wipe profiles for different reset configurations.</p>
|
||||
</div>
|
||||
</template>
|
||||
10
frontend/src/views/admin/WipesView.vue
Normal file
10
frontend/src/views/admin/WipesView.vue
Normal file
@@ -0,0 +1,10 @@
|
||||
<script setup lang="ts">
|
||||
// TODO: Implement auto-wiper with schedules and manual trigger
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="p-6">
|
||||
<h1 class="text-2xl font-bold text-neutral-100 mb-4">Auto-Wiper</h1>
|
||||
<p class="text-neutral-400">Configure wipe schedules and trigger manual wipes.</p>
|
||||
</div>
|
||||
</template>
|
||||
Reference in New Issue
Block a user