add new lights, add login and role to it, add services page

This commit is contained in:
Adrian Zuercher
2025-08-09 18:00:36 +02:00
parent 7d2ab814da
commit 1697a4dcfd
56 changed files with 1337 additions and 290 deletions

View File

@@ -1,16 +1,24 @@
<template>
<q-page>
<q-tabs v-model="tab">
<q-tab name="movingHead" label="Moving Head" />
<q-tab name="lightBar" label="Light Bar" />
<q-tab no-caps name="stageLights" label="Stage Lights" />
<q-tab no-caps name="movingHead" label="Moving Head" />
<q-tab no-caps name="lightBar" label="Light Bar" />
<q-tab no-caps name="floodPanels" label="Flood Panels" />
</q-tabs>
<q-tab-panels v-model="tab" animated class="text-white">
<q-tab-panel name="movingHead">
<moving-head />
<q-tab-panel name="stageLights">
<stage-lights />
</q-tab-panel>
<q-tab-panel name="lightBar">
<LightBar />
</q-tab-panel>
<q-tab-panel name="floodPanels">
<FloodPanels />
</q-tab-panel>
<q-tab-panel name="movingHead">
<moving-head />
</q-tab-panel>
</q-tab-panels>
</q-page>
</template>
@@ -18,6 +26,8 @@
<script setup lang="ts">
import MovingHead from 'src/components/lights/MovingHead.vue';
import LightBar from 'src/components/lights/LightBarCBL.vue';
import FloodPanels from 'src/components/lights/FloodPanels.vue';
import StageLights from 'src/components/lights/StageLights.vue';
import { ref, onMounted, watch } from 'vue';
const tab = ref('movingHead');
const STORAGE_KEY = 'lastTabUsed';