Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev Autor Línea Nro. Línea
1320 efrain 1 
<?php
2 
$acl            = $this->viewModel()->getRoot()->getVariable('acl');
3 
$currentUser    = $this->currentUserHelper();
4 
 
5 
$roleName = $currentUser->getUserTypeId();
6 
 
15386 efrain 7 
$allowDownload  = $acl->isAllowed($roleName, 'microlearning/reports/progress-for-capsule/excel') ? 1 : 0;
1320 efrain 8 
 
16822 efrain 9 
$this->headLink()->appendStylesheet($this->basePath('assets/vendors/select2/css/select2.min.css'));
10 
$this->headLink()->appendStylesheet($this->basePath('assets/vendors/select2-bootstrap4-theme/select2-bootstrap4.min.css'));
11 
$this->inlineScript()->appendFile($this->basePath('assets/vendors/select2/js/select2.min.js'));
15386 efrain 12 
 
13 
 
14 
 
15389 efrain 15 
 
16822 efrain 16 
$this->headLink()->appendStylesheet($this->basePath('assets/vendors/nprogress/nprogress.css'));
17 
$this->inlineScript()->appendFile($this->basePath('assets/vendors/nprogress/nprogress.js'));
18 
$this->inlineScript()->appendFile($this->basePath('assets/vendors/jsrender/jsrender.js'));
1320 efrain 19 
 
20 
$this->headStyle()->captureStart();
21 
echo <<<CSS
22 
 
23 
 
15390 efrain 24 
#gridTable {
1320 efrain 25 
    display: flex;
26 
    flex-flow: column;
27 
    width: 100%;
28 
}
29 
 
15390 efrain 30 
#gridTable thead {
1320 efrain 31 
    flex: 0 0 auto;
32 
}
33 
 
15390 efrain 34 
#gridTable tbody {
1320 efrain 35 
    flex: 1 1 auto;
36 
    display: block;
37 
    overflow-y: auto;
38 
    overflow-x: hidden;
39 
}
40 
 
15390 efrain 41 
#gridTable tr {
1320 efrain 42 
    width: 100%;
43 
    display: table;
44 
    table-layout: fixed;
45 
}
46 
CSS;
47 
$this->headStyle()->captureEnd();
48 
 
49 
 
50 
 
