cory/tildefriends
5
6
Fork 2
Code Issues 39 Pull Requests Actions Releases 33 Wiki Activity

WIP managing a per-app current identity from the Tilde Friends navigation bar.

Browse Source
This commit is contained in:
Cory McWilliams
2024-04-13 13:22:59 -04:00
parent c8b8a8fc03
commit 0412b97170
4 changed files with 94 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
core/client.js
View File

@ -56,6 +56,8 @@ class TfNavigationElement extends LitElement {
spark_lines: {type: Object},
version: {type: Object},
show_version: {type: Boolean},
identity: {type: String},
identities: {type: Array},
};
}
@ -65,6 +67,7 @@ class TfNavigationElement extends LitElement {
this.show_permissions = false;
this.status = {};
this.spark_lines = {};
this.identities = [];
}
/**
@ -128,6 +131,37 @@ class TfNavigationElement extends LitElement {
}
}
set_active_identity(event) {
send({action: 'setActiveIdentity', identity: event.srcElement.value});
}
create_identity(event) {
send({action: 'createIdentity'});
}
render_identity() {
if (this.identities?.length) {
return html`
<link type="text/css" rel="stylesheet" href="/static/w3.css" />
<select
@change=${this.set_active_identity}
class="w3-input"
style="flex: 0 1 auto; width: auto; display: inline-blocktext-overflow: ellipsis; overflow: hidden; white-space: nowrap">
${this.identities.map(x => html`<option ?selected=${x === this.identity}>${x}</option>`)}
</select>
`;
} else {
return html`
<link type="text/css" rel="stylesheet" href="/static/w3.css" />
<button
@click=${this.create_identity}
class="w3-button w3-blue">
Create an Identity
</button>
`;
}
}
/**
* TODOC
* @returns
@ -257,6 +291,7 @@ class TfNavigationElement extends LitElement {
x,
])}</span
>
${this.render_identity()}
<span style="flex: 0 0; white-space: nowrap"
>${this.render_login()}</span
>
@ -1125,11 +1160,17 @@ function api_setHash(hash) {
function _receive_websocket_message(message) {
if (message && message.action == 'session') {
setStatusMessage('🟢 Executing...', kStatusColor);
document.getElementsByTagName('tf-navigation')[0].credentials =
message.credentials;
let navigation = document.getElementsByTagName('tf-navigation')[0];
navigation.credentials = message.credentials;
navigation.identities = message.identities;
navigation.identity = message.identity;
} else if (message && message.action == 'permissions') {
document.getElementsByTagName('tf-navigation')[0].permissions =
message.permissions ?? {};
let navigation = document.getElementsByTagName('tf-navigation')[0];
navigation.permissions = message.permissions ?? {};
} else if (message && message.action == 'identities') {
let navigation = document.getElementsByTagName('tf-navigation')[0];
navigation.identities = message.identities;
navigation.identity = message.identity;
} else if (message && message.action == 'ready') {
setStatusMessage(null);
if (window.location.hash) {