search

bkerdzaia / odoo_phone_intl

Odoo international masked phone widget addon
10 stars 4 forks source link

Add Front-end Support for the widget #4

Open 3mrdev opened 2 years ago

3mrdev commented 2 years ago

This PR is to add support for the widget in the Odoo Website Builder All you need to do is put the 'intl_tel_widget' class in the input tag and provide two new elements to get the output and the full number with country code. ex

SignUp

<div class="form-group field-phone col-md-6">
    <label for="phone">Mobile Phone</label><br/>
    <input type="tel" name="phone1" t-att-value="phone" id="phone" class="form-control form-control-sm intl_tel_widget" placeholder="e.g. 96699999999"
        required="required" t-att-readonly="'readonly' if only_passwords else None"
        t-att-autofocus="'autofocus' if login and not only_passwords else None"/>
    <p class="phone_output">Please enter a valid number</p>
    <input type="hidden" class="phone_value" name="phone" value=""/> 
</div>