Changes

components/EntityShow.vue

@@ -180,7 +180,7 @@ const changeActivePhase = async (key) => {
                 >
                   <td>{{datapoint.label}}:</td>
                   <td>
-                    <component v-if="datapoint.component" :is="datapoint.component" :row="props.item"></component>
+                    <component v-if="datapoint.component" :is="datapoint.component" :row="props.item" :in-show="true"></component>
                     <div v-else>
                       <span v-if="datapoint.key.includes('.')">{{props.item[datapoint.key.split('.')[0]][datapoint.key.split('.')[1]]}}{{datapoint.unit}}</span>
                       <span v-else>{{props.item[datapoint.key]}} {{datapoint.unit}}</span>
@@ -381,6 +381,51 @@ const changeActivePhase = async (key) => {
               </template>
             </UAccordion>
           </UCard>
+        </div><div v-else-if="item.label === 'Ausgangsbelege'">
+          <UCard class="mt-5">
+
+            <Toolbar>
+              <UButton
+                @click="router.push('/createDocument/edit/?type=quotes')"
+              >
+                + Angebot
+              </UButton>
+              <UButton
+                @click="router.push('/createDocument/edit/?type=confirmationOrders')"
+              >
+                + Auftragsbestätigung
+              </UButton>
+              <UButton
+                @click="router.push('/createDocument/edit/?type=deliveryNotes')"
+              >
+                + Lieferschein
+              </UButton>
+              <UButton
+                @click="router.push('/createDocument/edit/?type=advanceInvoices')"
+              >
+                + Abschlagsrechnung
+              </UButton>
+              <UButton
+                @click="router.push('/createDocument/edit/?type=invoices')"
+              >
+                + Rechnung
+              </UButton>
+            </Toolbar>
+
+            <UTable
+              :rows="props.item.createddocuments"
+              :columns="[{key:'documentNumber',label: 'Nummer'},{key:'documentDate',label: 'Datum'},{key:'type',label: 'Typ'},{key:'state',label: 'Status'}]"
+              @select="(i) => router.push(i.state === 'Entwurf' ? `/createDocument/edit/${i.id}`:`/createDocument/show/${i.id}`)"
+            >
+              <template #documentDate-data="{row}">
+                {{dayjs(row.documentDate).format("DD.MM.YY HH:mm")}}
+              </template>
+              <template #type-data="{row}">
+                {{dataStore.documentTypesForCreation[row.type].labelSingle}}
+              </template>
+            </UTable>
+
+          </UCard>
         </div>
       </div>
 
@@ -403,6 +448,6 @@ td {
 .scroll {
   height: 80vh;
   overflow-y: scroll;
-  padding: 1em;
+  padding: 0.3em;
 }
 </style>