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')

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

@section('content')

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

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

let input = document.querySelector(".phone");
let iti = window.intlTelInput(input, {
initialCountry: "de",
geoIpLookup: function(callback) {
$.get('https://ipinfo.io', function() {}, "jsonp").always(function(resp) {
var countryCode = (resp && resp.country) ? resp.country : "us";
callback(countryCode);
});
},
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() {
if (iti.isValidNumber() == false) {
alert('Telefonnummer nicht gültig!');
return false;
}
return true;
});
</script> -->
</script>
<script>
document.addEventListener("DOMContentLoaded", () => {
document.querySelectorAll(".form-load").forEach(formLoad => formLoad.addEventListener("submit", () => {