From 1281f173cd5f109799ef5974ed6f57165c9d2791 Mon Sep 17 00:00:00 2001 From: secondl1ght <85003930+secondl1ght@users.noreply.github.com> Date: Tue, 2 Aug 2022 20:23:00 -0600 Subject: add settings screen --- src/routes/[username]/settings.svelte | 165 +++++++++++++++++++++++++++++- src/routes/[username]/transactions.svelte | 4 +- src/routes/__layout.svelte | 2 +- 3 files changed, 167 insertions(+), 4 deletions(-) (limited to 'src/routes') diff --git a/src/routes/[username]/settings.svelte b/src/routes/[username]/settings.svelte index 1935b156..ae8e91c1 100644 --- a/src/routes/[username]/settings.svelte +++ b/src/routes/[username]/settings.svelte @@ -1,5 +1,166 @@ - +{#if $user} + + +
+

Settings

+ +
+ + + + + +
+ + {#if setting === 'account'} +
+ + +
+ +
+ + {#if revealPassword} + + {:else} + + {/if} + +
+ +
+
+ Email Notifications + +
+

+ Get notified via email when a change occurs on your account or when people send you + payments. +

+
+ +
+
+ SMS Notifications + +
+

+ CoinOS will send you text notifications when this is enabled. +

+
+ +
+ Color Theme +

Select from the default color themes.

+ {#each colorThemes as colors} +
+ {:else if setting === 'pos'} +
+ + +
+ +
+ + +
+ {:else} +
+ Security Pin +

+ Set a security pin that will be used to unlock your settings and to send outgoing + payments. +

+ +
+ +
+ +

+ Your account will go into a secure mode automatically after a specified time: +

+ +
+ +
+ 2-Factor Authentication +

+ Add an extra level of security to your device by enableing 2-factor authentication. +

+ +
+ {/if} +
+{/if} + + diff --git a/src/routes/[username]/transactions.svelte b/src/routes/[username]/transactions.svelte index bbcc0c23..0e635298 100644 --- a/src/routes/[username]/transactions.svelte +++ b/src/routes/[username]/transactions.svelte @@ -1,6 +1,8 @@ diff --git a/src/routes/__layout.svelte b/src/routes/__layout.svelte index 9b842cc2..5ffdc9a0 100644 --- a/src/routes/__layout.svelte +++ b/src/routes/__layout.svelte @@ -42,6 +42,6 @@ --toastContainerRight: auto; --toastContainerBottom: 8rem; --toastContainerLeft: calc(50vw - 8rem); - --toastBackground: #292929; + --toastBackground: #292929; } -- cgit v1.2.3