From 641f8dfe9e8dc9b8820b01c35eaef4d934a05441 Mon Sep 17 00:00:00 2001 From: Son NK Date: Thu, 13 Feb 2020 17:05:34 +0700 Subject: [PATCH] Improve settings design --- .../templates/dashboard/setting.html | 180 +++++++++++------- 1 file changed, 106 insertions(+), 74 deletions(-) diff --git a/app/dashboard/templates/dashboard/setting.html b/app/dashboard/templates/dashboard/setting.html index 45e75d8b..1b95b8bb 100644 --- a/app/dashboard/templates/dashboard/setting.html +++ b/app/dashboard/templates/dashboard/setting.html @@ -17,7 +17,7 @@
- Email + Change Email Address
@@ -50,7 +50,7 @@
- Profile + Change Profile
@@ -73,90 +73,122 @@ -
-

Multi-Factor Authentication (MFA)

-
- Secure your account with Multi-Factor Authentication. - This requires having applications like Google Authenticator, Authy, FreeOTP, etc. -
- {% if not current_user.enable_otp %} - Enable - {% else %} - Cancel MFA - {% endif %} - -
-

Change password

-
You will receive an email containing instructions on how to change password.
-
- - -
- -
- -

Random Alias

-
Choose how to create your email alias by default
-
- - - -
- -
- -

Notifications

-
Do you want to receive our newsletter?
-
- -
-
- - +
+
+
Multi-Factor Authentication (MFA) +
+ Secure your account with Multi-Factor Authentication.
+ This requires having applications like Google Authenticator, Authy, FreeOTP, etc. +
+ {% if not current_user.enable_otp %} + Enable + {% else %} + Cancel MFA + {% endif %}
- - +
+ +
+
+
+ Change password +
+ You will receive an email containing instructions on how to change password. +
+
+
+ + +
+
+
+ +
+
+
Random Alias +
Choose how to create your email alias by default
+
+
+ + + +
+
+
+ +
+
+
Notifications +
Do you want to receive our newsletters?
+
+
+ +
+
+ + +
+
+ +
+
+
+ + {% if current_user.get_subscription() %} -
-

Billing

-
- Manage your current subscription. +
+
+
Billing +
+ Manage your current subscription. +
+
+ + Manage Billing + +
- - Manage Billing - {% endif %} -
-

Export Data

-
- You can download all aliases you have created on SimpleLogin along with other data. +
+
+
Export Data +
+ You can download all aliases you have created on SimpleLogin along with other data. +
+
+
+ + +
+
-
- - -
-
-

Delete Account

-
Please note that this operation is irreversible. +
+
+
Delete Account +
Please note that this operation is irreversible. +
+ +
+
+ + +
+
-
- - -