Skip to content

Improve Umbrel and StartOS copy button UX #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Alex71btc merged 1 commit into from
May 22, 2026
Merged

Improve Umbrel and StartOS copy button UX #2

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
52 changes: 36 additions & 16 deletions app/frontend/public/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -574,26 +574,39 @@ <h1 style="margin:0;" data-i18n="setup.title">⚙️ BOLT12 Pay Setup</h1>

<pre class="bolt12-onion-warning__code">Apps → lightning → data → lnd → lnd.conf</pre>

<pre class="bolt12-onion-warning__code">[protocol]
protocol.custom-message=513
protocol.custom-nodeann=39
protocol.custom-init=39</pre>

<button
type="button"
class="btn secondary bolt12-onion-copy-btn"
data-copy-label-de="Umbrel-Konfiguration kopieren"
data-copy-label-en="Copy Umbrel config"
onclick="copyToClipboard('[protocol]\nprotocol.custom-message=513\nprotocol.custom-nodeann=39\nprotocol.custom-init=39').then(() => { this.querySelector('span').textContent = (document.documentElement.lang === 'de' ? 'Umbrel-Konfiguration kopiert!' : 'Umbrel config copied!'); setTimeout(() => { this.querySelector('span').textContent = (document.documentElement.lang === 'de' ? 'Umbrel-Konfiguration kopieren' : 'Copy Umbrel config'); }, 2000); })">
<span data-i18n="setup.copyUmbrelConfig">Copy Umbrel config</span>
</button>

<div class="bolt12-onion-warning__text">
<strong>StartOS:</strong>
<span data-i18n="setup.onionWarningStartOS"></span>
</div>

<pre class="bolt12-onion-warning__code">sudo nano /media/startos/data/package-data/volumes/lnd/data/main/lnd.conf</pre>
<pre class="bolt12-onion-warning__code">[protocol]
protocol.custom-message=513

<pre class="bolt12-onion-warning__code">protocol.custom-message=513
protocol.custom-nodeann=39
protocol.custom-init=39</pre>

<button
type="button"
class="btn secondary bolt12-onion-copy-btn"
onclick="copyToClipboard('[protocol]\nprotocol.custom-message=513\nprotocol.custom-nodeann=39\nprotocol.custom-init=39').then(() => { this.textContent = (document.documentElement.lang === 'de' ? 'Konfiguration kopiert' : 'Config copied'); setTimeout(() => { this.textContent = (document.documentElement.lang === 'de' ? 'Konfiguration kopieren' : 'Copy config'); }, 1800); })"
data-copy-label-de="Konfiguration kopieren"
data-copy-label-en="Copy config"
>
Copy config
</button>
<button
type="button"
class="btn secondary bolt12-onion-copy-btn"
data-copy-label-de="StartOS-Konfiguration kopieren"
data-copy-label-en="Copy StartOS config"
onclick="copyToClipboard('protocol.custom-message=513\nprotocol.custom-nodeann=39\nprotocol.custom-init=39').then(() => { this.querySelector('span').textContent = (document.documentElement.lang === 'de' ? 'StartOS-Konfiguration kopiert!' : 'StartOS config copied!'); setTimeout(() => { this.querySelector('span').textContent = (document.documentElement.lang === 'de' ? 'StartOS-Konfiguration kopieren' : 'Copy StartOS config'); }, 2000); })">
<span data-i18n="setup.copyStartOSConfig">Copy StartOS config</span>
</button>

<div class="bolt12-onion-warning__text" data-i18n="setup.onionWarningRestart">
Danach die Lightning Node neu starten.
Expand Down Expand Up @@ -2052,11 +2065,14 @@ <h1 style="margin:0;" data-i18n="console.title">⚡ BOLT12 Offer & Alias Console
const lang = getLang();
document.documentElement.setAttribute("lang", lang);

document.querySelectorAll('.bolt12-onion-copy-btn').forEach((btn) => {
btn.textContent = lang === 'de'
? (btn.dataset.copyLabelDe || 'Konfiguration kopieren')
: (btn.dataset.copyLabelEn || 'Copy config');
});
document.querySelectorAll('.bolt12-onion-copy-btn').forEach((btn) => {
const span = btn.querySelector('span');
if (!span) return;

span.textContent = lang === 'de'
? (btn.dataset.copyLabelDe || 'Kopieren')
: (btn.dataset.copyLabelEn || 'Copy');
});

allLangButtons().forEach(([btn, code]) => {
const active = lang === code;
Expand Down Expand Up @@ -2155,6 +2171,8 @@ <h1 style="margin:0;" data-i18n="console.title">⚡ BOLT12 Offer & Alias Console
"setup.onionWarningUmbrelFiles": "Öffne Umbrel → Files und navigiere zu:",
"setup.onionWarningStartOS": " Verbinde dich per SSH und öffne:",
"setup.onionWarningRestart": "Danach Datei speichern und die Lightning Node neu starten. Ohne das funktionieren BOLT12 Offers nicht.",
"setup.copyUmbrelConfig": "Umbrel-Konfiguration kopieren",
"setup.copyStartOSConfig": "StartOS-Konfiguration kopieren",
"dns.none": "Keine",
"dns.manual": "Manuell",
"dns.cloudflare": "Cloudflare",
Expand Down Expand Up @@ -2254,6 +2272,8 @@ <h1 style="margin:0;" data-i18n="console.title">⚡ BOLT12 Offer & Alias Console
"setup.onionWarningStartOS": " Connect via SSH and open:",
"setup.onionWarningUmbrelFiles": "Open Umbrel → Files and navigate to:",
"setup.onionWarningRestart": "Then save the file and restart your Lightning node. Without this, BOLT12 offers will not work.",
"setup.copyUmbrelConfig": "Copy Umbrel config",
"setup.copyStartOSConfig": "Copy StartOS config",
"dns.none": "None",
"dns.manual": "Manual",
"dns.cloudflare": "Cloudflare",
Expand Down
Loading