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

28
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,11 +154,14 @@
</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');

let input = document.querySelector(".phone");
let iti = window.intlTelInput(input, {
initialCountry: "de", initialCountry: "de",
geoIpLookup: function(callback) { geoIpLookup: function(callback) {
$.get('https://ipinfo.io', function() {}, "jsonp").always(function(resp) { $.get('https://ipinfo.io', function() {}, "jsonp").always(function(resp) {
@ -162,17 +169,18 @@
callback(countryCode); callback(countryCode);
}); });
}, },
utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.11/js/utils.min.js", utilsScript: baseUrl+"/template/assets/libs/intl-tel-input-17.0.0/js/utils.min.js"
// any initialisation options go here
}); });
$("#formPost").submit(function() {
$("#anfrage").submit(function() {
if (iti.isValidNumber() == false) { if (iti.isValidNumber() == false) {
alert('Telefonnummer nicht gültig!'); alert('Telefonnummer nicht gültig!');
return false; return false;
} }
return true; return true;
}); });
</script> --> });
</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", () => {