Document Restructure

Introduced ExternalDevices Settingspage
Added DocumentDisplay.vue Component
Some Changes to Spaces

spaces/pages/settings/externalDevices.vue

@@ -1,4 +1,28 @@
 <script setup>
+import axios from "axios"
+const {ownTenant} = storeToRefs(useDataStore())
+
+
+const setupPrinter = async () => {
+  console.log(ownTenant.value.labelPrinterIp)
+  let printerUri = `http://${ownTenant.value.labelPrinterIp}/pstprnt`
+  labelPrinterURI.value = printerUri
+  console.log(printerUri)
+}
+
+
+/*const printLabel = async () => {
+  axios
+      .post(labelPrinterURI.value, `^XA^FO10,20^BCN,100^FD${}^XZ` )
+      .then(console.log)
+      .catch(console.log)
+
+
+}*/
+
+
+
+const labelPrinterURI = ref("")
 
 </script>
 
@@ -8,12 +32,32 @@
       <template #header>
         Etikettendrucker
       </template>
+
+      <UFormGroup
+        label="IP-Adresse:"
+      >
+        <UInput
+          v-model="labelPrinterURI"
+        />
+      </UFormGroup>
+
+      <UButton
+        @click="setupPrinter"
+      >
+        Drucker Setup
+      </UButton>
+      <UButton
+        @click="printLabel"
+      >
+        Druck
+      </UButton>
+
     </UCard>
-    <UCard>
+<!--    <UCard>
       <template #header>
         A4 Drucker
       </template>
-    </UCard>
+    </UCard>-->
   </UPage>
 </template>