Proyectos de Subversion LeadersLinked - Backend

<?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('assets/vendors/nprogress/nprogress.css'));
$this->inlineScript()->appendFile($this->basePath('assets/vendors/nprogress/nprogress.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) {
                error.insertAfter(element.parent());
            }
        });
        
        $.fn.handleDisable = function() {
            const disabledValue = $('button[type="submit"]').prop('disabled')
            $('button[type="submit"]').prop('disabled', !disabledValue);
        }
        


    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) {
            
        }
    });



});
JS;
$this->inlineScript()->captureEnd();
?>

<!-- Content Header (Page header) -->
<div class="container">
        <div class="card">
                <?php 
                $form = $this->form;
                $form->setAttributes([
                    'method'  => 'post',
                    'action'  => $routeSave,
                    'name'    => 'form',
                    'id'      => 'form',
                ]);
                
                $form->prepare();
                echo $this->form()->openTag($form);
                ?>
                <div class="card-body">
                        <h6 class="card-title">LABEL_MY_PRIVATE_NETWORK_CALENDAR</h6>


     
                    <?php
            
    
                    $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',
    
    
    
                    ];
    
    
                    $col = 0;
                    foreach ($styles as $label => $field) :
                        if($col == 0) {
                            echo "<div class=\"row\">";  
                            
                        }
                        
                        
                        $value = $form->get($field)->getValue();
                    
                    ?>
                                        
    
    
                        <div class=" mt-3 col-6">
                                <label for="<?php echo $field ?>" class="form-label"><?php echo $label ?></label>
                                                        <input type="color" id="<?php echo $field ?>" name="<?php echo $field ?>" class="form-control form-control-color"  value="<?php echo $value ?>" >
                        
                        </div>
                        <?php 
                            $col++;
                            if($col == 2) {
                                echo "</div>";  
                                $col = 0;
                            }
                        ?>
                    <?php
                    endforeach;
                    
                    if($col != 0) {
                        echo "</div>";  
                    }
                    ?>

                                
    
                </div>
                <div class="card-footer text-right">
                <button type="submit" class="btn btn-primary">LABEL_SAVE</button>
        </div>
                <?php echo $this->form()->closeTag($form); ?>
        </div>
</div>