51 
$this->inlineScript()->captureStart();
52 
echo <<<JS
53 
jQuery( document ).ready(function( $ ) {
15386 efrain 54 
 
55 
 
1320 efrain 56 
    $.fn.changeFilter = function() {
57 
        NProgress.start();
58 
        $.ajax({
59 
            'dataType'  : 'json',
60 
            'accept'    : 'application/json',
61 
            'method'    : 'get',
62 
            'url'       :  $('#form-filter').attr('action'),
63 
            'data'      :  $('#form-filter').serialize(),
64 
        }).done(function(response) {
65 
            if(response['success']) {
66 
 
15389 efrain 67 
 
1320 efrain 68 
 
15389 efrain 69 
 
14614 efrain 70 
                if(response['data']['capsules']) {
71 
 
15389 efrain 72 
                  $('#form-filter #capsule_uuid').empty();
14614 efrain 73 
 
15389 efrain 74 
                  $.each(response['data']['capsules'], function( value, label ) {
75 
                        $('#form-filter #capsule_uuid').append($('<option>', {
76 
                            value: value,
77 
                            text: label
78 
                        }));
79 
                     });
15386 efrain 80 
 
15389 efrain 81 
 
82 
                  $('#form-filter #capsule_uuid').val(response['data']['capsule_selected']).trigger('change');
14614 efrain 83 
                }
84 
 
85 
                if(response['data']['items']) {
86 
                    $('#gridTable tbody').empty();
87 
                    $('#gridTable tbody').append(
88 
                        $( "#progressRowTemplate" ).render( response['data']['items'] )
1320 efrain 89 
 
14614 efrain 90 
                    );
91 
 
92 
                }
1320 efrain 93 
 
15386 efrain 94 
                if(response['data']['link_download']) {
95 
                    $('button.btn-download').data('href', response['data']['link_download']);
96 
                    $('button.btn-download').show();
97 
 
98 
                } else {
99 
                     $('button.btn-download').hide();
100 
                }
101 
 
1320 efrain 102 
            } else {
103 
                if(jQuery.type(response['data']) == 'string') {
104 
                    $.fn.showError(response['data']);
105 
                } else  {
106 
                    $.each(response['data'], function( fieldname, errors ) {
14614 efrain 107 
                        $.fn.showFormErrorValidator('#form-filter #' + fieldname, errors);
1320 efrain 108 
                    });
109 
                }
110 
            }
111 
        }).fail(function( jqXHR, textStatus, errorThrown) {
112 
            $.fn.showError(textStatus);
113 
        }).always(function() {
114 
            NProgress.done();
115 
        });
116 
        return false;
117 
    }
118 
 
119 
    $('#form-filter #topic_uuid').change(function(e) {
120 
        e.preventDefault();
121 
 
122 
        $('#form-filter #capsule_uuid').empty();
123 
        $.fn.changeFilter();
124 
    })
125 
 
126 
 
127 
    $('#form-filter #capsule_uuid').change(function(e) {
128 
        e.preventDefault();
129 
 
130 
        $.fn.changeFilter();
131 
    })
132 
 
15386 efrain 133 
    $('button.btn-download').click(function(e) {
134 
        e.preventDefault();
135 
        var action   = $(this).data('href');
1320 efrain 136 
 
15386 efrain 137 
        NProgress.start();
138 
        $.ajax({
139 
            'dataType'  : 'json',
140 
            'method'    : 'get',
141 
            'url'       :  action,
142 
        }).done(function(response) {
143 
            if(response['success']) {
144 
                var anchor = window.document.createElement("a");
145 
                anchor.href = 'data:application/octet-stream;charset=utf-8;base64,' + response['data']['content'] ;
146 
                anchor.download = response['data']['basename'];
147 
                document.body.appendChild(anchor);
148 
                anchor.click();  // IE: "Access is denied"; see: https://connect.microsoft.com/IE/feedback/details/797361/ie-10-treats-blob-url-as-cross-origin-and-denies-access
149 
                document.body.removeChild(anchor);
150 
            } else {
151 
                $.fn.showError(response['data']);
152 
            }
153 
        }).fail(function( jqXHR, textStatus, errorThrown) {
154 
            showError(textStatus);
155 
        }).always(function() {
156 
            NProgress.done();
157 
        });
158 
 
159 
 
160 
    });
161 
 
162 
 
163 
    $('button.btn-refresh').click(function(e) {
164 
        e.preventDefault();
165 
        $.fn.changeFilter();
166 
 
167 
 
168 
    });
169 
 
15389 efrain 170 
    $('#topic_uuid').select2({
171 
        theme: 'bootstrap4',
172 
        width: '100%',
173 
    });
15386 efrain 174 
 
175 
 
15389 efrain 176 
 
177 
    $('#capsule_uuid').select2({
178 
        theme: 'bootstrap4',
179 
        width: '100%',
180 
    });
181 
 
182 
 
183 
 
184 
 
185 
 
186 
 
1320 efrain 187 
    $.fn.changeFilter();
15386 efrain 188 
    $('button.btn-download').hide();
1320 efrain 189 
 
190 
});
191 
JS;
192 
$this->inlineScript()->captureEnd();
193 
?>
194 
 
195 
<!-- Content Header (Page header) -->
196 
<section class="content-header">
197 
	<div class="container-fluid">
198 
    	<div class="row mb-2">
199 
        	<div class="col-sm-12">
200 
            	<h1>LABEL_PROGRESS_FOR_CAPSULE</h1>
201 
			</div>
202 
		</div>
203 
	</div><!-- /.container-fluid -->
204 
</section>
205 
 
206 
<section class="content">
207 
	<div class="container-fluid">
208 
    	<div class="row">
16891 efrain 209 
        	<div class="col-12 mt-3">
1320 efrain 210 
				<div class="card">
211 
					<div class="card-header">
212 
						<?php
213 
                        $form = $this->form;
214 
            	        $form->setAttributes([
215 
                            'name'    => 'form-filter',
216 
                            'id'      => 'form-filter',
217 
                        ]);
218 
 
219 
                        $form->prepare();
220 
                        echo $this->form()->openTag($form);
221 
                        ?>
222 
                        <div class="row">
223 
                            <div class="col-md-6 col-sm-12">
224 
                                <div class="form-group">
225 
                                    <?php
14614 efrain 226 
                                    $element = $form->get('topic_uuid');
