simon/Radioplayer-with-Presets
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update index.html

Browse source
This commit is contained in:
simonpipe 2025-12-18 22:17:23 +01:00
parent 6de5a04e76
commit b657ced6f3
1 changed files with 24 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

46
index.html
View file

@ -11,10 +11,12 @@
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> <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/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://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="ui-helper.js"></script>
<script defer src="preset-manager.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="meta-handler.js"></script>
<script defer src="sleeptimer.js"></script>
<script defer src="preset-ui.js"></script>
<script defer src="main.js"></script> <script defer src="main.js"></script>
</head> </head>
<body> <body>
@ -75,28 +77,26 @@
<div class="button-container"> <div class="button-container">
<button onclick="addPreset()">Neuer Sender hinzufügen</button> <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>
<div class="share-details"> <div class="export-import-container">
<h3>Sender importieren / exportieren</h3> <h4>Sender teilen & sichern</h4>
<div class="share-content">
<div class="share-section"> <div class="share-row">
<h4>Importieren (String oder JSON-Datei)</h4> <input type="text" id="export-string-field" readonly spellcheck="false" placeholder="Lade Share-Link...">
<div class="input-group"> <button class="btn" onclick="copyShareLink()" title="Link kopieren">
<input type="text" id="import-string-field" placeholder="String einfügen..."> <i class="fa-solid fa-copy"></i> Kopieren
<button onclick="importFromString()">Importieren</i></button> | </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>
<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>
</div> </div>
@ -109,10 +109,10 @@
<div id="custom-modal" class="custom-modal hidden"> <div id="custom-modal" class="custom-modal hidden">
<div class="custom-modal-content"> <div class="custom-modal-content">
<h3 id="custom-modal-title">Titel</h3> <h3 id="custom-modal-title">Bestätigung</h3>
<p id="custom-modal-message">Nachricht</p> <p id="custom-modal-message">Möchten Sie fortfahren?</p>
<div class="custom-modal-buttons"> <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> <button id="custom-modal-ok" class="btn-ok">OK</button>
</div> </div>
</div> </div>