Merge branch 'user_settings' of https://dev.tildefriends.net/tasiaiso/tildefriends into user_settings

feat(user_settings): finish ui, add ability to export and create identities, add tildefriends.css to the /static/ folder
2024-03-21 19:33:08 +01:00 · 2024-03-21 19:27:29 +01:00
6 changed files with 25 additions and 11 deletions
--- a/apps/user_settings/app.js
+++ b/apps/user_settings/app.js
@@ -3,6 +3,9 @@ import * as tfrpc from '/tfrpc.js';
 tfrpc.register(async function getIdentities() {
 	return ssb.getIdentities();
 });
+tfrpc.register(async function createID(id) {
+	return await ssb.createIdentity();
+});
 tfrpc.register(async function getPrivateKey(id) {
 	return bip39Words(await ssb.getPrivateKey(id));
 });
@@ -15,6 +18,9 @@ tfrpc.register(async function setTheme() {
 	console.warn("setTheme called - not implemented")
 	return null;
 });
+tfrpc.register(async function reload() {
+	await main();
+});

 async function main() {
 	// Get body.html
@@ -25,9 +31,7 @@ async function main() {
 	<!DOCTYPE html>
 	<html>
 		<head>
-			<link rel="stylesheet" href="/static/tildefriends-latest.css"/>
-			<link rel="stylesheet" href="style.css"/>
-			<script src="script.js" type="module"></script>
+			<link rel="stylesheet" href="/static/tildefriends-v1.css"/>
 			<script src="tf-theme-picker.js" type="module"></script>
 			<script src="tf-password-form.js" type="module"></script>
 			<script src="tf-delete-account-btn.js" type="module"></script>
--- a/apps/user_settings/body.html
+++ b/apps/user_settings/body.html
@@ -9,11 +9,11 @@
 <div class="box flex-column">
 	<h2>Danger Zone</h2>

-	<h3>Change my password</h3>
-	<tf-password-form></tf-password-form>
-
 	<h3>Manage your identities</h3>
 	<tf-identity-manager></tf-identity-manager>
+	
+	<h3>Change my password</h3>
+	<tf-password-form></tf-password-form>

 	<h3>Delete your account</h3>
 	<tf-delete-account-btn></tf-delete-account-btn>
--- a/apps/user_settings/tf-delete-account-btn.js
+++ b/apps/user_settings/tf-delete-account-btn.js
@@ -22,7 +22,7 @@ class TfDeleteAccountButtonElement extends LitElement {

 	render() {
 		return html`
-			<link rel="stylesheet" href="/static/tildefriends-latest.css"/>
+			<link rel="stylesheet" href="/static/tildefriends-v1.css"/>

 			<span>This action is irreversible !</span>

--- a/apps/user_settings/tf-identity-manager.js
+++ b/apps/user_settings/tf-identity-manager.js
@@ -18,13 +18,23 @@ class TfIdentityManagerElement extends LitElement {
 		this.ids = await tfrpc.rpc.getIdentities();
 	}

+	async createIdentity() {
+		try {
+			let id = await tfrpc.rpc.createID();
+			alert('Successfully created: ' + id);
+			await tfrpc.rpc.reload();
+		} catch (err) {
+			alert('Error creating identity: ' + err);
+		}
+	}
+
 	async exportIdentity(id) {
 		alert('Your private key is:\n' + (await tfrpc.rpc.getPrivateKey(id)));
 	}

 	render() {
 		return html`
-			<link rel="stylesheet" href="/static/tildefriends-latest.css"/>
+			<link rel="stylesheet" href="/static/tildefriends-v1.css"/>
 			<style>
 				.id-span {
 					font-family: monospace;
@@ -33,7 +43,7 @@ class TfIdentityManagerElement extends LitElement {
 			</style>

 			<h4>Create a new identity</h4>
-			<button id="create-id" class="btn-green">[Not implemented] Create Identity</button>
+			<button id="create-id" class="green" @click=${this.createIdentity}>Create Identity</button>

 			<h4>Import an SSB Identity from 12 BIP39 English Words</h4>
 			<textarea id="add-id" style="width: 100%" rows="4"></textarea>
--- a/apps/user_settings/tf-password-form.js
+++ b/apps/user_settings/tf-password-form.js
@@ -37,7 +37,7 @@ class TfPasswordFormElement extends LitElement {

 	render() {
 		return html`
-			<link rel="stylesheet" href="/static/tildefriends-latest.css"/>
+			<link rel="stylesheet" href="/static/tildefriends-v1.css"/>

 			<style>
 				.grid {
--- a/apps/user_settings/tf-theme-picker.js
+++ b/apps/user_settings/tf-theme-picker.js
@@ -26,7 +26,7 @@ class TfThemePickerElement extends LitElement {

 	render() {
 		return html`
-			<link rel="stylesheet" href="/static/tildefriends-latest.css"/>
+			<link rel="stylesheet" href="/static/tildefriends-v1.css"/>

 			<label for="theme">[Not implemented] Choose your theme:</label>
Author	SHA1	Message	Date
Tasia Iso	5474c5a101	Merge branch 'user_settings' of https://dev.tildefriends.net/tasiaiso/tildefriends into user_settings	2024-03-21 19:33:08 +01:00
Tasia Iso	4992ff3a2d	feat(user_settings): finish ui, add ability to export and create identities, add tildefriends.css to the /static/ folder	2024-03-21 19:27:29 +01:00