Changes

spaces/pages/workingtimes.vue

@@ -103,8 +103,8 @@ const configTimeMode = ref("create")
 const startTime = async () => {
   console.log("started")
   timeInfo.value = {
-    profile: dataStore.getOwnProfile.id,
-    start: dayjs().format("HH:mm:ssZ"),
+    profile: dataStore.activeProfile.id,
+    start: dayjs().format("HH:mm:ss"),
     date: dayjs().format("YYYY-MM-DD"),
     tenant: dataStore.currentTenant,
     state: "Im Web gestartet"
@@ -120,7 +120,7 @@ const startTime = async () => {
   } else if(data) {
     //timeInfo.value = data[0]
     await dataStore.fetchWorkingTimes()
-    runningTimeInfo.value = dataStore.times.find(time => time.profile === dataStore.getOwnProfile.id && !time.end)
+    runningTimeInfo.value = dataStore.times.find(time => time.profile === dataStore.activeProfile.id && !time.end)
   }
 
 }
@@ -250,30 +250,35 @@ const setState = async (newState) => {
       </USelectMenu>
     </template>
   </UDashboardToolbar>
-  <UCard v-if="runningTimeInfo.id" class="m-3">
-    <template #header>
-      Gestartete Zeit:
-    </template>
-    <p>Start: {{dayjs(runningTimeInfo.start, "HH:mm:ssZ").format("HH:mm")}}</p>
-    <p>Dauer: {{dayjs().diff(dayjs(runningTimeInfo.start, "HH:mm:ssZ"),'minutes') > 59 ? `${Math.floor(dayjs().diff(dayjs(runningTimeInfo.start, "HH:mm:ssZ"),'minutes') / 60)}:${dayjs().diff(dayjs(runningTimeInfo.start, "HH:mm:ssZ"),'minutes') % 60} h` : dayjs().diff(dayjs(runningTimeInfo.start, "HH:mm:ssZ"),'minutes') + ' min' }}</p>
-
-    <UFormGroup
-        class="mt-2"
-        label="Notizen:"
+  <div class="mx-3">
+    <UAlert
+        v-if="runningTimeInfo.id"
+        class="my-3"
+        title="Laufende Zeit:"
     >
-      <UTextarea
-          v-model="runningTimeInfo.notes"
-      />
-    </UFormGroup>
-    <template #footer>
-      <UButton
-          @click="stopStartedTime"
-          :disabled="!runningTimeInfo.id"
-      >
-        Stop
-      </UButton>
-    </template>
-  </UCard>
+      <template #description>
+        <p>Start: {{dayjs(runningTimeInfo.start, "HH:mm:ss").format("HH:mm")}}</p>
+        <p>Dauer: {{dayjs().diff(dayjs(runningTimeInfo.start, "HH:mm:ss"),'minutes') > 59 ? `${Math.floor(dayjs().diff(dayjs(runningTimeInfo.start, "HH:mm:ss"),'minutes') / 60)}:${dayjs().diff(dayjs(runningTimeInfo.start, "HH:mm:ss"),'minutes') % 60} h` : dayjs().diff(dayjs(runningTimeInfo.start, "HH:mm:ss"),'minutes') + ' min' }}</p>
+
+        <UFormGroup
+            class="mt-2"
+            label="Notizen:"
+        >
+          <UTextarea
+              v-model="runningTimeInfo.notes"
+          />
+        </UFormGroup>
+        <UButton
+            class="mt-3"
+            @click="stopStartedTime"
+            :disabled="!runningTimeInfo.id"
+        >
+          Stop
+        </UButton>
+      </template>
+    </UAlert>
+  </div>
+
 
   <UModal
       v-model="showConfigTimeModal"
@@ -319,9 +324,6 @@ const setState = async (newState) => {
             />
           </template>
         </UPopover>
-        <UInput
-
-        />
       </UFormGroup>
 <!--      <UFormGroup
           label="Start:"