Kevin L'HereecandCopilot
d1c65dbf1e
- Docker infrastructure (Dockerfile, docker-compose.yml, genieacs-sim) - AdonisJS v7 app with Inertia.js + Vue 3 - MongoDB integration - CWMP/TR-069 state machine engine - Configuration engine with compliance tracking - Branding: ADAM ACS (favicon, navbar, locales) Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
32 lines
794 B
Vue
32 lines
794 B
Vue
<script setup lang="ts">
|
|
import { useI18n } from 'vue-i18n'
|
|
|
|
const { t } = useI18n()
|
|
|
|
type SectionKey = 'devices' | 'configurations' | 'commands' | 'device' | 'firmware'
|
|
|
|
const { section, subtitle } = defineProps<{
|
|
section: SectionKey
|
|
subtitle?: string
|
|
}>()
|
|
|
|
const sectionColors: Record<SectionKey, string> = {
|
|
devices: 'blue',
|
|
configurations: 'yellow',
|
|
commands: 'orange',
|
|
device: 'green',
|
|
firmware: 'purple',
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<div :class="['bg-supporting-' + sectionColors[section]]" data-bs-theme="light">
|
|
<div class="container-xxl py-3">
|
|
<h1 class="display-1 mb-0" style="letter-spacing: normal;">
|
|
{{ t(`titles.${section}`) }}
|
|
<span v-if="subtitle" class="fs-5 fw-bold ms-2">{{ subtitle }}</span>
|
|
</h1>
|
|
</div>
|
|
</div>
|
|
</template>
|