added technical data to xinon workorder and workordermph now has a unassign button

public/js/pages/WorkorderBase/WorkorderBase.js

@@ -273,7 +273,44 @@ Vue.component('workorder-details-manager', {
                 />
               </div>
             </div>
-            
+
+            <div v-if="showTechnicalData && technicalData && (technicalData.patchposition?.equipmentName || technicalData.rimoWorkorders?.length)" class="card mb-3">
+              <div class="card-header bg-purple text-white">
+                <h5 class="mb-0"><i class="fas fa-microchip mr-2"></i>Technische Daten</h5>
+              </div>
+              <div class="card-body">
+                <div class="row">
+                  <div class="col-md-6" v-if="technicalData.patchposition?.equipmentName">
+                    <h6>Patchposition</h6>
+                    <table class="table table-sm table-striped mb-0">
+                      <tr>
+                        <th class="border-top-0">Equipment Name:</th>
+                        <td class="border-top-0 text-monospace">{{ technicalData.patchposition.equipmentName }}</td>
+                      </tr>
+                      <tr v-if="technicalData.patchposition.equipmentPort">
+                        <th>Equipment Port:</th>
+                        <td class="text-monospace">{{ technicalData.patchposition.equipmentPort }}</td>
+                      </tr>
+                    </table>
+                  </div>
+                  <div class="col-md-6" v-if="technicalData.rimoWorkorders?.length">
+                    <h6>AHA Blätter</h6>
+                    <div v-for="wo in technicalData.rimoWorkorders" :key="wo.id" class="mb-2">
+                      <div class="d-flex align-items-center justify-content-between border rounded p-2">
+                        <div>
+                          <strong>{{ wo.rimoName }}</strong>
+                          <small class="text-muted ml-2">{{ wo.rimoStatus }}</small>
+                        </div>
+                        <a :href="wo.downloadUrl" target="_blank" class="btn btn-sm btn-outline-primary">
+                          <i class="fas fa-file-pdf mr-1"></i> AHA Blatt
+                        </a>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+
             <div class="card mb-3" v-if="isAdmin && selectedDocs.length > 0">
               <div class="card-header bg-warning"><h5><i class="fas fa-exclamation-triangle mr-2"></i>Korrektur anfordern</h5></div>
               <div class="card-body">
@@ -328,6 +365,9 @@ Vue.component('workorder-details-manager', {
         requireCableLength: false,
         requireCableType: false,
         savingData: false,
+        // Technical data
+        showTechnicalData: false,
+        technicalData: null,
         // Admin state
         selectedDocs: [], correctionText: '', correctionLoading: false, showAcceptModal: false, showRevertModal: false,
     }),
@@ -394,6 +434,8 @@ Vue.component('workorder-details-manager', {
                     this.interventionTypes = data.interventionTypes;
                     this.requireCableLength = data.requireCableLength || false;
                     this.requireCableType = data.requireCableType || false;
+                    this.showTechnicalData = data.showTechnicalData || false;
+                    this.technicalData = data.technicalData || null;
                 }
             } catch (e) { console.error("Mandantenkonfiguration nicht geladen", e); }
             finally { this.loadingConfig = false; }