From 710f4d0709420935143ca686dda22bab118152fb Mon Sep 17 00:00:00 2001
From: Carlos Quintana <carlos.quintana@proton.ch>
Date: Fri, 6 May 2022 17:04:41 +0200
Subject: [PATCH] Start adding extension onboarding pages

---
 app/onboarding/__init__.py      |  4 ++++
 app/onboarding/base.py          |  8 ++++++++
 app/onboarding/views/final.py   |  9 +++++++++
 app/onboarding/views/index.py   |  9 +++++++++
 server.py                       |  2 ++
 templates/onboarding/final.html | 23 +++++++++++++++++++++++
 templates/onboarding/index.html | 29 +++++++++++++++++++++++++++++
 7 files changed, 84 insertions(+)
 create mode 100644 app/onboarding/__init__.py
 create mode 100644 app/onboarding/base.py
 create mode 100644 app/onboarding/views/final.py
 create mode 100644 app/onboarding/views/index.py
 create mode 100644 templates/onboarding/final.html
 create mode 100644 templates/onboarding/index.html

diff --git a/app/onboarding/__init__.py b/app/onboarding/__init__.py
new file mode 100644
index 00000000..16b6263f
--- /dev/null
+++ b/app/onboarding/__init__.py
@@ -0,0 +1,4 @@
+from .views import (
+    index,
+    final,
+)
diff --git a/app/onboarding/base.py b/app/onboarding/base.py
new file mode 100644
index 00000000..68b6e6bd
--- /dev/null
+++ b/app/onboarding/base.py
@@ -0,0 +1,8 @@
+from flask import Blueprint
+
+onboarding_bp = Blueprint(
+    name="onboarding",
+    import_name=__name__,
+    url_prefix="/onboarding",
+    template_folder="templates",
+)
diff --git a/app/onboarding/views/final.py b/app/onboarding/views/final.py
new file mode 100644
index 00000000..30a6aca0
--- /dev/null
+++ b/app/onboarding/views/final.py
@@ -0,0 +1,9 @@
+from app.onboarding.base import onboarding_bp
+from flask import render_template
+
+
+@onboarding_bp.route("/final", methods=["GET"])
+def final():
+    return render_template(
+        "onboarding/final.html",
+    )
diff --git a/app/onboarding/views/index.py b/app/onboarding/views/index.py
new file mode 100644
index 00000000..41f04d79
--- /dev/null
+++ b/app/onboarding/views/index.py
@@ -0,0 +1,9 @@
+from app.onboarding.base import onboarding_bp
+from flask import render_template
+
+
+@onboarding_bp.route("/", methods=["GET"])
+def index():
+    return render_template(
+        "onboarding/index.html",
+    )
diff --git a/server.py b/server.py
index df17f837..94f8a870 100644
--- a/server.py
+++ b/server.py
@@ -95,6 +95,7 @@ from app.models import (
 )
 from app.monitor.base import monitor_bp
 from app.oauth.base import oauth_bp
+from app.onboarding.base import onboarding_bp
 from app.phone.base import phone_bp
 from app.utils import random_string
 
@@ -216,6 +217,7 @@ def register_blueprints(app: Flask):
 
     app.register_blueprint(oauth_bp, url_prefix="/oauth")
     app.register_blueprint(oauth_bp, url_prefix="/oauth2")
+    app.register_blueprint(onboarding_bp)
 
     app.register_blueprint(discover_bp)
     app.register_blueprint(api_bp)
diff --git a/templates/onboarding/final.html b/templates/onboarding/final.html
new file mode 100644
index 00000000..ee171e1f
--- /dev/null
+++ b/templates/onboarding/final.html
@@ -0,0 +1,23 @@
+{% extends 'base.html' %}
+
+{% block content %}
+
+  <div class="flex-fill align-items-center mt-8">
+    <!-- Image container -->
+    <div class="mt-4 mb-4 text-center" style="display:block;">
+      <a class="" href="{{ url_for('dashboard.index') }}">
+        <picture>
+          <source media="(max-width: 650px)" srcset="/static/logo.svg">
+          <img src="/static/logo.svg" style="width: 24rem" alt="logo">
+        </picture>
+      </a>
+    </div>
+
+    <!-- Text container -->
+    <div class="mt-8 mb-4 text-center">
+      <h2 class="text-red" style="font-size:2rem">All set!</h2>
+    </div>
+
+  </div>
+
+{% endblock %}
\ No newline at end of file
diff --git a/templates/onboarding/index.html b/templates/onboarding/index.html
new file mode 100644
index 00000000..d34b6996
--- /dev/null
+++ b/templates/onboarding/index.html
@@ -0,0 +1,29 @@
+{% extends 'base.html' %}
+
+{% block content %}
+
+<div class="flex-fill align-items-center mt-8">
+  <!-- Image container -->
+  <div class="mt-4 mb-4 text-center" style="display:block;">
+    <a class="" href="{{ url_for('dashboard.index') }}">
+      <picture>
+        <source media="(max-width: 650px)" srcset="/static/logo.svg">
+        <img src="/static/logo.svg" style="width: 24rem" alt="logo">
+      </picture>
+    </a>
+  </div>
+
+  <!-- Text container -->
+  <div class="mt-8 mb-4 text-center">
+    <h2 class="text-dark" style="font-size:2rem">Let's take back control of your inbox!</h2>
+  </div>
+
+  <!-- Button container -->
+  <div class="mt-8 text-center">
+    <a class="mx-6 p-4 text-decoration-none" style="background:black;color:white;" href="{{ url_for('auth.register', next=url_for('onboarding.final')) }}">Create a new account</a>
+    <a class="mx-6 p-4 text-decoration-none" style="background:white;color:black;border-radius: 2px;border:1px solid black;" href="{{ url_for('auth.login', next=url_for('onboarding.final')) }}">I already have an account</a>
+  </div>
+
+</div>
+
+{% endblock %}
\ No newline at end of file