From 3c1d894b4452cb5eb33ce20ee0740ace3b6d2df3 Mon Sep 17 00:00:00 2001
From: Khanh Ngo <k@ndk.name>
Date: Sat, 20 Nov 2021 16:08:24 +0100
Subject: [PATCH] Make client email input optional (#122)

---
 templates/base.html    |  8 -----
 templates/clients.html | 68 ++++++++++++++++++------------------------
 2 files changed, 29 insertions(+), 47 deletions(-)

diff --git a/templates/base.html b/templates/base.html
index 6b09a32..48fbf69 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -388,19 +388,11 @@
                     client_name: {
                         required: true,
                     },
-                    client_email: {
-                        required: true,
-                        email: true,
-                    },
                 },
                 messages: {
                     client_name: {
                         required: "Please enter a name"
                     },
-                    client_email: {
-                        required: "Please enter an email address",
-                        email: "Please enter a valid email address"
-                    },
                 },
                 errorElement: 'span',
                 errorPlacement: function (error, element) {
diff --git a/templates/clients.html b/templates/clients.html
index 5d22ebf..2426fb7 100644
--- a/templates/clients.html
+++ b/templates/clients.html
@@ -44,7 +44,7 @@ Wireguard Clients
                     <input type="hidden" id="e_client_id" name="e_client_id">
                     <div class="form-group">
                         <label for="e_client_email" class="control-label">Email</label>
-                        <input type="text" class="form-control" id="e_client_email" name="client_email">
+                        <input type="text" class="form-control" id="e_client_email" name="e_client_email">
                     </div>
                 </div>
                 <div class="modal-footer justify-content-between">
@@ -447,50 +447,40 @@ Wireguard Clients
                 }
             });
             // Edit client form validation
-                $("#frm_edit_client").validate({
-                    rules: {
-                        client_name: {
-                            required: true,
-                        },
-                        client_email: {
-                            required: true,
-                            email: true,
-                        },
-                    },
-                    messages: {
-                        client_name: {
-                            required: "Please enter a name"
-                        },
-                        client_email: {
-                            required: "Please enter an email address",
-                            email: "Please enter a valid email address"
-                        },
-                    },
-                    errorElement: 'span',
-                    errorPlacement: function (error, element) {
-                        error.addClass('invalid-feedback');
-                        element.closest('.form-group').append(error);
-                    },
-                    highlight: function (element, errorClass, validClass) {
-                        $(element).addClass('is-invalid');
-                    },
-                    unhighlight: function (element, errorClass, validClass) {
-                        $(element).removeClass('is-invalid');
-                    }
-                });
-
-                // Email client form validation
-                $("#frm_email_client").validate({
+            $("#frm_edit_client").validate({
                 rules: {
-                    client_email: {
+                    client_name: {
+                        required: true,
+                    },
+                },
+                messages: {
+                    client_name: {
+                        required: "Please enter a name"
+                    },
+                },
+                errorElement: 'span',
+                errorPlacement: function (error, element) {
+                    error.addClass('invalid-feedback');
+                    element.closest('.form-group').append(error);
+                },
+                highlight: function (element, errorClass, validClass) {
+                    $(element).addClass('is-invalid');
+                },
+                unhighlight: function (element, errorClass, validClass) {
+                    $(element).removeClass('is-invalid');
+                }
+            });
+            // Email client form validation
+            $("#frm_email_client").validate({
+                rules: {
+                    e_client_email: {
                         required: true,
                         email: true,
                     },
                 },
                 messages: {
-                    client_email: {
-                        required: "Please enter an email address",
-                        email: "Please enter a valid email address"
+                    e_client_email: {
+                        required: "Please enter an email"
                     },
                 },
                 errorElement: 'span',