aiolabs/lightning-pub
2
0
Fork 0
Code Issues 9 Pull requests 4 Projects Releases Packages Wiki Activity Actions

wiz status check

Browse source
This commit is contained in:
shocknet-justin 2025-10-09 11:05:13 -04:00
parent 6da5577b27
commit 0f5be06e94
5 changed files with 74 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

20
static/js/status.js
View file

@ -34,6 +34,11 @@ $(() => {
$("#reset-box").show();
$('.continue-button').attr('id', 'set-show-nostr');
});
$("#show-avatar").click(() => {
$('.show-avatar').show()
$('#show-avatar-text').hide()
$('input[name="show-avatar"]').focus();
});
$("#show-nodey").click(() => {
$('.show-nodey').show()
$('#show-nodey-text').hide()
@ -73,6 +78,21 @@ $(() => {
$('#show-nostr-text').show()
})
})
$("#save-show-avatar").click(() => {
var targetInputVal = $('input[name="show-avatar"]').val()
postConfig({ avatar_url: targetInputVal }).then(ok => {
if (ok) {
$('#show-avatar-text').text(targetInputVal || '—')
if (targetInputVal) { $('#avatarImg').attr('src', targetInputVal) }
}
$('.show-avatar').hide()
$('#show-avatar-text').show()
})
})
$("#cancel-show-avatar").click(() => {
$('.show-avatar').hide()
$('#show-avatar-text').show()
})
$("#cancel-show-nostr").click(() => {
$('.show-nostr').hide()
$('#show-nostr-text').show()

24
static/status.html
View file

@ -69,6 +69,27 @@
</div>
</div>
</div>
<div class="status-element" style="margin-top: 15px;">
<div style="text-align: left;">Avatar:</div>
<div class="fc-grey editable-content">
<div class="show-avatar" style="display: flex; flex-direction: column; display: none;">
<input type="text" value="" name="show-avatar" placeholder="https://example.com/avatar.png" />
<div style="display: flex;justify-content: end;">
<button class="small-btn" id="cancel-show-avatar">Cancel</button>
<button class="small-btn" id="save-show-avatar">Save</button>
</div>
</div>
<div style="display:flex;align-items:center;gap:12px;">
<img id="avatarImg" src="" alt="avatar" style="width:48px;height:48px;border-radius:6px;object-fit:cover;box-shadow:0 0 2px rgba(0,0,0,1);" />
<div id="show-avatar-text" style="word-break:break-all;">—</div>
<div class="question-box">
<button class="icon-button" id="show-avatar">
<img src="img/pencil.svg" style="cursor: pointer;" />
</button>
</div>
</div>
</div>
</div>
<div class="status-element" style="margin-top: 15px;">
<div>Administrator:</div>
<div id="adminNpub" style="line-break: anywhere;">
@ -165,8 +186,11 @@
const lndText = lndStateNum === 2 ? 'ONLINE' : (lndStateNum === 1 ? 'SYNCING' : 'OFFLINE')
const lndDot = lndStateNum === 2 ? 'green-dot' : (lndStateNum === 1 ? 'yellow-dot' : 'red-dot')
const relayConnected = !!relayUrl
const avatar = j.avatar_url || (j.app_id ? `https://robohash.org/${encodeURIComponent(j.app_id)}.png?size=128x128&set=set3` : '')
document.getElementById("show-nodey-text").innerHTML = name
document.getElementById("show-nostr-text").innerHTML = relayUrl || '—'
document.getElementById("show-avatar-text").innerHTML = avatar || '—'
if (avatar) { document.getElementById("avatarImg").src = avatar }
document.getElementById("adminNpub").innerText = admin
document.getElementById("relayStatus").innerHTML = `<span class="${relayConnected ? 'green-dot' : 'red-dot'}">&#9679;</span> ${relayConnected ? 'Connected' : 'Disconnected'}`
document.getElementById("lndStatus").innerHTML = `<span class="${lndDot}">&#9679;</span> ${lndText}`