e3b31af127
You can edit relays, embed options, and sign out. This moves the signout button from the nav to the settings area.
71 lines
2.1 KiB
JavaScript
71 lines
2.1 KiB
JavaScript
function init_settings(model) {
|
|
const el = find_node("#settings");
|
|
find_node("#add-relay", el).addEventListener("click", on_click_add_relay);
|
|
const embeds_el = find_node("input[name='show_embeds']", el);
|
|
embeds_el.addEventListener("click", on_click_toggle_embeds);
|
|
embeds_el.checked = model.embeds != "friends";
|
|
find_node("[role='sign-out']", el).addEventListener("click", on_click_sign_out);
|
|
find_node("[role='about-nostr']", el).addEventListener("click", open_faqs);
|
|
const rlist = find_node("#relay-list tbody", el);
|
|
model.relays.forEach((str) => {
|
|
rlist.appendChild(new_relay_item(str));
|
|
});
|
|
}
|
|
|
|
function new_relay_item(str) {
|
|
const tr = document.createElement('tr');
|
|
tr.innerHTML = `<td>${str}</td>
|
|
<td>
|
|
<button class="remove-relay btn-text"
|
|
data-address="${str}"
|
|
role="remove-relay">
|
|
<img class="icon svg small" src="icon/event-delete.svg"/>
|
|
</button>
|
|
</td>`;
|
|
find_node("button", tr).addEventListener("click", on_click_remove_relay);
|
|
return tr;
|
|
}
|
|
|
|
function on_click_add_relay(ev) {
|
|
const model = DAMUS;
|
|
const address = prompt("Please provide a websocket address:", "wss://");
|
|
log_debug("got address", address);
|
|
// TODO add relay validation
|
|
if (!model.pool.add(address))
|
|
return;
|
|
model.relays.add(address);
|
|
find_node("#relay-list tbody").appendChild(new_relay_item(address));
|
|
model_save_settings(model);
|
|
}
|
|
|
|
function on_click_toggle_embeds(ev) {
|
|
const model = DAMUS;
|
|
model.embeds = ev.target.checked ? "everyone" : "friends";
|
|
window.alert("You will need to refresh to see changes.");
|
|
model_save_settings(model);
|
|
}
|
|
|
|
async function on_click_sign_out(ev) {
|
|
if (confirm("Are you sure you want to sign out?")) {
|
|
localStorage.clear();
|
|
await dbclear();
|
|
window.location.reload();
|
|
}
|
|
}
|
|
|
|
function on_click_remove_relay(ev) {
|
|
const model = DAMUS;
|
|
const address = ev.target.dataset.address;
|
|
if (!model.pool.remove(address))
|
|
return;
|
|
model.relays.delete(address);
|
|
let parent = ev.target;
|
|
while (parent) {
|
|
if (parent.matches("tr")) {
|
|
parent.parentElement.removeChild(parent);
|
|
break;
|
|
}
|
|
parent = parent.parentElement;
|
|
}
|
|
model_save_settings(model);
|
|
}
|