Start for Dev Branch

pages/settings/integrations/index.vue

@@ -0,0 +1,41 @@
+<script setup>
+
+const lexofficeActiveFunctions = ref({
+  sendInvoicesToLexoffice: true,
+})
+
+</script>
+
+<template>
+  <UDashboardNavbar title="Integrationen"></UDashboardNavbar>
+  <UDashboardPanelContent>
+    <UAccordion
+        class="p-5"
+        color="primary"
+        variant="soft"
+        size="sm"
+        :items="[{ label: 'Lexoffice', content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit' }]"
+    >
+      <template #item="{item}">
+        <div v-if="item.label === 'Lexoffice'">
+          Scopes:
+          <UCheckbox v-model="lexofficeActiveFunctions.sendInvoicesToLexoffice" name="notifications" label="Rechnungen an Lexoffice übertragen" />
+
+          <UButton>
+            Kunden importieren
+          </UButton>
+          <UButton>
+            Lieferanten importieren
+          </UButton>
+
+
+        </div>
+      </template>
+    </UAccordion>
+  </UDashboardPanelContent>
+
+</template>
+
+<style scoped>
+
+</style>