Added a significant overhaul to the server manager.
This commit is contained in:
@@ -0,0 +1,41 @@
|
||||
<script setup>
|
||||
import { ref } from 'vue';
|
||||
import SambaExplorer from './components/SambaExplorer.vue';
|
||||
import ComicsManager from './components/ComicsManager.vue';
|
||||
import VideoDuplicatesManager from './components/VideoDuplicatesManager.vue';
|
||||
|
||||
const currentView = ref('samba');
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div>
|
||||
<nav>
|
||||
<button @click="currentView = 'samba'" :class="{ active: currentView === 'samba' }">Samba Explorer</button>
|
||||
<button @click="currentView = 'comics'" :class="{ active: currentView === 'comics' }">Comics Manager</button>
|
||||
<button @click="currentView = 'duplicates'" :class="{ active: currentView === 'duplicates' }">Video Duplicates</button>
|
||||
</nav>
|
||||
|
||||
<SambaExplorer v-if="currentView === 'samba'" />
|
||||
<ComicsManager v-if="currentView === 'comics'" />
|
||||
<VideoDuplicatesManager v-if="currentView === 'duplicates'" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
nav {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
nav button {
|
||||
padding: 10px 15px;
|
||||
margin-right: 10px;
|
||||
cursor: pointer;
|
||||
border: 1px solid #ccc;
|
||||
background-color: #f0f0f0;
|
||||
color: black;
|
||||
}
|
||||
nav button.active {
|
||||
background-color: #007bff;
|
||||
color: white;
|
||||
border-color: #007bff;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user