Let's get account names to the UI.

This commit is contained in:
2024-04-13 21:51:18 -04:00
parent 26165e30de
commit dbf28c03e6
3 changed files with 52 additions and 20 deletions

View File

@ -58,6 +58,7 @@ class TfNavigationElement extends LitElement {
show_version: {type: Boolean},
identity: {type: String},
identities: {type: Array},
names: {type: Object},
};
}
@ -68,6 +69,7 @@ class TfNavigationElement extends LitElement {
this.status = {};
this.spark_lines = {};
this.identities = [];
this.names = {};
}
/**
@ -148,16 +150,17 @@ class TfNavigationElement extends LitElement {
}
render_identity() {
let self = this;
if (this.identities?.length) {
return html`
<link type="text/css" rel="stylesheet" href="/static/w3.css" />
<select
@change=${this.set_active_identity}
class="w3-button w3-cyan w3-bar-item w3-right"
style="max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap"
style="max-width: 25%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap"
>
${this.identities.map(
(x) => html`<option ?selected=${x === this.identity}>${x}</option>`
(x) => html`<option ?selected=${x === this.identity}>${self.names[x]} - ${x}</option>`
)}
</select>
`;
@ -1176,6 +1179,7 @@ function _receive_websocket_message(message) {
navigation.credentials = message.credentials;
navigation.identities = message.identities;
navigation.identity = message.identity;
navigation.names = message.names;
} else if (message && message.action == 'permissions') {
let navigation = document.getElementsByTagName('tf-navigation')[0];
navigation.permissions = message.permissions ?? {};
@ -1183,6 +1187,7 @@ function _receive_websocket_message(message) {
let navigation = document.getElementsByTagName('tf-navigation')[0];
navigation.identities = message.identities;
navigation.identity = message.identity;
navigation.names = message.names;
} else if (message && message.action == 'ready') {
setStatusMessage(null);
if (window.location.hash) {