From 8eb417da48b2e45ac08bd2390da3cad9105edf6d Mon Sep 17 00:00:00 2001
From: Luca Haid <luca.haid@xinon.eu>
Date: Mon, 29 Dec 2025 15:42:02 +0100
Subject: [PATCH] added copy button

---
 .../js/pages/ADBNetzgebiet/ADBNetzgebiet.css  | 48 +++++++++++++++++
 .../js/pages/ADBNetzgebiet/ADBNetzgebiet.js   | 52 +++++++++++++++++++
 2 files changed, 100 insertions(+)

diff --git a/public/js/pages/ADBNetzgebiet/ADBNetzgebiet.css b/public/js/pages/ADBNetzgebiet/ADBNetzgebiet.css
index 579e4069b..e45b7ba09 100644
--- a/public/js/pages/ADBNetzgebiet/ADBNetzgebiet.css
+++ b/public/js/pages/ADBNetzgebiet/ADBNetzgebiet.css
@@ -524,6 +524,54 @@
     border: 1px solid #c9e6d8;
 }
 
+/* ===== Copy From Section ===== */
+.tt-scope .copy-from-section {
+    background: #f8fafc;
+    border-radius: 8px;
+    padding: 12px 16px;
+    border: 1px dashed var(--tt-border);
+}
+
+.tt-scope .copy-from-row {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+}
+
+.tt-scope .copy-select {
+    flex: 1;
+    max-width: 350px;
+}
+
+.tt-scope .copy-select select {
+    width: 100%;
+}
+
+.tt-scope .copy-btn {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    white-space: nowrap;
+}
+
+.tt-scope .copy-btn:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+}
+
+.tt-scope .copy-hint {
+    font-size: 11px;
+    color: var(--tt-muted);
+    margin-top: 6px;
+}
+
+.tt-scope .form-divider {
+    border: none;
+    height: 1px;
+    background: var(--tt-border);
+    margin: 4px 0 0 0;
+}
+
 /* ===== Utilities ===== */
 .tt-scope .mono { font-family: var(--tt-mono); }
 .tt-scope .muted { color: var(--tt-muted); }
diff --git a/public/js/pages/ADBNetzgebiet/ADBNetzgebiet.js b/public/js/pages/ADBNetzgebiet/ADBNetzgebiet.js
index ecc100c17..b5bf1dda8 100644
--- a/public/js/pages/ADBNetzgebiet/ADBNetzgebiet.js
+++ b/public/js/pages/ADBNetzgebiet/ADBNetzgebiet.js
@@ -175,6 +175,24 @@ const ADBNetzgebiet = {
         <!-- Edit/Create Modal -->
         <tt-dialog :show="showEditModal" :title="editItem && editItem.id ? 'Netzgebiet bearbeiten' : 'Neues Netzgebiet'" size="wide" @close="showEditModal = false">
           <div v-if="editItem" class="modal-form">
+            <!-- Copy From Section -->
+            <div class="copy-from-section">
+              <div class="copy-from-row">
+                <div class="select copy-select">
+                  <select v-model="copyFromId">
+                    <option value="">Kopieren von...</option>
+                    <option v-for="item in copyableNetzgebiete" :key="item.netzgebiet.id" :value="item.netzgebiet.id">
+                      {{ item.netzgebiet.name }} {{ item.netzgebiet.extref ? '(' + item.netzgebiet.extref + ')' : '' }}
+                    </option>
+                  </select>
+                </div>
+                <button class="ghost-btn copy-btn" @click="copyFromNetzgebiet" :disabled="!copyFromId" title="Felder kopieren">
+                  <i class="fa-duotone fa-copy"></i> Kopieren
+                </button>
+              </div>
+              <div class="copy-hint">Kopiert: Quelle, Freigaben und Optionen</div>
+            </div>
+            <hr class="form-divider" />
             <div class="form-grid">
               <div class="field span-2">
                 <label>Name *</label>
@@ -289,6 +307,7 @@ const ADBNetzgebiet = {
             filterDebounce: null,
             showEditModal: false,
             editItem: null,
+            copyFromId: '',
             showHistoryModal: false,
             historyLoading: false,
             historyItems: [],
@@ -360,6 +379,13 @@ const ADBNetzgebiet = {
         paginationEnd() { return Math.min(this.currentPage * this.pageSize, this.filteredNetzgebiete.length); },
         filteredHistory() {
             return this.historyItems.filter(e => !['edit', 'create'].includes(e.field));
+        },
+        copyableNetzgebiete() {
+            return this.netzgebiete.filter(item => {
+                if (!item.netzgebiet?.id) return false;
+                if (this.editItem?.id && item.netzgebiet.id === this.editItem.id) return false;
+                return true;
+            });
         }
     },
 
@@ -396,6 +422,7 @@ const ADBNetzgebiet = {
             catch { return []; }
         },
         openCreateModal() {
+            this.copyFromId = '';
             this.editItem = {
                 id: null, name: '', extref: '', source: '', source_id: '',
                 freigabe: { interest: true, provision: true, order: true, reorder: true },
@@ -404,6 +431,7 @@ const ADBNetzgebiet = {
             this.showEditModal = true;
         },
         openEditModal(item) {
+            this.copyFromId = '';
             const n = item.netzgebiet;
             let options = {};
             try { options = JSON.parse(n.options || '{}'); } catch {}
@@ -419,6 +447,30 @@ const ADBNetzgebiet = {
             };
             this.showEditModal = true;
         },
+        copyFromNetzgebiet() {
+            if (!this.copyFromId || !this.editItem) return;
+            const source = this.netzgebiete.find(item => item.netzgebiet?.id == this.copyFromId);
+            if (!source) return;
+            const n = source.netzgebiet;
+
+            // Copy source
+            if (n.source) this.editItem.source = n.source;
+
+            // Copy freigabe
+            let freigabeArr = [];
+            try { freigabeArr = JSON.parse(n.freigabe || '[]') || []; } catch {}
+            ['interest', 'provision', 'order', 'reorder'].forEach(f => {
+                this.editItem.freigabe[f] = freigabeArr.includes(f);
+            });
+
+            // Copy options
+            let options = {};
+            try { options = JSON.parse(n.options || '{}'); } catch {}
+            this.editItem.options = { ...this.defaultOptions, ...options };
+
+            window.notify?.('success', `Felder von "${n.name}" kopiert.`);
+            this.copyFromId = '';
+        },
         async saveNetzgebiet() {
             if (!this.editItem?.name) return;
             this.isSaving = true;