Changes in Workingtimes

pages/profiles/show/[id].vue

@@ -161,6 +161,17 @@ const addToNewsletter = async () => {
   console.log(data)
 }
 
+const calcWeeklyWorkingHours = () => {
+  itemInfo.value.weeklyWorkingHours =
+      itemInfo.value.weeklyRegularWorkingHours[1] +
+      itemInfo.value.weeklyRegularWorkingHours[2] +
+      itemInfo.value.weeklyRegularWorkingHours[3] +
+      itemInfo.value.weeklyRegularWorkingHours[4] +
+      itemInfo.value.weeklyRegularWorkingHours[5] +
+      itemInfo.value.weeklyRegularWorkingHours[6] +
+      itemInfo.value.weeklyRegularWorkingHours[7]
+}
+
 </script>
 
 <template>
@@ -191,9 +202,9 @@ const addToNewsletter = async () => {
           label: 'Informationen'
         },{
           label: 'Logbuch'
-        },{
+        },/*{
           label: 'Zeiterfassung'
-        },{
+        },*/{
           label: 'Vertragsdaten'
         },{
           label: 'Dokumente'
@@ -307,6 +318,7 @@ const addToNewsletter = async () => {
               :element-id="itemInfo.id"
           />
         </div>
+<!--
         <div v-if="item.label === 'Zeiterfassung'">
           <Toolbar>
             <UFormGroup
@@ -400,6 +412,7 @@ const addToNewsletter = async () => {
 
 
         </div>
+-->
         <div v-if="item.label === 'Vertragsdaten'">
           <Toolbar>
             <UButton
@@ -415,16 +428,17 @@ const addToNewsletter = async () => {
             >
               <UInput
                 v-model="itemInfo.weeklyWorkingHours"
+                type="number"
               />
             </UFormGroup>
-            <UFormGroup
+<!--            <UFormGroup
               label="Durchschnittliche Arbeitstage pro Woche"
               class="flex-auto"
             >
               <UInput
                 v-model="itemInfo.weeklyWorkingDays"
               />
-            </UFormGroup>
+            </UFormGroup>-->
             <UFormGroup
               label="Urlaubstage"
               class="flex-auto"
@@ -434,7 +448,7 @@ const addToNewsletter = async () => {
               />
             </UFormGroup>
           </InputGroup>
-          <UDivider>Regelarbeitszeiten</UDivider>
+          <UDivider class="my-3">Regelarbeitszeiten</UDivider>
           <InputGroup class="w-full">
             <UFormGroup
               label="Montag"
@@ -443,6 +457,7 @@ const addToNewsletter = async () => {
               <UInput
                 v-model="itemInfo.weeklyRegularWorkingHours[1]"
                 type="number"
+                @change="calcWeeklyWorkingHours"
 
               />
             </UFormGroup><UFormGroup
@@ -452,6 +467,7 @@ const addToNewsletter = async () => {
               <UInput
                 v-model="itemInfo.weeklyRegularWorkingHours[2]"
                 type="number"
+                @change="calcWeeklyWorkingHours"
 
               />
             </UFormGroup>
@@ -462,6 +478,7 @@ const addToNewsletter = async () => {
               <UInput
                 v-model="itemInfo.weeklyRegularWorkingHours[3]"
                 type="number"
+                @change="calcWeeklyWorkingHours"
 
               />
             </UFormGroup>
@@ -472,6 +489,7 @@ const addToNewsletter = async () => {
               <UInput
                 v-model="itemInfo.weeklyRegularWorkingHours[4]"
                 type="number"
+                @change="calcWeeklyWorkingHours"
 
               />
             </UFormGroup>
@@ -482,6 +500,7 @@ const addToNewsletter = async () => {
               <UInput
                 v-model="itemInfo.weeklyRegularWorkingHours[5]"
                 type="number"
+                @change="calcWeeklyWorkingHours"
 
               />
             </UFormGroup>
@@ -492,6 +511,18 @@ const addToNewsletter = async () => {
               <UInput
                 v-model="itemInfo.weeklyRegularWorkingHours[6]"
                 type="number"
+                @change="calcWeeklyWorkingHours"
+
+              />
+            </UFormGroup>
+            <UFormGroup
+              label="Sonntag"
+              class="flex-auto"
+            >
+              <UInput
+                v-model="itemInfo.weeklyRegularWorkingHours[7]"
+                type="number"
+                @change="calcWeeklyWorkingHours"
 
               />
             </UFormGroup>