Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 16822 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
2 efrain 1 
<?php
2 
$acl            = $this->viewModel()->getRoot()->getVariable('acl');
3 
$currentUser    = $this->currentUserHelper();
4 
 
3 efrain 5 
$routeReports = $this->url('microlearning/reports/progress');
2 efrain 6 
 
7 
$roleName = $currentUser->getUserTypeId();
8 
 
9 
 
16822 efrain 10 
$this->headLink()->appendStylesheet($this->basePath('assets/vendors/nprogress/nprogress.css'));
11 
$this->inlineScript()->appendFile($this->basePath('assets/vendors/nprogress/nprogress.js'));
12 
$this->inlineScript()->appendFile($this->basePath('assets/vendors/jsrender/jsrender.js'));
2 efrain 13 
 
14 
$this->headStyle()->captureStart();
15 
echo <<<CSS
16 
 
17 
 
18 
#tableStudents {
19 
    display: flex;
20 
    flex-flow: column;
21 
    width: 100%;
22 
}
23 
 
24 
#tableStudents thead {
25 
    flex: 0 0 auto;
26 
}
27 
 
28 
#tableStudents tbody {
29 
    flex: 1 1 auto;
30 
    display: block;
31 
    overflow-y: auto;
32 
    overflow-x: hidden;
33 
}
34 
 
35 
#tableStudents tr {
36 
    width: 100%;
37 
    display: table;
38 
    table-layout: fixed;
39 
}
40 
CSS;
41 
$this->headStyle()->captureEnd();
42 
 
43 
 
44 
 
45 
$this->inlineScript()->captureStart();
46 
echo <<<JS
47 
jQuery( document ).ready(function( $ ) {
48 
 
49 
    $.fn.changeFilter = function() {
50 
        NProgress.start();
51 
        $.ajax({
52 
            'dataType'  : 'json',
53 
            'accept'    : 'application/json',
54 
            'method'    : 'get',
55 
            'url'       :  $('#form-filter').attr('action'),
56 
            'data'      :  $('#form-filter').serialize(),
57 
        }).done(function(response) {
58 
            if(response['success']) {
59 
 
60 
                $('#tableStudents tbody').empty();
187 efrain 61 
                $('#tableStudents tbody').append(
62 
                    $( "#progressRowTemplate" ).render( response['data'] )
2 efrain 63 
 
187 efrain 64 
                );
2 efrain 65 
 
66 
 
67 
            } else {
68 
                if(jQuery.type(response['data']) == 'string') {
69 
                    $.fn.showError(response['data']);
70 
                } else  {
71 
                    $.each(response['data'], function( fieldname, errors ) {
72 
                        $.fn.showFormErrorValidator('#form-slide-video-edit #' + fieldname, errors);
73 
                    });
74 
                }
75 
            }
76 
        }).fail(function( jqXHR, textStatus, errorThrown) {
77 
            $.fn.showError(textStatus);
78 
        }).always(function() {
79 
            NProgress.done();
80 
        });
81 
        return false;
82 
    }
83 
 
84 
 
85 
    $('#form-filter #company_id').change(function(e) {
86 
        e.preventDefault();
87 
        $.fn.changeFilter();
88 
 
89 
    });
90 
 
91 
    $('#form-filter #function_id').change(function(e) {
92 
        e.preventDefault();
93 
        $.fn.changeFilter();
94 
 
95 
    });
96 
 
97 
 
98 
    $('#form-filter #group_id').change(function(e) {
99 
        e.preventDefault();
100 
        $.fn.changeFilter();
101 
 
102 
    });
103 
 
104 
 
105 
    $('#form-filter #institution_id').change(function(e) {
106 
        e.preventDefault();
107 
        $.fn.changeFilter();
108 
 
109 
    });
110 
 
111 
 
112 
    $('#form-filter #program_id').change(function(e) {
113 
        e.preventDefault();
114 
        $.fn.changeFilter();
115 
 
116 
    });
117 
 
118 
 
119 
    $('#form-filter #partner_id').change(function(e) {
120 
        e.preventDefault();
121 
        $.fn.changeFilter();
122 
 
123 
    });
124 
 
125 
 
126 
    $('#form-filter #sector_id').change(function(e) {
127 
        e.preventDefault();
128 
        $.fn.changeFilter();
129 
 
130 
    });
131 
 
132 
 
133 
    $('#form-filter #student_type_id').change(function(e) {
134 
        e.preventDefault();
135 
        $.fn.changeFilter();
136 
 
137 
    });
138 
 
139 
 
140 
    $.fn.changeFilter();
141 
 
142 
});
143 
JS;
144 
$this->inlineScript()->captureEnd();
145 
?>
146 
 
147 
<!-- Content Header (Page header) -->
148 
<section class="content-header">
149 
	<div class="container-fluid">
150 
    	<div class="row mb-2">
151 
        	<div class="col-sm-12">
152 
            	<h1>LABEL_PROGRESS</h1>
153 
			</div>
154 
		</div>
155 
	</div><!-- /.container-fluid -->
156 
</section>
157 
 
158 
<section class="content">
159 
	<div class="container-fluid">
160 
		<div class="row">
16891 efrain 161 
			<div class="col-12 mt-3">
2 efrain 162 
				<div class="card card-primary collapsed-card">
163 
              		<div class="card-header">
164 
                		<h3 class="card-title">LABEL_FILTERS</h3>
165 
 
166 
                		<div class="card-tools">