227 
                                    $element->setOptions(['label' => 'LABEL_TOPIC']);
1320 efrain 228 
 
14614 efrain 229 
                                    $element->setAttributes(['class' => 'form-control']);
230 
                                    echo $this->formLabel($element);
231 
                                    echo $this->formSelect($element);
1320 efrain 232 
                                    ?>
233 
                                </div>
234 
                            </div>
235 
                            <div class="col-md-6 col-sm-12">
236 
                                <div class="form-group">
237 
                                    <?php
14614 efrain 238 
                                    $element = $form->get('capsule_uuid');
239 
                                    $element->setOptions(['label' => 'LABEL_CAPSULE']);
240 
                                    $element->setAttributes(['class' => 'form-control']);
241 
                                    echo $this->formLabel($element);
242 
                                    echo $this->formSelect($element);
1320 efrain 243 
                                    ?>
244 
                                </div>
245 
                            </div>
15386 efrain 246 
 
1320 efrain 247 
                            <div
248 
                                class="col-md-12 col-sm-12"
249 
                            >
250 
                                <div style="float:right;">
251 
                                    <button type="button" class="btn btn-info btn-refresh"><i class="fa fa-refresh"></i> LABEL_REFRESH  </button>
15386 efrain 252 
                                    <?php if($allowDownload) :  ?>
253 
 
254 
                					<button type="button" class="btn btn-info btn-download"><i class="fa fa-download"></i> LABEL_DOWNLOAD  </button>
255 
                					<?php endif;?>
1320 efrain 256 
                                </div>
257 
                            </div>
15386 efrain 258 
 
1320 efrain 259 
                        </div>
260 
						<?php echo $this->form()->closeTag($form); ?>
261 
					</div>
262 
					<div class="card-body">
16845 efrain 263 
        	    		<table id="gridTable" class="table   table-bordered">
1320 efrain 264 
                      		<thead>
265 
        						<tr>
15390 efrain 266 
									<th >LABEL_FIRST_NAME</th>
267 
									<th>LABEL_LAST_NAME</th>
268 
									<th>LABEL_EMAIL</th>
269 
                      				<th >LABEL_REPORTS_PROGRESS</th>
14614 efrain 270 
 
1320 efrain 271 
                                </tr>
272 
                       		</thead>
273 
                         	<tbody>
274 
                         	</tbody>
275 
                    	</table>
276 
                   	</div>
277 
          		</div>
278 
           	</div>
279 
        </div>
280 
 	</div>
281 
</section>
282 
 
283 
 
284 
 
285 
 
286 
<script id="progressRowTemplate" type="text/x-jsrender">
287 
    <tr>
15390 efrain 288 
        <td>
1320 efrain 289 
            {{>first_name}}
290 
        </td>
15390 efrain 291 
        <td>
1320 efrain 292 
             {{>last_name}}
293 
        </td>
15390 efrain 294 
        <td>
1320 efrain 295 
            {{>email}}
296 
        </td>
297 
 
15390 efrain 298 
        <td>
14614 efrain 299 
 
300 
 
301 
            <div class="progress progress-xs progress-striped active" style="height: 15px">
302 
                <div class="progress-bar {{if completed == '1' }} bg-success {{ else }} bg-primary {{/if}}" style="width: {{>progress}}%">
303 
{{>progress}}  %
304 
                </div>
1320 efrain 305 
            </div>
306 
        </td>
14614 efrain 307 
 
1320 efrain 308 
    </tr>
15390 efrain 309 
    <tr>
310 
 
311 
                    <td class="text-right">LABEL_REPORTS_TOTAL_SLIDES</td>
312 
                    <td class="text-right">LABEL_REPORTS_VIEW_SLIDES</td>
313 
                    <td>LABEL_REPORTS_FIRST_DATE</td>
314 
                    <td>LABEL_REPORTS_LAST_DATE</td>
315 
                </tr>
316 
 
317 
 
318 
                <tr>
319 
                    <td class="text-right">{{>total_slides}}</td>
320 
                    <td class="text-right">{{>view_slides}}</td>
321 
                    <td>{{>added_on}}</td>
322 
                    <td>{{>updated_on}}</td>
323 
                </tr>
324 
 
325 
 
326 
 
327 
 
328 
     </tr>
1320 efrain 329 
</script>
330 
 
331 
 
332 
 
333 
 
334 
 
335 
 
336