Mascali/raspisms
1
0
Fork 0
mirror of https://github.com/RaspbianFrance/raspisms.git synced 2025-04-22 09:26:27 +02:00
Code Issues Projects Releases Wiki Activity

Ajout du plugin pour les numéros internationaux

Browse source
This commit is contained in:
Pierre-Lin Bonnemaison 2015-09-28 19:45:55 +02:00
parent f39a8f7ceb
commit 56fc0cc13d
12 changed files with 730 additions and 54 deletions
Download patch file Download diff file Expand all files Collapse all files

24
templates/contacts/add.php
View file

@ -47,9 +47,9 @@
</div>
<div class="form-group">
<label>Numéro de téléphone du contact<span class="italic small-text text-danger"> - Vous devriez utiliser un numéro international (Ex. : +33612345678)</span></label>
<div class="form-group input-group">
<span class="input-group-addon"><span class="fa fa-phone"></span></span>
<input name="phone" class="form-control" type="text" placeholder="Numéro du contact" pattern="(0|\+[1-9]{1,3}|\+1\-[0-9]{3})[1-9][0-9]{8}" required>
<div class="form-group">
<input name="" class="form-control" type="tel" id="phone-international-input">
<input name="phone" type="hidden" id="phone-hidden-input" required>
</div>
</div>
<a class="btn btn-danger" href="<?php echo $this->generateUrl('contacts'); ?>">Annuler</a>
@ -62,5 +62,23 @@
</div>
</div>
</div>
<script>
jQuery('document').ready(function($)
{
jQuery('#phone-international-input').intlTelInput({
defaultCountry: 'fr',
preferredCountries: ['fr', 'be', 'ca'],
nationalMode: true,
utilsScript: '<?php echo HTTP_PWD; ?>/js/intlTelInput/lib/libphonenumber/utils.js'
});
jQuery('form').on('submit', function(e)
{
e.preventDefault();
jQuery('#phone-hidden-input').val(jQuery('#phone-international-input').intlTelInput("getNumber"));
this.submit();
});
});
</script>
<?php
$incs->footer();

28
templates/contacts/edit.php
View file

@ -51,9 +51,9 @@
</div>
<div class="form-group">
<label>Numéro de téléphone du contact<span class="italic small-text text-danger"> - Vous devriez utiliser un numéro international (Ex. : +33612345678)</span></label>
<div class="form-group input-group">
<span class="input-group-addon"><span class="fa fa-phone"></span></span>
<input name="contacts[<?php secho($contact['id']); ?>][phone]" class="form-control" type="text" placeholder="Numéro du contact" pattern="(0|\+[1-9]{1,3}|\+1\-[0-9]{3})[1-9][0-9]{8}" required value="<?php secho($contact['number']); ?>">
<div class="form-group">
<input name="" class="form-control phone-international-input" type="tel" contact-id="<?php secho($contact['id']); ?>" value="<?php secho($contact['number']); ?>">
<input name="contacts[<?php secho($contact['id']); ?>][phone]" type="hidden" id="phone-hidden-input-<?php secho($contact['id']); ?>" required>
</div>
</div>
<hr/>
@ -70,5 +70,27 @@
</div>
</div>
</div>
<script>
jQuery('document').ready(function($)
{
jQuery('.phone-international-input').intlTelInput({
defaultCountry: 'fr',
preferredCountries: ['fr', 'be', 'ca'],
nationalMode: true,
utilsScript: '<?php echo HTTP_PWD; ?>/js/intlTelInput/lib/libphonenumber/utils.js'
});
jQuery('form').on('submit', function(e)
{
e.preventDefault();
jQuery('.phone-international-input').each(function(key, value)
{
jQuery('#phone-hidden-input-' + jQuery(this).attr('contact-id')).val(jQuery(this).intlTelInput("getNumber"));
});
this.submit();
});
});
</script>
<?php
$incs->footer();