From 401c4064441430bcad1bbdda91f9bcfc37fbf32a Mon Sep 17 00:00:00 2001 From: tribikram Date: Fri, 17 Feb 2023 16:06:09 +0545 Subject: [PATCH] [add] hide btn on submit --- public/frontend/css/style.css | 111 +++++++++++++------------ resources/views/appointment.blade.php | 107 ++++++++++++++++++------ resources/views/enquiry-form.blade.php | 24 ++++-- 3 files changed, 154 insertions(+), 88 deletions(-) diff --git a/public/frontend/css/style.css b/public/frontend/css/style.css index bd020f1..3206300 100644 --- a/public/frontend/css/style.css +++ b/public/frontend/css/style.css @@ -140,7 +140,7 @@ h2{ opacity: 0; transform: translate3d(0, 30px, 0); } - + to { opacity: 1; transform: none; @@ -308,8 +308,8 @@ Responsive Codes margin-bottom: 3rem; } .slider-content p, -.slider-content h2, -.slideDown, +.slider-content h2, +.slideDown, .slideUp{ position: relative; opacity: 0; @@ -333,7 +333,7 @@ Responsive Codes font-weight: 900; font-family: "Font Awesome 5 Free"; position: absolute; - opacity: 0; + opacity: 0; top: 10px; right: -20px; transition: 0.5s; @@ -416,7 +416,7 @@ Responsive Codes font-size: 20px; line-height: 29px; text-align: center; - color: #326CBF; + color: #326CBF; margin-bottom: 0; } .high-visa, @@ -692,7 +692,7 @@ Responsive Codes .service-page-card{ background: #FFFFFF; box-shadow: 0px 4px 18px rgba(121, 121, 121, 0.05); - border-radius: 12px; + border-radius: 12px; transition: .4s; } .service-page-card{ @@ -764,7 +764,7 @@ Responsive Codes .mr-3 { margin-right: 30px; } - + .dinline { display: inline-block; } @@ -1355,7 +1355,7 @@ Responsive Codes color: #FFFFFF; text-decoration: none; background: #E22899; - border-radius: 5px; + border-radius: 5px; transition: .6s; } .featured-article a:hover, @@ -1732,7 +1732,7 @@ table.lightgrey-weekends tbody td:nth-child(n+6) { line-height: 48px; letter-spacing: 0.005em; color: #326CBF; -} +} .enquiry-form-section p{ text-align: center; } @@ -2000,6 +2000,9 @@ table.lightgrey-weekends tbody td:nth-child(n+6) { .displayBtn{ display: block; } +.displayEnqBtn{ + display: inline-block; +} /* Footer Css */ /* mobile view css */ @media only screen and (min-width: 320px) and (max-width: 480px) { @@ -2008,8 +2011,8 @@ table.lightgrey-weekends tbody td:nth-child(n+6) { line-height: 38px; } h2, - .featured-article h2, - .blog-detail-desc h2, + .featured-article h2, + .blog-detail-desc h2, .visa-content h3 { font-weight: 600; font-size: 22px; @@ -2062,7 +2065,7 @@ table.lightgrey-weekends tbody td:nth-child(n+6) { } .services-content h1, .why-us-desc h1, - .testimonials-desc h1, + .testimonials-desc h1, .blog-header h1, .our-values-section h1, .studyabroad-banner-header h1, @@ -2077,18 +2080,18 @@ table.lightgrey-weekends tbody td:nth-child(n+6) { .about-icons-section{ grid-template-columns: 1fr 1fr; } - .services-section, - .blog-section, - .study-australia-desc, - .study-sydney-section, - .study-melbourne-section, - .study-detail-section, - .scholarship-section, - .student-visa-section, - .about-header-section, - .why-et, - .student-visa-section, - .blogs-section, .why-et, + .services-section, + .blog-section, + .study-australia-desc, + .study-sydney-section, + .study-melbourne-section, + .study-detail-section, + .scholarship-section, + .student-visa-section, + .about-header-section, + .why-et, + .student-visa-section, + .blogs-section, .why-et, .faq-section, .why-us-section, .testimonials-section, @@ -2259,7 +2262,7 @@ table.lightgrey-weekends tbody td:nth-child(n+6) { .why-us-img, .blog-header p, .lets-chat-section p, - .overseas-section p, + .overseas-section p, .why-et-header p, .about-banner-header p{ padding: 0; @@ -2268,19 +2271,19 @@ table.lightgrey-weekends tbody td:nth-child(n+6) { .about-icons-section{ grid-template-columns: 1fr 1fr; } - .services-section, - .blog-section, - .study-australia-desc, - .study-sydney-section, - .study-melbourne-section, - .study-detail-section, - .scholarship-section, - .student-visa-section, - .about-header-section, - .why-et, - .student-visa-section, - .blogs-section, .why-et, - .blog-detail-section, + .services-section, + .blog-section, + .study-australia-desc, + .study-sydney-section, + .study-melbourne-section, + .study-detail-section, + .scholarship-section, + .student-visa-section, + .about-header-section, + .why-et, + .student-visa-section, + .blogs-section, .why-et, + .blog-detail-section, .faq-section, .why-us-section, .testimonials-section, @@ -2295,7 +2298,7 @@ table.lightgrey-weekends tbody td:nth-child(n+6) { } .services-content h1, .why-us-desc h1, - .testimonials-desc h1, + .testimonials-desc h1, .blog-header h1{ font-size: 32px; line-height: 48px; @@ -2362,19 +2365,19 @@ table.lightgrey-weekends tbody td:nth-child(n+6) { .about-icons-section{ grid-template-columns: 1fr 1fr; } - .services-section, - .blog-section, - .study-australia-desc, - .study-sydney-section, - .study-melbourne-section, - .study-detail-section, - .scholarship-section, - .student-visa-section, - .about-header-section, - .why-et, - .student-visa-section, - .blogs-section, .why-et, - .blog-detail-section, + .services-section, + .blog-section, + .study-australia-desc, + .study-sydney-section, + .study-melbourne-section, + .study-detail-section, + .scholarship-section, + .student-visa-section, + .about-header-section, + .why-et, + .student-visa-section, + .blogs-section, .why-et, + .blog-detail-section, .faq-section, .why-us-section, .testimonials-section, @@ -2418,7 +2421,7 @@ table.lightgrey-weekends tbody td:nth-child(n+6) { .contact-form .row .col-md-8{ width: 100%; } - .overseas-section p, + .overseas-section p, .why-et-header p, .about-banner-header p, .lets-chat-section p{ @@ -2489,4 +2492,4 @@ table.lightgrey-weekends tbody td:nth-child(n+6) { .review-card{ min-height: 37pc; } -} \ No newline at end of file +} diff --git a/resources/views/appointment.blade.php b/resources/views/appointment.blade.php index c2755f7..d1023cf 100644 --- a/resources/views/appointment.blade.php +++ b/resources/views/appointment.blade.php @@ -81,15 +81,18 @@
- + +
- + +
- + +
@@ -99,7 +102,10 @@
- + +
@@ -241,28 +247,79 @@ } - function submitAppointment(event){ - event.preventDefault(); - $.ajax({ - url: "/appointment_submit", - type: "post", - data: $("form").serialize(), - success: function(response) { - $("#modal").modal("hide"); - // var isAmStart = response.appointment.start_time < '12:00:00'; - // var isAmEnd = response.appointment.end_time < '12:00:00'; - - Swal.fire({ - title: 'Booked!!', - text: 'Appointment Successfully Booked for '+response.appointment_detail['name']+' at '+response.formated_date +'('+response.appointment['start_time']+' - ' + response.appointment['end_time']+' )', - icon: 'success' - }).then(function(){ - location.reload(); - } - ) - } - }); + appNameError = document.getElementById('app-name-error'); + appEmailError = document.getElementById('app-email-error'); + appPhoneError = document.getElementById('app-phone-error'); + loaderenqBtn = document.getElementById('buttonenqload'); + appointmentBtn = document.getElementById('appointmentbtn'); + function validateAppName(){ + var appName = document.getElementById('app-name').value; + if(appName.length == 0){ + $('#name-email').focus(); + appNameError.innerHTML = "Name Field is required !"; + return false; + } + appNameError.innerHTML = ''; + return true; + } + function validateAppEmail(){ + var appEmail = document.getElementById('app-email').value; + if(appEmail.length == 0){ + $('#name-email').focus(); + appEmailError.innerHTML = "Email Field is required !"; + return false; + } + if(!appEmail.match(/^\w+([.-]?\w+)*@\w+([.-]?\w+)*(.\w{2,3})+$/)){ + appEmailError.innerHTML = "Invalid email address"; + return false; + } + appEmailError.innerHTML = ''; + return true; + } + + function validateAppPhone(){ + var appPhone = document.getElementById('app-phone').value; + if(appPhone.length == 0){ + $('#app-phone').focus(); + appPhoneError.innerHTML = "Phone Field is required !"; + return false; + } + if(!appPhone.match(/^\d{10}$/)){ + appPhoneError.innerHTML = "Invalid mobile number"; + return false; + } + appPhoneError.innerHTML = ''; + return true; + } + + function submitAppointment(){ + if(!validateAppName() || !validateAppEmail() || !validateAppPhone()){ + return false; + }else{ + loaderenqBtn.classList.add('displayBtn') + appointmentBtn.classList.add('buttonload') + $.ajax({ + url: "/appointment_submit", + type: "post", + data: $("form").serialize(), + success: function(response) { + $("#modal").modal("hide"); + // var isAmStart = response.appointment.start_time < '12:00:00'; + // var isAmEnd = response.appointment.end_time < '12:00:00'; + + loaderenqBtn.classList.remove('displayBtn'); + Swal.fire({ + title: 'Booked!!', + text: 'Appointment Successfully Booked for '+response.appointment_detail['name']+' at '+response.formated_date +'('+response.appointment['start_time']+' - ' + response.appointment['end_time']+' )', + icon: 'success' + }).then(function(){ + location.reload(); + } + ) + } + }); + } } diff --git a/resources/views/enquiry-form.blade.php b/resources/views/enquiry-form.blade.php index 003ae0f..085dde5 100644 --- a/resources/views/enquiry-form.blade.php +++ b/resources/views/enquiry-form.blade.php @@ -256,7 +256,10 @@
- + +
@@ -270,13 +273,13 @@ var status = ""; -if(php_var.length !== 0){ - Swal.fire({ - title: 'Submitted!!', - text: php_var, - icon: status ? 'success' : 'error' - }) -} + if(php_var.length !== 0){ + Swal.fire({ + title: 'Submitted!!', + text: php_var, + icon: status ? 'success' : 'error' + }) + } fnameError = document.getElementById('error-fname'); lnameError = document.getElementById('error-lname'); dobError = document.getElementById('error-dob'); @@ -533,6 +536,8 @@ if(php_var.length !== 0){ return true; } + var enqloaderBtn = document.getElementById('enquirybutnload'); + var enquirybtn = document.getElementById('enquirybtn'); function submitEnquiry(){ if(!validatefName() || !validatelName() || !validateDob() || !eCob() || !eGender() || !validateAddress() || !validateEmail() || !validatePhone() || !validateQualification() || @@ -540,7 +545,8 @@ if(php_var.length !== 0){ !wExperience() || !validateImmigrationHistory() || !validateStudyField()){ return false; }else{ - + enqloaderBtn.classList.add('displayEnqBtn'); + enquirybtn.classList.add('buttonload') } }