167 
                  			<button type="button" class="btn btn-tool" data-card-widget="collapse"><i class="fa fa-filter"></i></button>
168 
                		</div>
169 
                        <!-- /.card-tools -->
170 
              		</div>
171 
                    <!-- /.card-header -->
172 
              		<div class="card-body">
173 
                		<form name="form-filter" id="form-filter" action="<?php echo $routeReports ?>">
174 
                		<?php
175 
                    $fields = [
176 
                        [
177 
                            'label' => 'LABEL_COMPANIES',
178 
                            'name' => 'company_id',
179 
                        ],
180 
                        [
181 
                            'label' => 'LABEL_FUNCTIONS',
182 
                            'name' => 'function_id',
183 
                        ],
184 
                        [
185 
                            'label' => 'LABEL_GROUPS',
186 
                            'name' => 'group_id',
187 
                        ],
188 
                        [
189 
                            'label' => 'LABEL_INSTITUTIONS',
190 
                            'name' => 'institution_id',
191 
                        ],
192 
                        [
193 
                            'label' => 'LABEL_PROGRAMS',
194 
                            'name' => 'program_id',
195 
                        ],
196 
                        [
197 
                            'label' => 'LABEL_PARTNERS',
198 
                            'name' => 'partner_id',
199 
                        ],
200 
                        [
201 
                            'label' => 'LABEL_SECTORS',
202 
                            'name' => 'sector_id',
203 
                        ],
204 
                        [
205 
                            'label' => 'LABEL_STUDENT_TYPES',
206 
                            'name' => 'student_type_id',
207 
                        ],
208 
                    ];
209 
 
210 
                    $column = 0;
211 
                    foreach($fields as $field) :
212 
                        if($column == 0) {
213 
                            echo '<div class="row">';
214 
 
215 
                        }
216 
                        $column++;
217 
 
218 
                    ?>
219 
 
220 
 
221 
                             <div class="col-md-6 col-sm-12">
222 
    					<div class="form-group">
223 
        					<?php
224 
                            $element = $form->get( $field['name'] );
225 
                            $element->setOptions(['label' => $field['label'] ]);
226 
                            $element->setAttributes(['class' => 'form-control']);
227 
 
228 
                            echo $this->formLabel($element);
229 
                            echo $this->formSelect($element);
230 
                            ?>
231 
						</div>
232 
						</div>
233 
						<?php
234 
						if($column == 2) {
235 
						    $column = 0;
236 
						    echo '</div>';
237 
						}
238 
						?>
239 
					<?php endforeach; ?>
240 
						<?php if($column) {
241 
						    echo '</div>';
242 
						}
243 
						?>
244 
                		</form>
245 
              		</div>
246 
                <!-- /.card-body -->
247 
            	</div>
248 
			</div>
249 
		</div>
250 
 
251 
    	<div class="row">
16891 efrain 252 
        	<div class="col-12 mt-3">
2 efrain 253 
 
254 
				<div class="card">
255 
                    <!-- /.card-header -->
256 
              		<div class="card-body p-0">
257 
                		<table class="table table-responsive" id="tableStudents" >
258 
                  			<thead>
259 
                    			<tr>
187 efrain 260 
                      				<th style="width: 40%"> LABEL_REPORTS_STUDENT</th>
261 
									<th style="width: 20%">LABEL_CAPSULES</th>
262 
       								<th style="width: 20%">LABEL_DATE</th>
263 
                      				<th style="width: 12%">LABEL_REPORTS_PROGRESS</th>
2 efrain 264 
                      				<th style="width: 8%" class="text-right">%</th>
265 
                    			</tr>
266 
                  			</thead>
267 
                  			<tbody>
268 
 
269 
                 			</tbody>
270 
                		</table>
271 
              		</div>
272 
             		 <!-- /.card-body -->
273 
            	</div>
274 
 
275 
 
276 
           	</div>
277 
        </div>
278 
 	</div>
279 
</section>
280 
 
281 
 
187 efrain 282 
<script id="progressRowTemplate" type="text/x-jsrender">
283 
    <tr>
284 
        <td style="width: 40%">
285 
            {{>first_name}} {{>last_name}}
286 
            <br>
287 
            {{>email}}
288 
        </td>
289 
        <td style="width: 20%">
290 
            LABEL_REPORTS_CAPSULES_TOTAL : {{>total_capsules}}
291 
            <br>
292 
            LABEL_REPORTS_CAPSULES_COMPLETED : {{>total_capsules_completed}}
293 
            <br>
294 
            LABEL_REPORTS_CAPSULES_INCOMPLETED : {{>total_capsules_incomplete}}
295 
 
296 
        </td>
297 
        <td style="width: 20%">
298 
            LABEL_REPORTS_FIRST_DATE
299 
            <br>
300 
            {{>first_date}} {{>first_time}}
301 
            <br>
302 
            LABEL_REPORTS_LAST_DATE
303 
            <br>
304 
            {{>last_date}} {{>last_time}}
305 
        </td>
306 
        <td style="width: 12%">
307 
            <div class="progress progress-xs progress-striped active">
308 
                <div class="progress-bar bg-primary" style="width: {{>total_capsules_percentaje}}%"></div>
309 
            </div>
310 
        </td>
311 
        <td style="width: 8%" class="text-right">{{>total_capsules_percentaje}}</td>
312 
    </tr>
313 
</script>
2 efrain 314 
 
315 
 
316 
 
187 efrain 317 
 
318 
 
2 efrain 319 
 
320