Files
tacticalrmm-web/src/components/SubTableTabs.vue
2021-06-24 13:41:34 -04:00

77 lines
2.2 KiB
Vue

<template>
<div class="q-pa-none">
<q-tabs
v-model="subtab"
dense
inline-label
class="text-grey"
active-color="primary"
indicator-color="primary"
align="left"
narrow-indicator
no-caps
>
<q-tab name="summary" icon="fas fa-info-circle" size="xs" label="Summary" />
<q-tab name="checks" icon="fas fa-check-double" label="Checks" />
<q-tab name="tasks" icon="fas fa-tasks" label="Tasks" />
<q-tab name="patches" icon="system_update" label="Patches" />
<q-tab name="software" icon="fab fa-windows" label="Software" />
<q-tab name="notes" icon="far fa-sticky-note" label="Notes" />
<q-tab name="assets" icon="fas fa-barcode" label="Assets" />
</q-tabs>
<q-separator />
<q-tab-panels v-model="subtab" :animated="false">
<q-tab-panel name="summary" class="q-pb-none q-pt-xs">
<SummaryTab />
</q-tab-panel>
<q-tab-panel name="checks" class="q-pb-xs q-pt-none">
<ChecksTab @edit="$emit('edit')" />
</q-tab-panel>
<q-tab-panel name="tasks" class="q-pb-xs q-pt-none">
<AutomatedTasksTab />
</q-tab-panel>
<q-tab-panel name="patches" class="q-pb-xs q-pt-none">
<WindowsUpdates />
</q-tab-panel>
<q-tab-panel name="software" class="q-pb-xs q-pt-none">
<SoftwareTab />
</q-tab-panel>
<q-tab-panel name="notes" class="q-pb-xs q-pt-none">
<NotesTab />
</q-tab-panel>
<q-tab-panel name="assets" class="q-pb-xs q-pt-none">
<AssetsTab />
</q-tab-panel>
</q-tab-panels>
</div>
</template>
<script>
import SummaryTab from "@/components/SummaryTab";
import ChecksTab from "@/components/ChecksTab";
import AutomatedTasksTab from "@/components/AutomatedTasksTab";
import WindowsUpdates from "@/components/WindowsUpdates";
import SoftwareTab from "@/components/SoftwareTab";
import AssetsTab from "@/components/AssetsTab";
import NotesTab from "@/components/NotesTab";
export default {
name: "SubTableTabs",
emits: ["edit"],
components: {
SummaryTab,
ChecksTab,
AutomatedTasksTab,
WindowsUpdates,
SoftwareTab,
AssetsTab,
NotesTab,
},
data() {
return {
subtab: "summary",
};
},
};
</script>