Proyectos de Subversion LeadersLinked - Backend

$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap4-toggle/js/bootstrap4-toggle.min.js'));

$this->headLink()->appendStylesheet($this->basePath('assets/vendors/bootstrap-fileinput/css/fileinput.min.css'));

$this->headLink()->appendStylesheet($this->basePath('assets/vendors/bootstrap-fileinput/themes/explorer-fas/theme.css'));

$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap-fileinput/js/plugins/piexif.js'));

$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap-fileinput/js/plugins/sortable.js'));

$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap-fileinput/js/fileinput.js'));

$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap-fileinput/js/locales/es.js'));

$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap-fileinput/themes/fas/theme.js'));

$this->inlineScript()->appendFile($this->basePath('assets/vendors/bootstrap-fileinput/themes/explorer-fas/theme.js'));

$this->inlineScript()->appendFile($this->basePath('assets/vendors/select2/js/select2.js'));

$this->inlineScript()->appendFile($this->basePath('assets/vendors/select2/js/i18n/es.js'));

$this->headLink()->appendStylesheet($this->basePath('assets/vendors/select2/css/select2.css'));

$this->headLink()->appendStylesheet($this->basePath('assets/vendors/select2-bootstrap5-theme/select2-bootstrap-5-theme.css'));

$this->headStyle()->captureStart();

echo <<<CSS

#gridTableUsers {

    display: flex;

    flex-flow: column;

    width: 100%;

}

#gridTableUsers thead {

    flex: 0 0 auto;

}

#gridTableUsers tbody {

    flex: 1 1 auto;

    display: block;

    overflow-y: auto;

    overflow-x: hidden;

}

#gridTableUsers tr {

    width: 100%;

    display: table;

    table-layout: fixed;

}

