hide success message in x seconds

master
= 2022-09-05 09:58:04 -05:00
parent d2e18bab01
commit b93f9ce546
5 changed files with 19 additions and 13 deletions

View File

@ -59,20 +59,24 @@ function initialize() {
} }
$(window).on('load', google.maps.event, initialize); $(window).on('load', google.maps.event, initialize);
let input = document.querySelector("#ctelefon"); let input = document.querySelector("#ctelefon");
let iti = window.intlTelInput(input, { if(input != undefined){
initialCountry: "de", let iti = window.intlTelInput(input, {
preferredCountries: ["de"], initialCountry: "de",
geoIpLookup: function(callback) { preferredCountries: ["de"],
$.get('https://ipinfo.io', function() {}, "jsonp").always(function(resp) { geoIpLookup: function(callback) {
let countryCode = (resp && resp.country)?resp.country:"us"; $.get('https://ipinfo.io', function() {}, "jsonp").always(function(resp) {
callback(countryCode); let countryCode = (resp && resp.country)?resp.country:"us";
}); callback(countryCode);
}, });
utilsScript: "{{storage('assets/libs/intl-tel-input/js/utils.min.js')}}", },
}); utilsScript: "{{storage('assets/libs/intl-tel-input/js/utils.min.js')}}",
});
}

// iti.getNumber(); // iti.getNumber();
function updateProducts(){} function updateProducts(){}
$(window).on('load', function(){ $(window).on('load', function(){
$("#successful-submitting-form").delay(4000).slideUp(200, function() { $(this).alert('close'); });
$('#anfrage').submit(function(){ $('#anfrage').submit(function(){
objProducts = []; objProducts = [];
localStorage.setItem("products", JSON.stringify(objProducts)); localStorage.setItem("products", JSON.stringify(objProducts));

View File

@ -99,6 +99,7 @@ function updateProductsInLocalStorage(){
$('#list-products-in-bag').parent().parent().parent().parent().parent().find('.modal-footer').show(); $('#list-products-in-bag').parent().parent().parent().parent().parent().find('.modal-footer').show();
$('#total-price').parent().parent().parent().show(); $('#total-price').parent().parent().parent().show();
$('#no-products').hide(); $('#no-products').hide();
$('#modal-buttons').hide();
if(typeof updateProducts === "function"){ if(typeof updateProducts === "function"){
$('#form-section').show(); $('#form-section').show();
$('#list-products').parent().parent().parent().parent().parent().find('.modal-footer').show(); $('#list-products').parent().parent().parent().parent().parent().find('.modal-footer').show();

View File

@ -29,6 +29,7 @@ $(window).on('load', function(){
$('#list-products-in-bag').parent().parent().parent().parent().parent().find('.modal-footer').show(); $('#list-products-in-bag').parent().parent().parent().parent().parent().find('.modal-footer').show();
$('#total-price').parent().parent().parent().show(); $('#total-price').parent().parent().parent().show();
$('#no-products').hide(); $('#no-products').hide();
$('#modal-buttons').hide();
if(typeof updateProducts === "function"){ if(typeof updateProducts === "function"){
$('#form-section').show(); $('#form-section').show();
$('#list-products').parent().parent().parent().parent().parent().find('.modal-footer').show(); $('#list-products').parent().parent().parent().parent().parent().find('.modal-footer').show();

View File

@ -138,7 +138,7 @@
</table> </table>
</div> </div>
</div> </div>
<div class="row mt-3"> <div class="row mt-3" id="modal-buttons">
<div class="col-6"> <div class="col-6">
<a href="" class="text-muted text-decoration-none" data-bs-toggle="modal" data-bs-target="#shareCart"> <a href="" class="text-muted text-decoration-none" data-bs-toggle="modal" data-bs-target="#shareCart">
Warenkorb teilen Warenkorb teilen

View File

@ -10,7 +10,7 @@


<div class="col-12"> <div class="col-12">


<div class="alert alert-success mt-5" role="alert"> <div class="alert alert-success mt-5" id="successful-submitting-form" role="alert">
<div class="row"> <div class="row">
<div class="col-1"> <div class="col-1">
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script> <script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>