Rev 15400 | Rev 16841 | Ir a la última revisión | Autoría | Comparar con el anterior | Ultima modificación | Ver Log |
<?php
$acl = $this->viewModel()->getRoot()->getVariable('acl');
$currentUser = $this->currentUserHelper();
$roleName = $currentUser->getUserTypeId();
$routeSave = $this->url('settings/my-private-network/calendar');
$this->headLink()->appendStylesheet($this->basePath('plugins/nprogress/nprogress.css'));
$this->inlineScript()->appendFile($this->basePath('plugins/nprogress/nprogress.js'));
$this->inlineScript()->appendFile($this->basePath('plugins/jquery-validation/jquery.validate.js'));
$this->inlineScript()->appendFile($this->basePath('plugins/jquery-validation/additional-methods.js'));
$this->inlineScript()->appendFile($this->basePath('plugins/jquery-validation/localization/messages_es.js'));
$this->headLink()->appendStylesheet($this->basePath('plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.css'));
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.js'));
$this->inlineScript()->captureStart();
echo <<<JS
jQuery( document ).ready(function( $ ) {
$.validator.setDefaults({
debug: true,
highlight: function(element) {
$(element).addClass('is-invalid');
},
unhighlight: function(element) {
$(element).removeClass('is-invalid');
},
errorElement: 'span',
errorClass: 'error invalid-feedback',
errorPlacement: function(error, element) {
if(element.parent('.btn-file').length) {
error.insertAfter(element.parent().parent());
} else if(element.parent('.toggle').length) {
error.insertAfter(element.parent().parent());
} else {
error.insertAfter(element.parent());
}
}
});
$.fn.handleDisable = function() {
const disabledValue = $('button[type="submit"]').prop('disabled')
$('button[type="submit"]').prop('disabled', !disabledValue);
}
$.fn.showFormErrorValidator = function(fieldname, errors) {
var element = $(fieldname);
if(element) {
$(element).addClass('is-invalid');
var error = $('<span id="' + fieldname +'-error" class="error invalid-feedback">' + errors + '</div>');
if(element.parent('.btn-file').length) {
error.insertAfter(element.parent().parent());
} else if(element.parent('.toggle').length) {
error.insertAfter(element.parent().parent());
} else {
error.insertAfter(element.parent());
}
}
};
var validator = $('#form').validate({
debug: true,
onclick: false,
onkeyup: false,
ignore: [],
rules: {
'css_calendar_expire_bg_color': {
required: true,
maxlength: 7,
},
'css_calendar_expire_text_color': {
required: true,
maxlength: 7,
},
'css_calendar_zoom_bg_color': {
required: true,
maxlength: 7,
},
'css_calendar_zoom_text_color': {
required: true,
maxlength: 7,
},
'css_calendar_planning_objectives_and_goals_bg_color': {
required: true,
maxlength: 7,
},
'css_calendar_planning_objectives_and_goals_text_color': {
required: true,
maxlength: 7,
},
'css_calendar_performance_evaluation_bg_color': {
required: true,
maxlength: 7,
},
'css_calendar_performance_evaluation_text_color': {
required: true,
maxlength: 7,
},
'css_calendar_recruitment_and_selection_bg_color': {
required: true,
maxlength: 7,
},
'css_calendar_recruitment_and_selection_text_color': {
required: true,
maxlength: 7,
},
'css_calendar_survey_bg_color': {
required: true,
maxlength: 7,
},
'css_calendar_survey_text_color': {
required: true,
maxlength: 7,
},
'css_calendar_organizational_climate_bg_color': {
required: true,
maxlength: 7,
},
'css_calendar_organizational_climate_text_color': {
required: true,
maxlength: 7,
},
},
submitHandler: function(form)
{
var formdata = false;
if (window.FormData){
formdata = new FormData(form); //form[0]);
}
$.fn.handleDisable()
$.ajax({
'dataType' : 'json',
'accept' : 'application/json',
'method' : 'post',
'url' : $('#form').attr('action'),
'data' : formdata,
'processData': false,
'contentType': false,
}).done(function(response) {
if(response['success']) {
$.fn.showSuccess(response['data']);
} else {
validator.resetForm();
if(jQuery.type(response['data']) == 'string') {
$.fn.showError(response['data'], $.fn.handleDisable);
} else {
$.each(response['data'], function( fieldname, errors ) {
$.fn.showFormErrorValidator('#form #' + fieldname, errors);
});
}
}
}).fail(function( jqXHR, textStatus, errorThrown) {
$.fn.showError(textStatus);
}).always(function() {
NProgress.done();
});
return false;
},
invalidHandler: function(form, validator) {
}
});
$('#css_calendar_expire_bg_color').colorpicker();
$('#css_calendar_expire_text_color').colorpicker();
$('#css_calendar_zoom_bg_color').colorpicker();
$('#css_calendar_zoom_text_color').colorpicker();
$('#css_calendar_planning_objectives_and_goals_bg_color').colorpicker();
$('#css_calendar_planning_objectives_and_goals_text_color').colorpicker();
$('#css_calendar_performance_evaluation_bg_color').colorpicker();
$('#css_calendar_performance_evaluation_text_color').colorpicker();
$('#css_calendar_recruitment_and_selection_bg_color').colorpicker();
$('#css_calendar_recruitment_and_selection_text_color').colorpicker();
$('#css_calendar_survey_bg_color').colorpicker();
$('#css_calendar_survey_text_color').colorpicker();
$('#css_calendar_organizational_climate_bg_color').colorpicker();
$('#css_calendar_organizational_climate_text_color').colorpicker();
});
JS;
$this->inlineScript()->captureEnd();
?>
<!-- Content Header (Page header) -->
<section class="content-header">
<div class="container-fluid">
<div class="row mb-2">
<div class="col-sm-12">
<h1>LABEL_MY_PRIVATE_NETWORK_CALENDAR</h1>
</div>
</div>
<div class="row mb-2">
<div class="col-sm-12">
<?php
$form = $this->form;
$form->setAttributes([
'method' => 'post',
'action' => $routeSave,
'name' => 'form',
'id' => 'form',
]);
$form->prepare();
echo $this->form()->openTag($form);
$styles = [
'Color de fondo de un evento cerca de expirar' => 'css_calendar_expire_bg_color',
'Color del texto de un evento cerca de expirar' => 'css_calendar_expire_text_color',
'Color de fondo de una conferencia Zoom' => 'css_calendar_zoom_bg_color',
'Color del texto de una conferencia Zoom' => 'css_calendar_zoom_text_color',
'Color de fondo de una planificación de objetivos' => 'css_calendar_planning_objectives_and_goals_bg_color',
'Color de texto de una planificación de objetivos' => 'css_calendar_planning_objectives_and_goals_text_color',
'Color de fondo de una evaluación de desempeño' => 'css_calendar_performance_evaluation_bg_color',
'Color de texto de una evaluación de desempeño' => 'css_calendar_performance_evaluation_text_color',
'Color de fondo de un proceso de reclutamiento y selección' => 'css_calendar_recruitment_and_selection_bg_color',
'Color de texto de un proceso de reclutamiento y selección' => 'css_calendar_recruitment_and_selection_text_color',
'Color de fondo de una encuesta' => 'css_calendar_survey_bg_color',
'Color de texto de una encuesta' => 'css_calendar_survey_text_color',
'Color de fondo de una encuesta de clima organizacional' => 'css_calendar_organizational_climate_bg_color',
'Color de texto de una encuesta de clima organizacional' => 'css_calendar_organizational_climate_text_color',
];
foreach ($styles as $label => $field) :
?>
<div class="form-group">
<?php
$element = $form->get($field);
$element->setAttributes(['id' => $field, 'class' => 'form-control', 'class' => 'form-control']);
$element->setOptions(['label' => $label]);
echo $this->formLabel($element);
echo $this->formText($element);
?>
</div>
<?php
endforeach;
?>
<div class="form-group">
<button type="submit" class="btn btn-primary">LABEL_SAVE</button>
</div>
<?php echo $this->form()->closeTag($form); ?>
</div>
</div>
</div><!-- /.container-fluid -->
</section>