From e5926978c88708e0be42b4d606cd6c50cd347957 Mon Sep 17 00:00:00 2001
From: Son NK <>
Date: Fri, 30 Apr 2021 11:45:00 +0200
Subject: [PATCH] use bouncer on custom alias page

---
 .../templates/dashboard/custom_alias.html          |  3 +++
 static/style.css                                   | 13 +++++++++++++
 templates/base.html                                | 14 +++++++++-----
 3 files changed, 25 insertions(+), 5 deletions(-)

diff --git a/app/dashboard/templates/dashboard/custom_alias.html b/app/dashboard/templates/dashboard/custom_alias.html
index d0f71c52..b654feb3 100644
--- a/app/dashboard/templates/dashboard/custom_alias.html
+++ b/app/dashboard/templates/dashboard/custom_alias.html
@@ -104,6 +104,9 @@
 
 {% block script %}
   <script>
+    // init bouncer
+    new Bouncer('form');
+
     $('.mailbox-select').multipleSelect();
     
     // Ctrl-enter submit the form
diff --git a/static/style.css b/static/style.css
index c74f3bf4..cdac0ccc 100644
--- a/static/style.css
+++ b/static/style.css
@@ -91,3 +91,16 @@ em {
 .dns-record {
     border: 1px dotted #E3156A;
 }
+
+/**
+ * Form Validation Errors
+ */
+.error {
+    border-color: red;
+}
+
+.error-message {
+    color: red;
+    font-style: italic;
+    margin-bottom: 1em;
+}
\ No newline at end of file
diff --git a/templates/base.html b/templates/base.html
index d871619c..58820686 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -18,12 +18,13 @@
   <meta name="referrer" content="no-referrer">
 
   <!-- Bing -->
-  <meta name="msvalidate.01" content="2A313A69CBFD1A378C3B91734DC221A8" />
+  <meta name="msvalidate.01" content="2A313A69CBFD1A378C3B91734DC221A8"/>
 
   <!-- Yandex -->
-  <meta name="yandex-verification" content="c9e5d4d68bc983a1" />
+  <meta name="yandex-verification" content="c9e5d4d68bc983a1"/>
 
-  <meta name="description" content="Protect your email address with email ALIAS. Create a different email alias for each website. No more phishing, spams.">
+  <meta name="description"
+        content="Protect your email address with email ALIAS. Create a different email alias for each website. No more phishing, spams.">
 
   <link rel="icon" href="/static/favicon.ico" type="image/x-icon"/>
   <link rel="shortcut icon" type="image/x-icon" href="/static/favicon.ico"/>
@@ -76,10 +77,13 @@
   <script
       src="{{ url_for('static', filename='node_modules/multiple-select/dist/multiple-select.min.js') }}"></script>
 
+  <!-- bouncer library -->
+  <script src="{{ url_for('static', filename='node_modules/formbouncerjs/dist/bouncer.js') }}"></script>
+
 
   {% if PLAUSIBLE_HOST and PLAUSIBLE_DOMAIN %}
-  <!-- Plausible Analytics library -->
-  <script async defer data-domain=”{{PLAUSIBLE_DOMAIN}}” src=”{{PLAUSIBLE_HOST}}/js/plausible.js”></script>
+    <!-- Plausible Analytics library -->
+    <script async defer data-domain=”{{ PLAUSIBLE_DOMAIN }}” src=”{{ PLAUSIBLE_HOST }}/js/plausible.js”></script>
   {% endif %}
 
   <link rel="stylesheet" href="{{ url_for('static', filename='darkmode.css') }}?v={{ VERSION }}">