diff --git a/addons/default/visiosoft/base-theme/resources/js/phonefield.js b/addons/default/visiosoft/base-theme/resources/js/phonefield.js index 0bffd3409..e78d242c0 100644 --- a/addons/default/visiosoft/base-theme/resources/js/phonefield.js +++ b/addons/default/visiosoft/base-theme/resources/js/phonefield.js @@ -6,6 +6,8 @@ function phoneMask(fields) { var iti = intlTelInput(inputQuery, { hiddenInput: inputQuery.getAttribute('name'), class: "form-control", + formatOnDisplay: true, + nationalMode: true, initialCountry: "auto", geoIpLookup: function (success, failure) { $.get("https://ipinfo.io", function () { @@ -14,9 +16,21 @@ function phoneMask(fields) { success(countryCode); }) } - }) + }); + + addMask(iti, inputQuery); + $(inputQuery).on("countrychange", function(event) { + iti.setNumber(""); + addMask(iti, inputQuery); + }); }); + function addMask(iti, inputQuery){ + let selectedCountryData = iti.getSelectedCountryData(); + let newPlaceholder = intlTelInputUtils.getExampleNumber(selectedCountryData.iso2, true, intlTelInputUtils.numberFormat.INTERNATIONAL); + $(inputQuery).inputmask({ mask: newPlaceholder.replace(/[0-9+]/ig,'9'), keepStatic: false }); + } + // var fields_arr = fields.split(','); // $.each(fields_arr, function (index, value) { // maskPhone($(value).attr('name')) @@ -38,8 +52,8 @@ function phoneMask(fields) { // } // } // } - - + + } function controlNumber(inputQuery) { diff --git a/addons/default/visiosoft/defaultadmin-theme/resources/css/theme.css b/addons/default/visiosoft/defaultadmin-theme/resources/css/theme.css index 650f916ba..1157324b0 100644 --- a/addons/default/visiosoft/defaultadmin-theme/resources/css/theme.css +++ b/addons/default/visiosoft/defaultadmin-theme/resources/css/theme.css @@ -2769,4 +2769,6 @@ body { /** bootstrap 4.1 Column Fix**/ .col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} -.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} \ No newline at end of file +.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} +.d-flex{display: flex} +.align-items-center{align-items: center} diff --git a/addons/default/visiosoft/defaultadmin-theme/resources/img/guide.svg b/addons/default/visiosoft/defaultadmin-theme/resources/img/guide.svg new file mode 100644 index 000000000..f1914b06d --- /dev/null +++ b/addons/default/visiosoft/defaultadmin-theme/resources/img/guide.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/addons/default/visiosoft/defaultadmin-theme/resources/views/partials/topbar.twig b/addons/default/visiosoft/defaultadmin-theme/resources/views/partials/topbar.twig index e1fa4cce1..2cdb09bd8 100644 --- a/addons/default/visiosoft/defaultadmin-theme/resources/views/partials/topbar.twig +++ b/addons/default/visiosoft/defaultadmin-theme/resources/views/partials/topbar.twig @@ -45,7 +45,7 @@ -