From ecc21ba75ed24d4f22b9adadf9810aaf163bda20 Mon Sep 17 00:00:00 2001
From: VE10-Sanjeev <sanjeev.p@venbainfotech.com>
Date: Tue, 9 Jan 2024 16:41:29 +0530
Subject: [PATCH] Notification Required : ps

---
 app/Views/notifications_form.php | 44 +++++++++++++++++++++++++++-----
 1 file changed, 37 insertions(+), 7 deletions(-)

diff --git a/app/Views/notifications_form.php b/app/Views/notifications_form.php
index c46ffe93..911c5e6f 100644
--- a/app/Views/notifications_form.php
+++ b/app/Views/notifications_form.php
@@ -87,9 +87,10 @@
                 <div id="mailFormDiv">
                     <form role="form" class="parsley-examples" method="POST" enctype="multipart/form-data" action="<?= base_url() . "mail_custom_notifications"; ?>" id="myForm2">
                         <div class="form-group row">
-                            <label for="recipient" class="col-4 col-form-label">Recipient Email</label>
+                            <label for="recipient" class="col-4 col-form-label" >Recipient Email<span class="text-danger"> *</span></label>
                             <div class="col-7">
-                                <input type="email" placeholder="Recipient Email" class="form-control" id="recipient" name="recipient_email" parsley-type="email">
+                                <input type="email" placeholder="Recipient Email" class="form-control" id="recipient" name="recipient_email" parsley-type="email" onkeyup="validateEmail(this.value)">
+                                <span id="emailValidationMessage"></span>
                             </div>
                         </div>
                         <div class="form-group row">
@@ -105,13 +106,13 @@
                             </div>
                         </div>
                         <div class="form-group row">
-                            <label for="subject" class="col-4 col-form-label">Subject</label>
+                            <label for="subject" class="col-4 col-form-label">Subject<span class="text-danger"> *</span></label>
                             <div class="col-7">
                                 <input type="text" placeholder="Subject" class="form-control" id="subject" name="subject">
                             </div>
                         </div>
                         <div class="form-group row">
-                            <label for="body" class="col-4 col-form-label">Body</label>
+                            <label for="body" class="col-4 col-form-label">Body<span class="text-danger"> *</span></label>
                             <div class="col-7">
                                 <textarea id="summernote-basic" name="description" class="form-control" rows="7">
                             <h5>Hello {USER_NAME}, </h5>
@@ -150,7 +151,7 @@
                         </div>
                         <div id="fields-for-mobile">
                             <div class="form-group row">
-                                <label for="mobile" class="col-4 col-form-label">Mobile Number</label>
+                                <label for="mobile" class="col-4 col-form-label">Mobile Number<span class="text-danger"> *</span></label>
                                 <div class="col-7">
                                     <!-- <input type="number" placeholder="Mobile Number" class="form-control" id="mobile" name="mobile"> -->
                                     <input type="text" class="form-control" id="mobile" name="mobile" placeholder="Mobile Number" data-toggle="input-mask" data-mask-format="0000000000">
@@ -161,7 +162,7 @@
                             <label for="type" class="col-4 col-form-label">Message Type</label>
                             <div class="col-7">
                                 <select class="form-control" id="type" name="type">
-                                    <option value="">Choose your Message Type</option>
+                                    <!-- <option value="">Choose your Message Type</option> -->
                                     <option value="text">Text</option>
                                     <option value="media">Media</option>
                                 </select>
@@ -176,7 +177,7 @@
                             </div>
                         </div>
                         <div class="form-group row">
-                            <label for="message" class="col-4 col-form-label">Message</label>
+                            <label for="message" class="col-4 col-form-label">Message <span class="text-danger"> *</span></label>
                             <div class="col-7">
                                 <textarea id="message" name="description" class="form-control" rows="5">Hello {USER_NAME},Please,write text here!</textarea>
                             </div>
@@ -213,6 +214,12 @@
         for (let i = 0; i < elements.length; i++) {
             elements[i].textContent = "Mail Custom Notification";
         }
+        document.getElementById("recipient").required = true;
+        document.getElementById("subject").required = true;
+        document.getElementById("summernote-basic").required = true;
+        document.getElementById("mobile").required = false;
+        document.getElementById("message").required = false;
+        
     });
 
     // Add a click event listener to the link
@@ -226,6 +233,11 @@
         for (let i = 0; i < elements.length; i++) {
             elements[i].textContent = "Whatsapp Custom Notification";
         }
+        document.getElementById("recipient").required = false;
+        document.getElementById("subject").required = false;
+        document.getElementById("summernote-basic").required = false;
+        document.getElementById("mobile").required = true;
+        document.getElementById("message").required = true;
     });
 
     // Get references to the dropdown and field divs
@@ -283,4 +295,22 @@
             $('#submitBtn').prop('disabled', true);
         }
    });
+</script>
+<script>
+     function validateEmail(email) {
+        // Regular expression for a basic email validation
+        var emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
+
+        var emailInput = document.getElementById("recipient");
+        var validationMessage = document.getElementById("emailValidationMessage");
+
+        if (emailPattern.test(email)) {
+            validationMessage.textContent = "";
+        } else if (email == "") {
+            validationMessage.textContent = "";
+        } else {
+            validationMessage.textContent = "Invalid email address";
+            validationMessage.style.color = "red";
+        }
+    }
 </script>
\ No newline at end of file