raspisms/templates/scheduled/add.php

233 lines
10 KiB
PHP
Raw Normal View History

2019-10-29 14:57:13 +01:00
<?php
//Template dashboard
$this->render('incs/head', ['title' => 'Scheduleds - Add'])
?>
<div id="wrapper">
<?php
$this->render('incs/nav', ['page' => 'scheduleds'])
?>
<div id="page-wrapper">
<div class="container-fluid">
<!-- Page Heading -->
<div class="row">
<div class="col-lg-12">
<h1 class="page-header">
Nouveau SMS programmé
</h1>
<ol class="breadcrumb">
<li>
<i class="fa fa-dashboard"></i> <a href="<?php echo \descartes\Router::url('Dashboard', 'show'); ?>">Dashboard</a>
2019-10-29 14:57:13 +01:00
</li>
<li>
2019-11-07 17:52:33 +01:00
<i class="fa fa-calendar"></i> <a href="<?php echo \descartes\Router::url('Scheduled', 'list'); ?>">Scheduleds</a>
2019-10-29 14:57:13 +01:00
</li>
<li class="active">
<i class="fa fa-plus"></i> Nouveau
</li>
</ol>
</div>
</div>
<!-- /.row -->
<div class="row">
<div class="col-lg-12">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title"><i class="fa fa-calendar fa-fw"></i> Ajout d'un SMS programmé</h3>
</div>
<div class="panel-body">
2019-11-07 17:52:33 +01:00
<form action="<?php echo \descartes\Router::url('Scheduled', 'create', ['csrf' => $_SESSION['csrf']]);?>" method="POST">
2019-10-29 14:57:13 +01:00
<div class="form-group">
<label>Texte du SMS</label>
<?php if ($_SESSION['user']['settings']['templating']) { ?>
<p class="italic small help description-scheduled-text">
Vous pouvez utilisez des fonctionnalités de templating pour indiquer des valeures génériques qui seront remplacées par les données du contact au moment de l'envoie. Pour plus d'information, consultez la documentation sur <a href="#">l'utilisation des templates.</a><br/>
Vous pouvez obtenir une prévisualisation du résultat pour un contact en cliquant sur le boutton <b>"Prévisualiser"</b>.
</p>
<?php } ?>
<textarea name="text" class="form-control" required></textarea>
<?php if ($_SESSION['user']['settings']['templating']) { ?>
<div class="scheduled-preview-container">
<label>Prévisualiser pour : </label>
<select name="" class="form-control">
<?php foreach ($contacts as $contact) { ?>
<option value="<?php $this->s($contact['id']); ?>"><?php $this->s($contact['name']); ?></option>
<?php } ?>
</select>
<a class="btn btn-info preview-button" href="#">Prévisualiser</a>
</div>
<?php } ?>
</div>
<div class="form-group">
<label>Date d'envoi du SMS</label>
<input name="at" class="form-control form-datetime" type="text" value="<?php $this->s($now); ?>" readonly>
</div>
<div class="form-group">
<label>Numéros cibles</label>
<div class="form-group scheduleds-number-groupe-container">
<div class="form-group scheduleds-number-groupe">
<input name="" class="form-control phone-international-input" type="tel" >
<span class="remove-scheduleds-number fa fa-times"></span>
</div>
<div class="add-number-button fa fa-plus-circle"></div>
</div>
</div>
<div class="form-group">
<label>Contacts cibles</label>
<input class="add-contacts form-control" name="contacts[]"/>
</div>
<div class="form-group">
<label>Groupes cibles</label>
<input class="add-groupes form-control" name="groups[]"/>
</div>
<?php if ($_SESSION['user']['settings']['sms_flash']) { ?>
2019-11-12 17:37:20 +01:00
<div class="form-group">
<label>Envoyer comme un SMS Flash : </label>
<div class="form-group">
<input name="flash" type="radio" value="1" required /> Oui
<input name="flash" type="radio" value="0" required checked/> Non
</div>
2019-11-12 17:37:20 +01:00
</div>
<?php } ?>
<div class="form-group">
<label>Numéro à employer : </label>
<select name="origin" class="form-control">
<option value="">N'importe lequel</option>
<?php foreach ($phones as $phone) { ?>
<option value="<?php $this->s($phone['number']); ?>"><?php $this->s($phone['number']); ?></option>
<?php } ?>
</select>
</div>
<a class="btn btn-danger" href="<?php echo \descartes\Router::url('Scheduled', 'list'); ?>">Annuler</a>
<input type="submit" class="btn btn-success" value="Enregistrer le SMS" />
</form>
</div>
</div>
</div>
</div>
</div>
</div>
2019-10-29 14:57:13 +01:00
</div>
<div class="modal fade" tabindex="-1" id="scheduled-preview-text-modal">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title">Prévisualisation du message</h4>
</div>
<div class="modal-body">
<pre></pre>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
2019-10-29 14:57:13 +01:00
<script>
jQuery(document).ready(function()
2019-11-10 15:47:28 +01:00
{
var number_inputs = [];
2019-10-29 14:57:13 +01:00
jQuery('.add-contacts').each(function()
{
jQuery(this).magicSuggest({
2019-11-07 17:52:33 +01:00
data: '<?php echo \descartes\Router::url('Contact', 'json_list'); ?>',
2019-10-29 14:57:13 +01:00
valueField: 'id',
displayField: 'name',
});
});
jQuery('.add-groupes').each(function()
{
jQuery(this).magicSuggest({
2019-11-09 03:35:12 +01:00
data: '<?php echo \descartes\Router::url('Group', 'json_list'); ?>',
2019-10-29 14:57:13 +01:00
valueField: 'id',
displayField: 'name',
});
});
2019-11-10 15:47:28 +01:00
jQuery('body').on('click', '.remove-scheduleds-number', function(e)
{
jQuery(this).parents('.scheduleds-number-groupe').remove();
2019-10-29 14:57:13 +01:00
});
2019-11-10 15:47:28 +01:00
jQuery('.form-datetime').datetimepicker(
2019-10-29 14:57:13 +01:00
{
2019-11-10 15:47:28 +01:00
format: 'yyyy-mm-dd hh:ii:ss',
autoclose: true,
minuteStep: 1,
language: 'fr'
2019-10-29 14:57:13 +01:00
});
2019-11-10 15:47:28 +01:00
//intlTelInput
2019-10-29 14:57:13 +01:00
jQuery('body').on('click', '.add-number-button', function(e)
{
var random_id = Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
2019-10-29 14:57:13 +01:00
var newScheduledsNumberGroupe = '' +
'<div class="form-group scheduleds-number-groupe">' +
'<input name="" class="form-control phone-international-input" type="tel" id="' + random_id + '">' +
' <span class="remove-scheduleds-number fa fa-times"></span>' +
2019-10-29 14:57:13 +01:00
'</div>';
jQuery(this).before(newScheduledsNumberGroupe);
var number_input = jQuery('#' + random_id)[0];
2019-11-10 15:47:28 +01:00
var iti_number_input = window.intlTelInput(number_input, {
hiddenInput: 'numbers[]',
2019-11-11 04:05:26 +01:00
defaultCountry: '<?php $this->s($_SESSION['user']['settings']['default_phone_country']); ?>',
preferredCountries: <?php $this->s(json_encode(explode(',', $_SESSION['user']['settings']['preferred_phone_country'])), false, false); ?>,
2019-10-29 14:57:13 +01:00
nationalMode: true,
2019-11-10 15:47:28 +01:00
utilsScript: '<?php echo HTTP_PWD_JS; ?>/intlTelInput/utils.js'
});
2019-10-29 14:57:13 +01:00
2019-11-10 15:47:28 +01:00
number_inputs.push({
'number_input': number_input,
'iti_number_input': iti_number_input,
});
});
2019-10-29 14:57:13 +01:00
2019-11-10 15:47:28 +01:00
var number_input = jQuery('.phone-international-input')[0];
var iti_number_input = window.intlTelInput(number_input, {
hiddenInput: 'numbers[]',
2019-11-11 04:05:26 +01:00
defaultCountry: '<?php $this->s($_SESSION['user']['settings']['default_phone_country']); ?>',
preferredCountries: <?php $this->s(json_encode(explode(',', $_SESSION['user']['settings']['preferred_phone_country'])), false, false); ?>,
2019-11-10 15:47:28 +01:00
nationalMode: true,
utilsScript: '<?php echo HTTP_PWD_JS; ?>/intlTelInput/utils.js'
2019-10-29 14:57:13 +01:00
});
2019-11-10 15:47:28 +01:00
number_inputs.push({
'number_input': number_input,
'iti_number_input': iti_number_input,
});
jQuery('body').on('click', '.preview-button', function (e)
{
e.preventDefault();
var id_contact = jQuery(this).parents('.scheduled-preview-container').find('select').val();
var template = jQuery(this).parents('.form-group').find('textarea').val();
var datas = {
'id_contact' : id_contact,
'template' : template,
};
jQuery.ajax({
type: "POST",
url: HTTP_PWD + '/template/preview',
data: datas,
success: function (datas) {
jQuery('#scheduled-preview-text-modal').find('.modal-body pre').text(datas.result);
jQuery('#scheduled-preview-text-modal').modal({'keyboard': true});
},
dataType: 'json'
});
});
2019-10-29 14:57:13 +01:00
});
</script>
<?php
$this->render('incs/footer');