Added Teams

Minor Rework of Plantafel

frontend/components/EntityEdit.vue

@@ -63,6 +63,20 @@ const generateOldItemData = () => {
 }
 generateOldItemData()
 
+const inputColumnCount = computed(() => {
+  return Array.isArray(dataType.inputColumns) && dataType.inputColumns.length > 0
+    ? dataType.inputColumns.length
+    : 1
+})
+
+const getInputColumnStyle = () => {
+  if (props.platform === 'mobile') return undefined
+
+  return {
+    width: `${100 / inputColumnCount.value}%`
+  }
+}
+
 
 // --- ÄNDERUNG START: Computed Property statt Watcher/Function ---
 // Dies berechnet den Status automatisch neu, egal woher die Daten kommen (Init oder User-Eingabe)
@@ -436,7 +450,8 @@ const updateItem = async () => {
       <div :class="platform ===  'mobile' ?['flex','flex-col'] : ['flex','flex-row']">
         <div
             v-for="(columnName,index) in dataType.inputColumns"
-            :class="platform === 'mobile' ? ['w-full'] : [`w-1/${dataType.inputColumns.length}`, ... index < dataType.inputColumns.length -1 ? ['mr-5'] : []]"
+            :class="platform === 'mobile' ? ['w-full'] : [... index < inputColumnCount - 1 ? ['mr-5'] : []]"
+            :style="getInputColumnStyle()"
         >
           <USeparator :label="columnName"/>
 

frontend/components/MainNav.vue

@@ -239,6 +239,11 @@ const links = computed(() => {
       to: "/standardEntity/branches",
       icon: "i-heroicons-building-office-2"
     } : null,
+    featureEnabled("teams") ? {
+      label: "Teams",
+      to: "/standardEntity/teams",
+      icon: "i-heroicons-users"
+    } : null,
     featureEnabled("staffProfiles") ? {
       label: "Mitarbeiter",
       to: "/staff/profiles",

frontend/composables/useRole.js

@@ -244,6 +244,18 @@ export const useRole = () => {
             label: "Kostenstellen erstellen",
             parent: "costcentres"
         },
+        teams: {
+            label: "Teams",
+            showToAllUsers: false
+        },
+        "teams-viewAll": {
+            label: "Alle Teams einsehen",
+            parent: "teams"
+        },
+        "teams-create": {
+            label: "Teams erstellen",
+            parent: "teams"
+        },
         ownaccounts: {
             label: "Buchungskonten",
             showToAllUsers: false

frontend/pages/organisation/plantafel.vue

@@ -6,9 +6,11 @@ import resourceTimelinePlugin from "@fullcalendar/resource-timeline"
 import { parseDate } from "@internationalized/date"
 
 const router = useRouter()
+const auth = useAuthStore()
 const profileStore = useProfileStore()
 const toast = useToast()
-const { $dayjs } = useNuxtApp()
+const { $api, $dayjs } = useNuxtApp()
+const { create: createEvent } = useEntities("events")
 const { list: listStaffTimeSpans, createEntry, update: updateStaffTimeEntry } = useStaffTime()
 
 const loading = ref(true)
@@ -27,6 +29,21 @@ const resources = ref([])
 const events = ref([])
 const profiles = ref([])
 const inventoryitems = ref([])
+const savingQuickConfig = ref(false)
+const quickEntryConfig = reactive({
+  name: "Quick-Eintrag",
+  color: "#2563eb"
+})
+const quickEntryColorOptions = [
+  { label: "Blau", value: "#2563eb" },
+  { label: "Grün", value: "#16a34a" },
+  { label: "Orange", value: "#ea580c" },
+  { label: "Rot", value: "#dc2626" },
+  { label: "Pink", value: "#db2777" },
+  { label: "Türkis", value: "#0f766e" },
+  { label: "Grau", value: "#4b5563" },
+  { label: "Schwarz", value: "#111827" }
+]
 
 const isAbsenceModalOpen = ref(false)
 const absenceForm = reactive({
@@ -75,6 +92,7 @@ const endDateValue = computed({
 
 const resourceTypeOptions = [
   { label: "Alle Ressourcen", value: "all" },
+  { label: "Teams", value: "Team" },
   { label: "Profile", value: "Profile" },
   { label: "Inventarartikel", value: "Inventarartikel" }
 ]
@@ -124,6 +142,15 @@ const absenceModalTitle = computed(() =>
     : (absenceForm.type === "sick" ? "Krank eintragen" : "Urlaub eintragen")
 )
 
+const resolvedQuickEntryConfig = computed(() => {
+  const config = profileStore.ownTenant?.calendarConfig?.quickEntry || {}
+
+  return {
+    name: config.name || "Quick-Eintrag",
+    color: config.color || "#2563eb"
+  }
+})
+
 const visibleResources = computed(() => {
   if (selectedType.value === "all") return resources.value
   return resources.value.filter((resource) => resource.type === selectedType.value)
@@ -184,8 +211,7 @@ const calendarOptions = computed(() => ({
     }
   },
   select(info) {
-    const resourceIds = info.resource?.id ? [info.resource.id] : []
-    router.push(`/standardEntity/events/create?startDate=${encodeURIComponent(info.startStr)}&endDate=${encodeURIComponent(info.endStr)}&resources=${encodeURIComponent(JSON.stringify(resourceIds))}&source=timeline`)
+    createQuickEvent(info)
   },
   eventClick(info) {
     if (info.event.extendedProps.entrytype === "staff-absence") {
@@ -199,7 +225,7 @@ const calendarOptions = computed(() => ({
       return
     }
 
-    router.push(`/standardEntity/events/show/${info.event.extendedProps.eventId}`)
+    router.push(`/standardEntity/events/edit/${info.event.extendedProps.eventId}`)
   },
   datesSet(info) {
     const nextFrom = $dayjs(info.start).format("YYYY-MM-DD")
@@ -225,7 +251,12 @@ function resolveEventColor(eventType) {
 function resolveEventTitle(event, projectsById) {
   if (event.name) return event.name
   if (event.project && projectsById.has(event.project)) return projectsById.get(event.project).name
-  return "Planung"
+  return event.quick ? resolvedQuickEntryConfig.value.name : "Planung"
+}
+
+function resolveRenderedEventColor(event) {
+  if (event?.quick) return resolvedQuickEntryConfig.value.color
+  return resolveEventColor(event.eventtype)
 }
 
 function getProfileLabel(profile) {
@@ -241,23 +272,83 @@ function getAbsenceColor(type) {
   return type === "sick" ? "#dc2626" : "#d97706"
 }
 
+function getTeamLabel(team) {
+  if (!team) return "Team"
+  return team.branch?.name ? `${team.name} (${team.branch.name})` : team.name
+}
+
+function getProfileResourceIds(profile) {
+  const assignedTeams = Array.isArray(profile?.teams) ? profile.teams.filter((team) => team?.id) : []
+
+  if (!assignedTeams.length) {
+    return [`P-${profile.id}`]
+  }
+
+  return assignedTeams.map((team) => `T-${team.id}:P-${profile.id}`)
+}
+
+function normalizeSelectedResourceIds(resourceId) {
+  if (!resourceId) return []
+
+  if (resourceId.startsWith("T-") && resourceId.includes(":P-")) {
+    return [`P-${resourceId.split(":P-")[1]}`]
+  }
+
+  if (resourceId.startsWith("T-")) {
+    const teamId = Number(resourceId.replace("T-", ""))
+    return profiles.value
+      .filter((profile) => (profile.teams || []).some((team) => team?.id === teamId))
+      .map((profile) => `P-${profile.id}`)
+  }
+
+  return [resourceId]
+}
+
 function buildResources({ profiles, inventoryitems }) {
-  return [
-    ...profiles
-      .filter((profile) => !profile.archived)
-      .map((profile) => ({
-        id: `P-${profile.id}`,
-        type: "Profile",
-        title: getProfileLabel(profile)
-      })),
-    ...inventoryitems
-      .filter((item) => !item.archived && item.usePlanning)
-      .map((item) => ({
-        id: `I-${item.id}`,
-        type: "Inventarartikel",
-        title: item.name
-      }))
-  ]
+  const teamResources = []
+  const profileResources = []
+
+  profiles
+    .filter((profile) => !profile.archived)
+    .forEach((profile) => {
+      const assignedTeams = Array.isArray(profile?.teams) ? profile.teams.filter((team) => team?.id) : []
+
+      if (!assignedTeams.length) {
+        profileResources.push({
+          id: `P-${profile.id}`,
+          type: "Profile",
+          title: getProfileLabel(profile)
+        })
+        return
+      }
+
+      assignedTeams.forEach((team) => {
+        if (!teamResources.find((resource) => resource.id === `T-${team.id}`)) {
+          teamResources.push({
+            id: `T-${team.id}`,
+            type: "Team",
+            title: getTeamLabel(team)
+          })
+        }
+
+        profileResources.push({
+          id: `T-${team.id}:P-${profile.id}`,
+          parentId: `T-${team.id}`,
+          type: "Profile",
+          title: getProfileLabel(profile)
+        })
+      })
+    })
+
+  const inventoryResources = inventoryitems
+    .filter((item) => !item.archived && item.usePlanning)
+    .map((item) => ({
+      id: `I-${item.id}`,
+      type: "Inventarartikel",
+      title: item.name
+    }))
+
+  return [...teamResources, ...profileResources, ...inventoryResources]
 }
 
 function buildEvents({ rawEvents, projectsById }) {
@@ -265,7 +356,9 @@ function buildEvents({ rawEvents, projectsById }) {
     .filter((event) => !event.archived)
     .map((event) => {
       const resourceIds = [
-        ...(event.profiles || []).map((profileId) => `P-${profileId}`),
+        ...(profiles.value
+          .filter((profile) => (event.profiles || []).includes(profile.id))
+          .flatMap((profile) => getProfileResourceIds(profile))),
         ...(event.inventoryitems || []).map((itemId) => `I-${itemId}`)
       ]
 
@@ -274,8 +367,8 @@ function buildEvents({ rawEvents, projectsById }) {
         start: event.startDate,
         end: event.endDate,
         resourceIds,
-        backgroundColor: resolveEventColor(event.eventtype),
-        borderColor: resolveEventColor(event.eventtype),
+        backgroundColor: resolveRenderedEventColor(event),
+        borderColor: resolveRenderedEventColor(event),
         textColor: "#ffffff",
         entrytype: "event",
         eventId: event.id
@@ -303,7 +396,7 @@ function buildAbsenceEvents(spansByUserId) {
         title: getAbsenceTitle(entry),
         start: $dayjs(entry.started_at).startOf("day").toISOString(),
         end: $dayjs(entry.stopped_at || entry.started_at).add(1, "day").startOf("day").toISOString(),
-        resourceIds: [`P-${profile.id}`],
+        resourceIds: getProfileResourceIds(profile),
         allDay: true,
         backgroundColor: getAbsenceColor(entry.type),
         borderColor: getAbsenceColor(entry.type),
@@ -350,6 +443,94 @@ function moveCalendarToday() {
   api.today()
 }
 
+function openQuickConfig() {
+  quickEntryConfig.name = resolvedQuickEntryConfig.value.name
+  quickEntryConfig.color = resolvedQuickEntryConfig.value.color
+}
+
+async function saveQuickConfig() {
+  if (savingQuickConfig.value) return
+
+  const name = quickEntryConfig.name?.trim()
+  if (!name) {
+    toast.add({ title: "Name fehlt", description: "Bitte einen Namen für Quick-Einträge angeben.", color: "orange" })
+    return
+  }
+
+  savingQuickConfig.value = true
+
+  try {
+    const currentTenantData = auth.activeTenantData || {}
+    const nextCalendarConfig = {
+      ...(currentTenantData.calendarConfig || {}),
+      quickEntry: {
+        name,
+        color: quickEntryConfig.color || "#2563eb"
+      }
+    }
+
+    const updatedTenant = await $api(`/api/tenant/other/${auth.activeTenant}`, {
+      method: "PUT",
+      body: {
+        data: {
+          calendarConfig: nextCalendarConfig
+        }
+      }
+    })
+
+    auth.activeTenantData = updatedTenant
+    profileStore.ownTenant = updatedTenant
+    toast.add({ title: "Quick-Einträge gespeichert", color: "green" })
+    await loadPlanningBoard()
+  } catch (error) {
+    console.error("saveQuickConfig failed", error)
+    toast.add({
+      title: "Quick-Konfiguration konnte nicht gespeichert werden",
+      description: error?.message || "Bitte erneut versuchen.",
+      color: "red"
+    })
+  } finally {
+    savingQuickConfig.value = false
+  }
+}
+
+async function createQuickEvent(info) {
+  const resourceIds = normalizeSelectedResourceIds(info.resource?.id)
+
+  const payload = {
+    name: resolvedQuickEntryConfig.value.name,
+    quick: true,
+    startDate: info.startStr,
+    endDate: info.endStr,
+    profiles: resourceIds
+      .filter((resourceId) => resourceId.startsWith("P-"))
+      .map((resourceId) => resourceId.replace("P-", "")),
+    inventoryitems: resourceIds
+      .filter((resourceId) => resourceId.startsWith("I-"))
+      .map((resourceId) => Number(resourceId.replace("I-", ""))),
+    inventoryitemgroups: [],
+    vehicles: [],
+    notes: "",
+    link: "",
+    project: null,
+    customer: null,
+    vendor: null,
+  }
+
+  try {
+    await createEvent(payload, true)
+    toast.add({ title: "Quick-Eintrag angelegt", color: "green" })
+    await loadPlanningBoard()
+  } catch (error) {
+    console.error("createQuickEvent failed", error)
+    toast.add({
+      title: "Quick-Eintrag konnte nicht angelegt werden",
+      description: error?.message || "Bitte erneut versuchen.",
+      color: "red"
+    })
+  }
+}
+
 function openAbsenceModal(type = "vacation", preset = {}) {
   absenceForm.mode = preset.entry ? "edit" : "create"
   absenceForm.entry = preset.entry || null
@@ -414,13 +595,15 @@ async function loadPlanningBoard() {
   loading.value = true
 
   try {
-    const [rawEvents, projects, profileRows, inventoryItemRows] = await Promise.all([
+    const [rawEvents, projects, profileResponse, inventoryItemRows] = await Promise.all([
       useEntities("events").select(),
       useEntities("projects").select(),
-      useEntities("profiles").select(),
+      useNuxtApp().$api("/api/tenant/profiles"),
       useEntities("inventoryitems").select()
     ])
 
+    const profileRows = profileResponse?.data || []
+
     const absenceSpansByUserId = await Promise.all(
       (profileRows || [])
         .filter((profile) => profile.user_id)
@@ -537,6 +720,78 @@ onMounted(() => {
       </template>
       <template #right>
         <div class="flex flex-wrap items-center gap-2">
+          <UPopover>
+            <UButton
+              color="neutral"
+              variant="outline"
+              icon="i-heroicons-cog-6-tooth"
+              @click="openQuickConfig"
+            >
+              Quick-Einträge
+            </UButton>
+
+            <template #content>
+              <div class="w-[320px] space-y-4 p-4">
+                <div>
+                  <h3 class="text-sm font-semibold text-highlighted">Quick-Einträge</h3>
+                  <p class="text-xs text-muted">
+                    Name und Farbe für neu gezogene Quick-Einträge in der Plantafel.
+                  </p>
+                </div>
+
+                <UFormField label="Name">
+                  <UInput v-model="quickEntryConfig.name" class="w-full" />
+                </UFormField>
+
+                <UFormField label="Farbe">
+                  <div class="space-y-3">
+                    <div class="flex flex-wrap gap-2">
+                      <button
+                        v-for="option in quickEntryColorOptions"
+                        :key="option.value"
+                        type="button"
+                        class="flex items-center gap-2 rounded border px-2 py-1 text-xs transition"
+                        :class="quickEntryConfig.color === option.value ? 'border-primary ring-1 ring-primary' : 'border-default'"
+                        @click="quickEntryConfig.color = option.value"
+                      >
+                        <span
+                          class="h-4 w-4 rounded-full border border-white/40"
+                          :style="{ backgroundColor: option.value }"
+                        />
+                        {{ option.label }}
+                      </button>
+                    </div>
+
+                    <div class="flex items-center gap-3">
+                    <input
+                      v-model="quickEntryConfig.color"
+                      type="color"
+                      class="h-10 w-14 cursor-pointer rounded border border-default bg-transparent p-1"
+                    >
+                    <UInput v-model="quickEntryConfig.color" class="flex-1" />
+                    </div>
+                  </div>
+                </UFormField>
+
+                <div class="rounded border border-default p-3">
+                  <p class="text-xs text-muted">Vorschau</p>
+                  <div class="mt-2 inline-flex rounded px-3 py-1 text-sm font-medium text-white" :style="{ backgroundColor: quickEntryConfig.color }">
+                    {{ quickEntryConfig.name || "Quick-Eintrag" }}
+                  </div>
+                </div>
+
+                <div class="flex justify-end">
+                  <UButton
+                    color="primary"
+                    :loading="savingQuickConfig"
+                    @click="saveQuickConfig"
+                  >
+                    Speichern
+                  </UButton>
+                </div>
+              </div>
+            </template>
+          </UPopover>
           <UButton
             color="amber"
             variant="soft"

frontend/pages/settings/tenant.vue

@@ -36,6 +36,7 @@ const defaultFeatures = {
   incomingInvoices: true,
   costcentres: true,
   branches: true,
+  teams: true,
   accounts: true,
   ownaccounts: true,
   banking: true,
@@ -82,6 +83,7 @@ const featureOptions = [
   { key: "incomingInvoices", label: "Buchhaltung: Eingangsbelege" },
   { key: "costcentres", label: "Buchhaltung: Kostenstellen" },
   { key: "branches", label: "Stammdaten: Niederlassungen" },
+  { key: "teams", label: "Stammdaten: Teams" },
   { key: "accounts", label: "Buchhaltung: Buchungskonten" },
   { key: "ownaccounts", label: "Buchhaltung: Zusätzliche Buchungskonten" },
   { key: "banking", label: "Buchhaltung: Bank" },

frontend/pages/staff/profiles/[id].vue

@@ -7,8 +7,13 @@ const { $api } = useNuxtApp()
 const id = route.params.id as string
 const profile = ref<any>(null)
 const branches = ref<any[]>([])
+const teams = ref<any[]>([])
 const pending = ref(true)
 const saving = ref(false)
+const selectMenuUi = {
+  base: 'w-full',
+  content: 'min-w-[min(32rem,90vw)] w-max max-w-[90vw]'
+}
 
 async function fetchBranches() {
   try {
@@ -19,6 +24,15 @@ async function fetchBranches() {
   }
 }
 
+async function fetchTeams() {
+  try {
+    teams.value = await useEntities("teams").select()
+  } catch (err) {
+    console.error('[fetchTeams]', err)
+    teams.value = []
+  }
+}
+
 /** Profil laden **/
 async function fetchProfile() {
   pending.value = true
@@ -26,6 +40,7 @@ async function fetchProfile() {
     profile.value = await $api(`/api/profiles/${id}`)
     ensureWorkingHoursStructure()
     ensureBranchStructure()
+    ensureTeamStructure()
   } catch (err: any) {
     console.error('[fetchProfile]', err)
     toast.add({
@@ -58,6 +73,20 @@ function ensureBranchStructure() {
   }
 }
 
+function ensureTeamStructure() {
+  if (!profile.value) return
+
+  if (!Array.isArray(profile.value.team_ids)) {
+    if (Array.isArray(profile.value.teams)) {
+      profile.value.team_ids = profile.value.teams
+        .map((entry: any) => entry?.id ?? entry)
+        .filter((entry: any) => entry != null)
+    } else {
+      profile.value.team_ids = []
+    }
+  }
+}
+
 const updatePrimaryBranch = (value: number | null) => {
   if (!profile.value) return
   profile.value.branch_id = value
@@ -77,6 +106,11 @@ const updateBranchMemberships = (values: number[]) => {
   }
 }
 
+const updateTeamMemberships = (values: number[]) => {
+  if (!profile.value) return
+  profile.value.team_ids = values || []
+}
+
 /** Profil speichern **/
 async function saveProfile() {
   if (saving.value) return
@@ -180,7 +214,7 @@ const checkZip = async () => {
 }
 
 onMounted(async () => {
-  await Promise.all([fetchBranches(), fetchProfile()])
+  await Promise.all([fetchBranches(), fetchTeams(), fetchProfile()])
 })
 
 </script>
@@ -234,29 +268,29 @@ onMounted(async () => {
       <USeparator label="Persönliche Daten" />
 
       <UForm :state="profile" @submit.prevent="saveProfile" class="grid grid-cols-1 md:grid-cols-2 gap-6 mt-4">
-        <UFormField label="Vorname">
-          <UInput v-model="profile.first_name" />
+        <UFormField label="Vorname" class="w-full">
+          <UInput v-model="profile.first_name" class="w-full" />
         </UFormField>
 
-        <UFormField label="Nachname">
-          <UInput v-model="profile.last_name" />
+        <UFormField label="Nachname" class="w-full">
+          <UInput v-model="profile.last_name" class="w-full" />
         </UFormField>
 
-        <UFormField label="E-Mail">
-          <UInput v-model="profile.email" />
+        <UFormField label="E-Mail" class="w-full">
+          <UInput v-model="profile.email" class="w-full" />
         </UFormField>
 
-        <UFormField label="Telefon (Mobil)">
-          <UInput v-model="profile.mobile_tel" />
+        <UFormField label="Telefon (Mobil)" class="w-full">
+          <UInput v-model="profile.mobile_tel" class="w-full" />
         </UFormField>
 
-        <UFormField label="Telefon (Festnetz)">
-          <UInput v-model="profile.fixed_tel" />
+        <UFormField label="Telefon (Festnetz)" class="w-full">
+          <UInput v-model="profile.fixed_tel" class="w-full" />
         </UFormField>
 
-        <UFormField label="Geburtstag">
+        <UFormField label="Geburtstag" class="w-full">
           <div class="flex items-center gap-2">
-            <UInput type="date" v-model="profile.birthday" class="flex-1" />
+            <UInput type="date" v-model="profile.birthday" class="flex-1 w-full" />
             <UButton color="gray" variant="soft" label="Heute" @click="setProfileDate('birthday')" />
           </div>
         </UFormField>
@@ -266,37 +300,37 @@ onMounted(async () => {
       <USeparator label="Vertragsinformationen" />
 
       <UForm :state="profile" @submit.prevent="saveProfile" class="grid grid-cols-1 md:grid-cols-2 gap-6 mt-4">
-        <UFormField label="Vertragsart">
-          <UInput v-model="profile.contract_type"/>
+        <UFormField label="Vertragsart" class="w-full">
+          <UInput v-model="profile.contract_type" class="w-full"/>
         </UFormField>
 
-        <UFormField label="Status">
-          <UInput v-model="profile.status"/>
+        <UFormField label="Status" class="w-full">
+          <UInput v-model="profile.status" class="w-full"/>
         </UFormField>
 
-        <UFormField label="Position">
-          <UInput v-model="profile.position"/>
+        <UFormField label="Position" class="w-full">
+          <UInput v-model="profile.position" class="w-full"/>
         </UFormField>
 
-        <UFormField label="Qualifikation">
-          <UInput v-model="profile.qualification"/>
+        <UFormField label="Qualifikation" class="w-full">
+          <UInput v-model="profile.qualification" class="w-full"/>
         </UFormField>
 
-        <UFormField label="Eintrittsdatum">
+        <UFormField label="Eintrittsdatum" class="w-full">
           <div class="flex items-center gap-2">
-            <UInput type="date" v-model="profile.entry_date" class="flex-1" />
+            <UInput type="date" v-model="profile.entry_date" class="flex-1 w-full" />
             <UButton color="gray" variant="soft" label="Heute" @click="setProfileDate('entry_date')" />
           </div>
         </UFormField>
 
-        <UFormField label="Wöchentliche Arbeitszeit (Std)">
-          <UInput type="number" v-model="profile.weekly_working_hours" />
+        <UFormField label="Wöchentliche Arbeitszeit (Std)" class="w-full">
+          <UInput type="number" v-model="profile.weekly_working_hours" class="w-full" />
         </UFormField>
 
-        <UFormField label="Bezahlte Urlaubstage (Jahr)">
-          <UInput type="number" v-model="profile.annual_paid_leave_days" />
+        <UFormField label="Bezahlte Urlaubstage (Jahr)" class="w-full">
+          <UInput type="number" v-model="profile.annual_paid_leave_days" class="w-full" />
         </UFormField>
-        <UFormField label="Aktiv">
+        <UFormField label="Aktiv" class="w-full">
           <div class="flex items-center gap-3">
             <USwitch v-model="profile.active" color="primary" />
             <span class="text-sm text-gray-600">
@@ -311,52 +345,83 @@ onMounted(async () => {
       <USeparator label="Niederlassungen" />
 
       <UForm :state="profile" @submit.prevent="saveProfile" class="grid grid-cols-1 md:grid-cols-2 gap-6 mt-4">
-        <UFormField label="Primäre Niederlassung">
+        <UFormField label="Primäre Niederlassung" class="w-full">
           <USelectMenu
             :model-value="profile.branch_id"
             :items="branches"
             label-key="name"
             value-key="id"
+            class="w-full"
+            :ui="selectMenuUi"
             @update:model-value="updatePrimaryBranch"
           />
         </UFormField>
 
-        <UFormField label="Weitere Niederlassungen">
+        <UFormField label="Weitere Niederlassungen" class="w-full">
           <USelectMenu
             :model-value="profile.branch_ids"
             :items="branches"
             label-key="name"
             value-key="id"
             multiple
+            class="w-full"
+            :ui="selectMenuUi"
             @update:model-value="updateBranchMemberships"
           />
         </UFormField>
       </UForm>
     </UCard>
 
+    <UCard v-if="!pending && profile" class="mt-3">
+      <USeparator label="Teams" />
+
+      <UForm :state="profile" @submit.prevent="saveProfile" class="grid grid-cols-1 md:grid-cols-2 gap-6 mt-4">
+        <UFormField label="Team-Zuordnung" class="w-full">
+          <USelectMenu
+            :model-value="profile.team_ids"
+            :items="teams"
+            label-key="name"
+            value-key="id"
+            multiple
+            class="w-full"
+            :ui="selectMenuUi"
+            @update:model-value="updateTeamMemberships"
+          />
+        </UFormField>
+
+        <UFormField label="Hinweis" class="w-full">
+          <div class="text-sm text-gray-500 pt-2">
+            Teams können in den Stammdaten gepflegt und optional einer Niederlassung zugeordnet werden.
+          </div>
+        </UFormField>
+      </UForm>
+    </UCard>
+
     <UCard v-if="!pending && profile" class="mt-3">
       <USeparator label="Adresse & Standort" />
 
       <UForm :state="profile" @submit.prevent="saveProfile" class="grid grid-cols-1 md:grid-cols-2 gap-6 mt-4">
-        <UFormField label="Straße und Hausnummer">
-          <UInput v-model="profile.address_street"/>
+        <UFormField label="Straße und Hausnummer" class="w-full">
+          <UInput v-model="profile.address_street" class="w-full"/>
         </UFormField>
 
-        <UFormField label="PLZ">
-          <UInput type="text" v-model="profile.address_zip" @focusout="checkZip"/>
+        <UFormField label="PLZ" class="w-full">
+          <UInput type="text" v-model="profile.address_zip" class="w-full" @focusout="checkZip"/>
         </UFormField>
 
-        <UFormField label="Ort">
-          <UInput v-model="profile.address_city"/>
+        <UFormField label="Ort" class="w-full">
+          <UInput v-model="profile.address_city" class="w-full"/>
         </UFormField>
 
-        <UFormField label="Bundesland">
+        <UFormField label="Bundesland" class="w-full">
           <USelectMenu
               v-model="profile.state_code"
               :options="bundeslaender"
               value-attribute="code"
               option-attribute="name"
               placeholder="Bundesland auswählen"
+              class="w-full"
+              :ui="selectMenuUi"
           />
         </UFormField>
       </UForm>
@@ -394,20 +459,20 @@ onMounted(async () => {
     <UCard v-if="!pending && profile" class="mt-3">
       <USeparator label="Sonstiges" />
       <UForm :state="profile" @submit.prevent="saveProfile" class="grid grid-cols-1 md:grid-cols-2 gap-6 mt-4">
-        <UFormField label="Kleidergröße (Oberteil)">
-          <UInput v-model="profile.clothing_size_top" />
+        <UFormField label="Kleidergröße (Oberteil)" class="w-full">
+          <UInput v-model="profile.clothing_size_top" class="w-full" />
         </UFormField>
 
-        <UFormField label="Kleidergröße (Hose)">
-          <UInput v-model="profile.clothing_size_bottom" />
+        <UFormField label="Kleidergröße (Hose)" class="w-full">
+          <UInput v-model="profile.clothing_size_bottom" class="w-full" />
         </UFormField>
 
-        <UFormField label="Schuhgröße">
-          <UInput v-model="profile.clothing_size_shoe" />
+        <UFormField label="Schuhgröße" class="w-full">
+          <UInput v-model="profile.clothing_size_shoe" class="w-full" />
         </UFormField>
 
-        <UFormField label="Token-ID">
-          <UInput v-model="profile.token_id" />
+        <UFormField label="Token-ID" class="w-full">
+          <UInput v-model="profile.token_id" class="w-full" />
         </UFormField>
       </UForm>
     </UCard>

frontend/pages/staff/profiles/index.vue

@@ -13,7 +13,8 @@
       employee_number: profile?.employee_number || '',
       full_name: profile?.full_name || user?.full_name || user?.email || 'Ohne Profil',
       email: user?.email || profile?.email || '',
-      branch_name: profile?.branch?.name || ''
+      branch_name: profile?.branch?.name || '',
+      team_names: (profile?.teams || []).map((team) => team?.name).filter(Boolean).join(', ')
     }
   }
 
@@ -52,6 +53,9 @@
     },{
       key: "branch_name",
       label: "Niederlassung",
+    },{
+      key: "team_names",
+      label: "Teams",
     }
   ]
   const selectedColumns = ref(templateColumns)

frontend/stores/data.js

@@ -2897,6 +2897,12 @@ export const useDataStore = defineStore('data', () => {
                     inputType: "text",
                     sortable: true
                 },
+                {
+                    key: "quick",
+                    label: "Quick-Eintrag",
+                    inputType: "bool",
+                    sortable: true
+                },
                 {
                     key: "startDate",
                     label: "Start",
@@ -3044,6 +3050,56 @@ export const useDataStore = defineStore('data', () => {
             ],
             showTabs: [{label: 'Informationen'},{label: 'Wiki'}]
         },
+        teams: {
+            isArchivable: true,
+            label: "Teams",
+            labelSingle: "Team",
+            isStandardEntity: true,
+            redirect: true,
+            historyItemHolder: "team",
+            sortColumn: "name",
+            selectWithInformation: "*",
+            filters: [{
+                name: "Archivierte ausblenden",
+                default: true,
+                "filterFunction": function (row) {
+                    if(!row.archived) {
+                        return true
+                    } else {
+                        return false
+                    }
+                }
+            }],
+            inputColumns: ["Allgemein"],
+            templateColumns: [
+                {
+                    key: "name",
+                    label: "Name",
+                    required: true,
+                    title: true,
+                    inputType: "text",
+                    inputColumn: "Allgemein",
+                    sortable: true
+                },
+                {
+                    key: "branch",
+                    label: "Niederlassung",
+                    inputType: "select",
+                    inputColumn: "Allgemein",
+                    selectDataType: "branches",
+                    selectOptionAttribute: "name",
+                    component: branch,
+                    sortable: true
+                },
+                {
+                    key: "description",
+                    label: "Beschreibung",
+                    inputType: "textarea",
+                    inputColumn: "Allgemein"
+                }
+            ],
+            showTabs: [{label: 'Informationen'},{label: 'Wiki'}]
+        },
         workingtimes: {
             isArchivable: true,
             label: "Anwesenheiten",