Restructured IncomingInvoices

Added Aspect Ration to DocumentDisplay.vue

pages/index.vue

@@ -10,23 +10,9 @@
               </UChip>
             </UButton>
           </UTooltip>
-
-<!--          <UDropdown :items="items">
-            <UButton icon="i-heroicons-plus" size="md" class="ml-1.5 rounded-full" />
-          </UDropdown>-->
         </template>
       </UDashboardNavbar>
 
-<!--      <UDashboardToolbar>
-        <template #left>
-          &lt;!&ndash; ~/components/home/HomeDateRangePicker.vue &ndash;&gt;
-&lt;!&ndash;          <HomeDateRangePicker v-model="range" class="-ml-2.5" />&ndash;&gt;
-
-          &lt;!&ndash; ~/components/home/HomePeriodSelect.vue &ndash;&gt;
-&lt;!&ndash;          <HomePeriodSelect v-model="period" :range="range" />&ndash;&gt;
-        </template>
-      </UDashboardToolbar>-->
-
       <UDashboardPanelContent>
         <UDashboardCard
             title="Anwesenheiten"
@@ -34,6 +20,24 @@
         >
           <p v-for="time in dataStore.getStartedWorkingTimes()"><UIcon name="i-heroicons-check"/>{{dataStore.getProfileById(time.profile).fullName}}</p>
         </UDashboardCard>
+<!--        <UDashboardCard
+          title="Offene Aufgaben"
+          v-if="dataStore.getOpenTasksCount > 0"
+          class="w-1/2 h-1/2"
+        >
+          <UTable
+            :rows="dataStore.tasks.filter(i => i.categorie !== 'Erledigt' && (i.profile === dataStore.activeProfile.id ||!i.profile))"
+            :columns="[
+                {
+                  key: 'categorie',
+                  label: 'Kategorie'
+                },{
+                  key: 'name',
+                  label: 'Name'
+                },
+            ]"
+          ></UTable>
+        </UDashboardCard>-->
 
       </UDashboardPanelContent>
     </UDashboardPanel>
@@ -59,9 +63,6 @@ const items = [[{
 }]]
 
 
-const {getOpenTasksCount} = useDataStore()
-const openTasks = getOpenTasksCount
-
 const supabase = useSupabaseClient()
 
 const user = useSupabaseUser()
@@ -69,16 +70,5 @@ const user = useSupabaseUser()
 </script>
 
 <style scoped>
-/*.cardHolder {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  justify-content: center;
-}
 
-.card{
-  width: 22vw;
-  height: 40vh;
-  border: 1px solid white
-}*/
 </style>