Areya
/
basic-business-template
2
0
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

add intl-tel-input

master
Gustavo Luigi 2024-01-09 17:28:36 -03:00
parent 39f5cf71ce
commit b8b2f4dd82
1 changed files with 31 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
content/contents/leistungen.blade.php
View File

@ -1,5 +1,9 @@
@extends('template.'.config('settings.template').'.content.master') @extends('template.'.config('settings.template').'.content.master')


@section('head')
<link rel="stylesheet" href="{{storage('assets/libs/intl-tel-input-17.0.0/css/intlTelInput.min.css')}}">
@stop

@section('content') @section('content')


<div class="pt-3 pb-2 mb-5" style="background-color: {{$_primary_ci_color}}"> <div class="pt-3 pb-2 mb-5" style="background-color: {{$_primary_ci_color}}">
@ -84,7 +88,7 @@


<div class="mb-4"> <div class="mb-4">
<label for="exampleInputEmail1" class="form-label">Telefonnummer:</label> <label for="exampleInputEmail1" class="form-label">Telefonnummer:</label>
<input type="tel" name="tel" class="form-control" id="tel" aria-describedby="emailHelp" placeholder="0170 1234 56478" autocomplete="on"> <input type="tel" name="tel" class="form-control phone" id="tel" aria-describedby="emailHelp" placeholder="0170 1234 56478" autocomplete="on">
</div> </div>


<div class="mb-4"> <div class="mb-4">
@ -150,29 +154,33 @@
</script> </script>
<!-- <script src="{{ asset('template/js/pages/news/methods.js') }}"></script> <!-- <script src="{{ asset('template/js/pages/news/methods.js') }}"></script>
<script src="{{ asset('template/js/pages/news/events.js') }}"></script> <script src="{{ asset('template/js/pages/news/events.js') }}"></script>
<script src="{{ asset('template/js/pages/news/script.js') }}"></script> <script src="{{ asset('template/js/pages/news/script.js') }}"></script> -->
<script src="{{ asset('system/js/intlTelInput.min.js') }}"></script> --> <script src="{{ asset('template/assets/libs/intl-tel-input-17.0.0/js/intlTelInput.min.js') }}"></script>
<!-- <script> <script>
var input = document.querySelector(".phone"); document.addEventListener("DOMContentLoaded", () => {
var iti = window.intlTelInput(input, { let baseUrl = document.querySelector("meta[name=url-base]").getAttribute('content');
initialCountry: "de",
geoIpLookup: function(callback) { let input = document.querySelector(".phone");
$.get('https://ipinfo.io', function() {}, "jsonp").always(function(resp) { let iti = window.intlTelInput(input, {
var countryCode = (resp && resp.country) ? resp.country : "us"; initialCountry: "de",
callback(countryCode); geoIpLookup: function(callback) {
}); $.get('https://ipinfo.io', function() {}, "jsonp").always(function(resp) {
}, var countryCode = (resp && resp.country) ? resp.country : "us";
utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.11/js/utils.min.js", callback(countryCode);
// any initialisation options go here });
},
utilsScript: baseUrl+"/template/assets/libs/intl-tel-input-17.0.0/js/utils.min.js"
});

$("#anfrage").submit(function() {
if (iti.isValidNumber() == false) {
alert('Telefonnummer nicht gültig!');
return false;
}
return true;
});
}); });
$("#formPost").submit(function() { </script>
if (iti.isValidNumber() == false) {
alert('Telefonnummer nicht gültig!');
return false;
}
return true;
});
</script> -->
<script> <script>
document.addEventListener("DOMContentLoaded", () => { document.addEventListener("DOMContentLoaded", () => {
document.querySelectorAll(".form-load").forEach(formLoad => formLoad.addEventListener("submit", () => { document.querySelectorAll(".form-load").forEach(formLoad => formLoad.addEventListener("submit", () => {