From b657ced6f3dffdbf50551ad2a0207f908246cc2b Mon Sep 17 00:00:00 2001
From: simonpipe <simonpipe@noreply.codeberg.org>
Date: Thu, 18 Dec 2025 22:17:23 +0100
Subject: [PATCH] Update index.html

---
 index.html | 48 ++++++++++++++++++++++++------------------------
 1 file changed, 24 insertions(+), 24 deletions(-)
diff --git a/index.html b/index.html
index adf1bf9..0212ec9 100644
--- a/index.html
+++ b/index.html
@@ -11,10 +11,12 @@
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
     <script defer src="https://cdnjs.cloudflare.com/ajax/libs/Sortable/1.14.0/Sortable.min.js"></script>
     <script defer src="https://cdnjs.cloudflare.com/ajax/libs/howler/2.2.3/howler.min.js"></script>
+    <script defer src="https://stats.thepipes.ch/script.js" data-website-id="9d65de5b-b789-424e-ac4c-fe51477b8eb6"></script>
     <script defer src="ui-helper.js"></script>
     <script defer src="preset-manager.js"></script>
-    <script defer src="sleeptimer.js"></script>
     <script defer src="meta-handler.js"></script>
+    <script defer src="sleeptimer.js"></script>
+    <script defer src="preset-ui.js"></script>
     <script defer src="main.js"></script>
 </head>
 <body>
@@ -75,28 +77,26 @@
         
             <div class="button-container">
                 <button onclick="addPreset()">Neuer Sender hinzufügen</button>
-                <a href="https://fmstream.org" target="_blank" class="find-sender-link"><i class="fas fa-search"></i> Sender auf fmstream.org suchen</a>
+                <a href="https://fmstream.org" target="_blank" class="search-link"><i class="fas fa-search"></i> Sender auf fmstream.org suchen</a>
             </div>
 
-            <div class="share-details">
-                <h3>Sender importieren / exportieren</h3>
-                <div class="share-content">
-                    <div class="share-section">
-                        <h4>Importieren (String oder JSON-Datei)</h4>
-                        <div class="input-group">
-                            <input type="text" id="import-string-field" placeholder="String einfügen...">
-                            <button onclick="importFromString()">Importieren</i></button> | 
-                            <button onclick="importPreset()" title="JSON Upload"><i class="fas fa-file-upload"></i> JSON</button>
-                        </div>
-                    </div>
-                    <div class="share-section">
-                        <h4>Exportieren (String oder JSON-Datei)</h4>
-                        <div class="input-group">
-                            <input type="text" id="export-string-field" readonly placeholder="Code wird generiert...">
-                            <button onclick="copyExportCode()" title="Kopieren">Kopieren</i></button> | 
-                            <button onclick="exportPreset()" title="JSON Download"><i class="fas fa-download"></i> JSON</button>
-                        </div>
-                    </div>
+            <div class="export-import-container">
+                <h4>Sender teilen & sichern</h4>
+                
+                <div class="share-row">
+                    <input type="text" id="export-string-field" readonly spellcheck="false" placeholder="Lade Share-Link...">
+                    <button class="btn" onclick="copyShareLink()" title="Link kopieren">
+                        <i class="fa-solid fa-copy"></i> Kopieren
+                    </button>
+                </div>
+            
+                <div class="json-row">
+                    <button class="btn" onclick="importJSON()">
+                        <i class="fa-solid fa-file-import"></i> JSON Import
+                    </button>
+                    <button class="btn" onclick="exportJSON()">
+                        <i class="fa-solid fa-file-download"></i> JSON Export
+                    </button>
                 </div>
             </div>
 
@@ -109,10 +109,10 @@
     
     <div id="custom-modal" class="custom-modal hidden">
         <div class="custom-modal-content">
-            <h3 id="custom-modal-title">Titel</h3>
-            <p id="custom-modal-message">Nachricht</p>
+            <h3 id="custom-modal-title">Bestätigung</h3>
+            <p id="custom-modal-message">Möchten Sie fortfahren?</p>
             <div class="custom-modal-buttons">
-                <button id="custom-modal-cancel" class="btn-cancel hidden">Abbrechen</button>
+                <button id="custom-modal-cancel" class="btn-cancel">Abbrechen</button>
                 <button id="custom-modal-ok" class="btn-ok">OK</button>
             </div>
         </div>
