[add] loader on subscribe

et#14
tribikram 2 years ago
parent c5d44d9533
commit 5ba8f799c6
  1. 7
      public/frontend/css/style.css
  2. BIN
      public/frontend/images/about/Commitment.jpg
  3. BIN
      public/frontend/images/about/Integrity.jpg
  4. BIN
      public/frontend/images/about/professionlaiosn-1.jpg
  5. BIN
      public/frontend/images/about/professionlaiosn.jpg
  6. BIN
      public/frontend/images/about/realiability.jpg
  7. BIN
      public/frontend/images/about/tranprancy.jpg
  8. BIN
      public/frontend/images/about/trusthworthy.jpg
  9. 14
      resources/views/about.blade.php
  10. 15
      resources/views/layout/app.blade.php

@ -1670,8 +1670,13 @@ Responsive Codes
color: #FFFFFF; color: #FFFFFF;
text-decoration: none; text-decoration: none;
} }
.buttonload{
display: none;
}
.displayBtn{
display: block;
}
/* Footer Css */ /* Footer Css */
/* mobile view css */ /* mobile view css */
@media only screen and (min-width: 320px) and (max-width: 480px) { @media only screen and (min-width: 320px) and (max-width: 480px) {
h1{ h1{

Binary file not shown.

After

Width:  |  Height:  |  Size: 44 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 38 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 57 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 60 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 70 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 63 KiB

@ -76,28 +76,28 @@
ET Education combines experience and technology to help you make the most informed decision possible. ET Education combines experience and technology to help you make the most informed decision possible.
</p> </p>
<div class="values-img"> <div class="values-img">
<img src="{{url('frontend/images/attractive-man.png')}}" class="img-fluid" id="values-img" alt=""> <img src="{{url('frontend/images/about/tranprancy.jpg')}}" class="img-fluid" id="values-img" alt="">
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<div class="values-lists"> <div class="values-lists">
<a onclick="changeImg('{{url('frontend/images/attractive-man.png')}}','{{1}}')" id="values-link{{1}}" class="link-active"> <a onclick="changeImg('{{url('frontend/images/about/tranprancy.jpg')}}','{{1}}')" id="values-link{{1}}" class="link-active">
<h2>Transparency</h2> <h2>Transparency</h2>
</a> </a>
<a onclick="changeImg('','{{2}}')" id="values-link{{2}}"> <a onclick="changeImg('{{url('frontend/images/about/Commitment.jpg')}}','{{2}}')" id="values-link{{2}}">
<h2>Commitment</h2> <h2>Commitment</h2>
</a> </a>
<a onclick="changeImg('','{{3}}')" id="values-link{{3}}"> <a onclick="changeImg('{{url('frontend/images/about/professionlaiosn-1.jpg')}}','{{3}}')" id="values-link{{3}}">
<h2>Professionalism</h2> <h2>Professionalism</h2>
</a> </a>
<a onclick="changeImg('','{{4}}')" id="values-link{{4}}"> <a onclick="changeImg('{{url('frontend/images/about/realiability.jpg')}}','{{4}}')" id="values-link{{4}}">
<h2>Reliability</h2> <h2>Reliability</h2>
</a> </a>
<a onclick="changeImg('','{{5}}')" id="values-link{{5}}"> <a onclick="changeImg('{{url('frontend/images/about/Integrity.jpg')}}','{{5}}')" id="values-link{{5}}">
<h2>Integrity</h2> <h2>Integrity</h2>
</a> </a>
<a onclick="changeImg('{{url('frontend/images/attractive-man.png')}}','{{6}}')" id="values-link{{6}}"> <a onclick="changeImg('{{url('frontend/images/about/trusthworthy.jpg')}}','{{6}}')" id="values-link{{6}}">
<h2>Trustworthy</h2> <h2>Trustworthy</h2>
</a> </a>
</div> </div>

@ -213,6 +213,9 @@
<div class="custom-search"> <div class="custom-search">
<input type="text" name = "email" id = "subscribe_email" class="custom-search-input" placeholder="Email address" onkeyup="subscribeValidation()"> <input type="text" name = "email" id = "subscribe_email" class="custom-search-input" placeholder="Email address" onkeyup="subscribeValidation()">
<button class="custom-search-botton" onclick="subscribe()" type="submit">Subscribe</button> <button class="custom-search-botton" onclick="subscribe()" type="submit">Subscribe</button>
<button class="buttonload custom-search-botton" id="buttonload" disabled>
<i class="fa fa-spinner fa-spin"></i> Loading
</button>
</div> </div>
<span class="success-message" id="success-message"></span> <span class="success-message" id="success-message"></span>
<span class="success-message" id="error-message"></span> <span class="success-message" id="error-message"></span>
@ -289,7 +292,8 @@
var email = document.getElementById('subscribe_email'); var email = document.getElementById('subscribe_email');
var successMessage = document.getElementById('success-message'); var successMessage = document.getElementById('success-message');
var errorMessage = document.getElementById('error-message') var errorMessage = document.getElementById('error-message');
var loaderBtn = document.getElementById('buttonload');
function subscribeValidation(){ function subscribeValidation(){
if(email.value.length == 0){ if(email.value.length == 0){
@ -306,6 +310,7 @@
return false; return false;
} }
else{ else{
loaderBtn.classList.add('displayBtn')
$.ajax({ $.ajax({
url: "/subscribe", url: "/subscribe",
type:"POST", type:"POST",
@ -314,11 +319,9 @@
}, },
success:function(response){ success:function(response){
if (response) { if (response) {
$('#success-message').fadeOut(5000).text(response.success); $('#success-message').fadeOut(5000).text(response.success);
email.value = ''; email.value = '';
console.log(response) loaderBtn.classList.remove('displayBtn');
// alert(response.success);
// $("#contactForm")[0].reset();
} }
}, },
error: function(response) { error: function(response) {

Loading…
Cancel
Save