Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 16891 | | Comparar con el anterior | Ultima modificación | Ver Log |

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