Proyectos de Subversion LeadersLinked - Backend

<?php

$acl            = $this->viewModel()->getRoot()->getVariable('acl');

$currentUser    = $this->currentUserHelper();

$routeReports = $this->url('microlearning/reports/progress');

$roleName = $currentUser->getUserTypeId();

$this->headLink()->appendStylesheet($this->basePath('plugins/nprogress/nprogress.css'));

$this->inlineScript()->appendFile($this->basePath('plugins/nprogress/nprogress.js'));

$this->inlineScript()->appendFile($this->basePath('plugins/jsrender/jsrender.js'));

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

echo <<<CSS

#tableStudents {

    display: flex;

    flex-flow: column;

    width: 100%;

}

#tableStudents thead {

    flex: 0 0 auto;

}

#tableStudents tbody {

    flex: 1 1 auto;

    display: block;

    overflow-y: auto;

    overflow-x: hidden;

}

#tableStudents tr {

    width: 100%;

    display: table;

    table-layout: fixed;

}

CSS;

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

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

echo <<<JS

jQuery( document ).ready(function( $ ) {

    $.fn.changeFilter = function() {

        NProgress.start();

        $.ajax({

            'dataType'  : 'json',

            'accept'    : 'application/json',

            'method'    : 'get',

            'url'       :  $('#form-filter').attr('action'),

            'data'      :  $('#form-filter').serialize(),

        }).done(function(response) {

            if(response['success']) {

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

                $('#tableStudents tbody').append(

                    $( "#progressRowTemplate" ).render( response['data'] )

                );

            } else {

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

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

                } else  {

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

                        $.fn.showFormErrorValidator('#form-slide-video-edit #' + fieldname, errors);

                    });

                }

            }

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

            $.fn.showError(textStatus);

        }).always(function() {

            NProgress.done();

        });

        return false;

    }

    $('#form-filter #topic_uuid').change(function(e) {

        e.preventDefault();

        $('#form-filter #capsule_uuid').empty();

        $.fn.changeFilter();

    })

    $('#form-filter #capsule_uuid').change(function(e) {

        e.preventDefault();

        $.fn.changeFilter();

    })

    $.fn.changeFilter();

});

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_PROGRESS_FOR_CAPSULE</h1>

			</div>

		</div>

	</div><!-- /.container-fluid -->

</section>

<section class="content">

	<div class="container-fluid">

    	<div class="row">

        	<div class="col-12">

				<div class="card">

					<div class="card-header">

						<?php

                        $form = $this->form;

            	        $form->setAttributes([

                            'name'    => 'form-filter',

                            'id'      => 'form-filter',

                        ]);

                        $form->prepare();

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

                        ?>

                        <div class="row">

                            <div class="col-md-6 col-sm-12">

                                <div class="form-group">

                                    <?php

                                    //$element = $form->get('topic_uuid');

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

                                   // $element->setAttributes(['class' => 'form-control']);

                                   // echo $this->formLabel($element);

                                   // echo $this->formSelect($element);

                                    ?>

                                </div>

                            </div>

                            <div class="col-md-6 col-sm-12">

                                <div class="form-group">

                                    <?php

                                    //$element = $form->get('capsule_uuid');

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

                                   // $element->setAttributes(['class' => 'form-control']);

                                   // echo $this->formLabel($element);

                                    //echo $this->formSelect($element);

                                    ?>

                                </div>

                            </div>

                            <div

                                class="col-md-12 col-sm-12"

                            >

                                <div style="float:right;">

                                    <button type="button" class="btn btn-info btn-refresh"><i class="fa fa-refresh"></i> LABEL_REFRESH  </button>

                                    <?php if($allowUpload) : ?>

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

                                    <?php endif; ?>

                                    <?php if($allowNotification) : ?>

                                        <button type="button" class="btn btn-primary btn-notification"><i class="fa fa-tablet"></i> LABEL_NOTIFICATION </button>

                                    <?php endif; ?>

                                </div>

                            </div>

                        </div>

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

					</div>

					<div class="card-body">

        	    		<table id="gridTable" class="table   table-hover">

                      		<thead>

        						<tr>

									<th style="width: 12%">LABEL_FIRST_NAME</th>

									<th style="width: 12%">LABEL_LAST_NAME</th>

									<th style="width: 16%">LABEL_EMAIL_NAME</th>

       								<th style="width: 20%">LABEL_DATE</th>

                      				<th style="width: 12%">LABEL_REPORTS_PROGRESS</th>

                      				<th style="width: 8%" class="text-right">%</th>

                                </tr>

                       		</thead>

                         	<tbody>

                         	</tbody>

                    	</table>

                   	</div>

          		</div>

           	</div>

        </div>

 	</div>

</section>

<script id="progressRowTemplate" type="text/x-jsrender">

    <tr>

        <td style="width: 12%">

            {{>first_name}}

        </td>

        <td style="width: 12%">

             {{>last_name}}

        </td>

        <td style="width: 16%">

            {{>email}}

        </td>

        <td style="width: 20%">

            LABEL_REPORTS_FIRST_DATE

            <br>

            {{>first_date}} {{>first_time}}

            <br>

            LABEL_REPORTS_LAST_DATE

            <br>

            {{>last_date}} {{>last_time}}

        </td>

        <td style="width: 12%">

            <div class="progress progress-xs progress-striped active">

                <div class="progress-bar bg-primary" style="width: {{>total_capsules_percentaje}}%"></div>

            </div>

        </td>

        <td style="width: 8%" class="text-right">{{>total_capsules_percentaje}}</td>

    </tr>

</script>