.imagen-contaner{

	border:1px solid rgb(200,200,200);

            e.preventDefault();

            $('#modal').modal('hide');

var validatorUploadUsers = $('#form-upload-users').validate({

        debug: true,

        onclick: false,

        onkeyup: false,

        onfocusout: false,

        ignore: [],

        rules: {

            'file' : {

                required: true,

                extension: 'xls|xlsx',

                accept: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel'

            },       

        },

        submitHandler: function(form)

        {

            NProgress.start();

            var formdata = false;

            if (window.FormData){

                formdata = new FormData(form);

            }

            formdata.append('step','validation');

            $.ajax({

                'dataType'  : 'json',

                'accept'    : 'application/json',

                'method'    : 'post',

                'url'       : '$routeUpload',

                'data'      :  formdata,

                'processData': false,

                'contentType': false,

            }).done(function(response) {

                if(response['success']) {

                    $('#table-upload-users-key').val(response['data']['key']);

                    $('#gridTableUploadUsers tbody').empty();

                    $.each(response['data']['items'], function(index, item) {

                        var s = '<tr>';

                        s = s + '<td>' + item['first_name'] + '</td>';

                        s = s + '<td>' + item['last_name'] + '</td>';

                        s = s + '<td>' + item['email'] + '</td>';

                        s = s + '<td>' + item['password'] + '</td>';

                        s = s + '<td>' + item['is_adult'] + '</td>';

                        s = s + '</tr>';

                        $('#gridTableUploadUsers tbody').append(s);

                    });    

                    $('#modalFormUploadUsers').modal('hide');

                    $('#modalUploadUsers').modal('show');

                } else {

                    validatorUploadUsers.resetForm();

                    if(jQuery.type(response['data']) == 'string') {

                        $.fn.showError(response['data']);

                    } else  {

                        $.each(response['data'], function( fieldname, errors ) {

                            $.fn.showFormErrorValidator('#form-upload-users #' + fieldname, errors);

                        });

                    }

                }

            }).fail(function( jqXHR, textStatus, errorThrown) {

                $.fn.showError(textStatus);

            }).always(function() {

                NProgress.done();

            });

            return false;

        },

        invalidHandler: function(form, validator) {

        }

    });

    $('#form-upload-users #file').fileinput({

        theme: 'fa',

        language: 'es',

        showUpload: false,

        dropZoneEnabled: false,

        maxFileCount: 1,

        allowedFileExtensions: ['xls', 'xlsx'],

    });

    $('body').on('click', 'button.btn-upload', function(e) {

        e.preventDefault();

        $('#form-upload-users #file').fileinput('reset');

        $('#form-upload-users #file').val('');

        $('#modalFormUploadUsers').modal('show');

    });

    $('body').on('click', 'button.btn-upload-users-step2', function(e) {

        e.preventDefault();

        NProgress.start();

        $.ajax({

            'dataType'  : 'json',

            'accept'    : 'application/json',

            'method'    : 'post',

            'url'       : '$routeUpload',

            'data'      :  {

                'step' : 'process',

                'key' : $('#table-upload-users-key').val(),   

            }

        }).done(function(response) {

            if(response['success']) {

                if(response['data']['users_created'] == 1) {

                    $.fn.showSuccess(response['data']['users_created'] + ' LABEL_USER_CREATED');

                } else {

                    $.fn.showSuccess(response['data']['users_created'] + ' LABEL_USERS_CREATED');

                }    

                 gridTable.api().ajax.reload(null, false);

                $('#modalUploadUsers').modal('hide');

            } else {

                $.fn.showError(response['data']);

            }

        }).fail(function( jqXHR, textStatus, errorThrown) {

            $.fn.showError(textStatus);

        }).always(function() {

            NProgress.done();

        });

          	 <?php if ($allowUpload) : ?>

       		<button type="button" class="btn btn-primary btn-upload"><i class="fa fa-upload"></i> LABEL_UPLOAD </button>

          	<?php endif; ?>

    </div>

</div>

<div class="modal" id="modalFormUploadUsers">

    <div class="modal-dialog  modal-xl">

        <div class="modal-content">

            <!-- Modal Header -->

            <div class="modal-header">

                <h6 class="modal-title">LABEL_UPLOAD</h6>

            </div>

			 <?php

                $form = $this->formUploadUsers;

                $form->setAttributes([

                    'method'    => 'post',

                    'name'      => 'form-upload-users',

                    'id'        => 'form-upload-users'

                ]);

                $form->prepare();

                echo $this->form()->openTag($form);

                ?>

            <!-- Modal body -->

            <div class="modal-body">

                <div class="row">

                	<div class="col-12  mt-3">

                    <?php

                    $element = $form->get('file');

                    $element->setOptions(['label' => 'LABEL_EXCEL']);

                    echo $this->formLabel($element);

                    ?>

                    <div class="file-loading">

                        <?php

                        $element->setAttributes(['class' => 'form-control', 'accept' => 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel']);

                        echo $this->formFile($element);

                        ?>

                        </div>

                    </div>

                </div>

            </div>

          	<div class="modal-footer text-right">

                    <button type="submit" class="btn btn-sm btn-primary">LABEL_UPLOAD</button>

                    <button type="button" class="btn btn-sm btn-light btn-cancel">LABEL_CANCEL</button>

      		</div>

        	<?php echo $this->form()->closeTag($form); ?>

        </div>

    </div>

</div>

<!-- The Modal -->

<div class="modal" id="modalUploadUsers">

    <div class="modal-dialog modal-xl">

        <div class="modal-content">

            <!-- Modal Header -->

            <div class="modal-header">

                <h6 class="modal-title">LABEL_USERS_FOR_COMPANY</h6>

                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="btn-close"></button>

            </div>

            <!-- Modal body -->

            <div class="modal-body">

                <form>

                    <input type="hidden" name="table-upload-users-key" id="table-upload-users-key">

                </form>

                <div class="row">

                	<div class="col-12  mt-3" style="height: 300px;overflow: scroll;">

                    	<table id="gridTableUploadUsers" style="width: 100%" class="table table-bordered">

                            <thead>

                                <tr>

                                    <th>LABEL_FIRST_NAME</th>

                                    <th>LABEL_LAST_NAME</th>

                                    <th>LABEL_EMAIL</th>

                                    <th>LABEL_PASSWORD</th>

                                    <th>LABEL_IS_ADULT</th>

                                </tr>

                            </thead>

                            <tbody>

                            </tbody>

                        </table>

                	</div>

                </div>

            </div>

            <!-- Modal footer -->

            <div class="modal-footer text-right">

                <button type="submit" class="btn btn-sm btn-primary btn-upload-users-step2">LABEL_SAVE</button>

                <button type="button" class="btn btn-sm btn-danger" data-dismiss="modal">LABEL_CLOSE</button>

            </div>