Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 8290 | Ir a la última revisión | | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
66 efrain 1
<?php
2
use LeadersLinked\Library\Functions;
3
use LeadersLinked\Model\CompanyMicrolearningQuiz;
4
 
5
$acl            = $this->viewModel()->getRoot()->getVariable('acl');
6
$currentUser    = $this->currentUserHelper();
7
$roleName       = $currentUser->getUserTypeId();
8
 
9
$params = [
10
    'quiz_id' => $quiz_uuid,
11
    'question_id' => $question_uuid
12
];
13
 
14
$routeAdd       = $this->url('microlearning/content/quizzes/questions/answers/add', $params);
15
$routeDatatable = $this->url('microlearning/content/quizzes/questions/answers', $params);
16
 
17
$allowAdd = $acl->isAllowed($roleName, 'microlearning/content/quizzes/questions/answers/add') ? 1 : 0;
18
$allowEdit = $acl->isAllowed($roleName, 'microlearning/content/quizzes/questions/answers/edit') ? 1 : 0;
19
$allowDelete = $acl->isAllowed($roleName, 'microlearning/content/quizzes/questions/answers/delete') ? 1 : 0;
20
 
21
$this->headLink()->appendStylesheet($this->basePath('plugins/nprogress/nprogress.css'));
22
$this->inlineScript()->appendFile($this->basePath('plugins/nprogress/nprogress.js'));
23
 
24
$this->headLink()->appendStylesheet($this->basePath('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css'));
25
$this->headLink()->appendStylesheet($this->basePath('plugins/datatables-responsive/css/responsive.bootstrap4.min.css'));
26
 
27
$this->inlineScript()->appendFile($this->basePath('plugins/datatables/jquery.dataTables.min.js'));
28
$this->inlineScript()->appendFile($this->basePath('plugins/datatables-bs4/js/dataTables.bootstrap4.min.js'));
29
$this->inlineScript()->appendFile($this->basePath('plugins/datatables-responsive/js/dataTables.responsive.min.js'));
30
$this->inlineScript()->appendFile($this->basePath('plugins/datatables-responsive/js/responsive.bootstrap4.min.js'));
31
 
32
 
33
$this->headLink()->appendStylesheet($this->basePath('plugins/bootstrap4-toggle/css/bootstrap4-toggle.min.css'));
34
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap4-toggle/js/bootstrap4-toggle.min.js'));
35
 
36
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-confirmation/dist/bootstrap-confirmation.js'));
37
$this->headLink()->appendStylesheet($this->basePath('plugins/bootstrap-checkbox/awesome-bootstrap-checkbox.css'));
38
 
39
 
40
 
41
 
42
$this->inlineScript()->appendFile($this->basePath('plugins/ckeditor/ckeditor.js'));
43
$this->inlineScript()->appendFile($this->basePath('plugins/jquery-input-number/input-number-format.jquery.js'));
44
 
45
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-confirmation/dist/bootstrap-confirmation.js'));
46
 
47
 
48
$this->inlineScript()->appendFile($this->basePath('plugins/jquery-validation/jquery.validate.js'));
49
$this->inlineScript()->appendFile($this->basePath('plugins/jquery-validation/additional-methods.js'));
50
$this->inlineScript()->appendFile($this->basePath('plugins/jquery-validation/localization/messages_es.js'));
51
 
52
 
53
 
54
 
55
$this->inlineScript()->captureStart();
56
echo <<<JS
57
 
58
 
59
jQuery( document ).ready(function( $ ) {
60
    var show_points = $show_points;
61
    var allowAdd = $allowAdd;
62
    var allowEdit = $allowEdit;
63
    var allowDelete = $allowDelete;
64
 
65
    var gridTable = $('#gridTable').dataTable( {
66
            'processing': true,
67
            'serverSide': true,
68
            'searching': true,
69
            'order': [[ 0, 'asc' ]],
70
            'ordering':  true,
71
            'ordenable' : true,
72
            'responsive': true,
73
            'select' : false,
74
        	'paging': true,
75
            'pagingType': 'simple_numbers',
76
    		'ajax': {
77
    			'url' : '$routeDatatable',
78
    			'type' : 'get',
79
                'beforeSend': function (request) {
80
                  NProgress.start();
81
                },
82
                'dataFilter': function(response) {
83
                    var response = jQuery.parseJSON( response );
84
 
85
                    var json                = {};
86
                    json.recordsTotal       = 0;
87
                    json.recordsFiltered    = 0;
88
                    json.data               = [];
89
 
90
 
91
                    if(response.success) {
92
                        json.recordsTotal       = response.data.total;
93
                        json.recordsFiltered    = response.data.total;
94
                        json.data               = response.data.items;
95
                    } else {
96
                        $.fn.showError(response.data)
97
                    }
98
 
99
                    return JSON.stringify( json );
100
                }
101
    		},
102
            'language' : {
103
                'sProcessing':     'LABEL_DATATABLE_SPROCESSING',
104
                'sLengthMenu':     'LABEL_DATATABLE_SLENGTHMENU',
105
                'sZeroRecords':    'LABEL_DATATABLE_SZERORECORDS',
106
                'sEmptyTable':     'LABEL_DATATABLE_SEMPTYTABLE',
107
                'sInfo':           'LABEL_DATATABLE_SINFO',
108
                'sInfoEmpty':      'LABEL_DATATABLE_SINFOEMPTY',
109
                'sInfoFiltered':   'LABEL_DATATABLE_SINFOFILTERED',
110
                'sInfoPostFix':    '',
111
                'sSearch':         'LABEL_DATATABLE_SSEARCH',
112
                'sUrl':            '',
113
                'sInfoThousands':  ',',
114
                'sLoadingRecords': 'LABEL_DATATABLE_SLOADINGRECORDS',
115
                'oPaginate': {
116
                    'sFirst':    'LABEL_DATATABLE_SFIRST',
117
                    'sLast':     'LABEL_DATATABLE_SLAST',
118
                    'sNext':     'LABEL_DATATABLE_SNEXT',
119
                    'sPrevious': 'LABEL_DATATABLE_SPREVIOUS'
120
                },
121
                'oAria': {
122
                    'sSortAscending':  ': LABEL_DATATABLE_SSORTASCENDING',
123
                    'sSortDescending': ':LABEL_DATATABLE_SSORTDESCENDING'
124
                },
125
            },
126
            'drawCallback': function( settings ) {
127
                NProgress.done();
128
                $('button.btn-delete').confirmation({
129
                    rootSelector: 'button.btn-delete',
130
                    title : 'LABEL_ARE_YOU_SURE',
131
                    singleton : true,
132
                    btnOkLabel: 'LABEL_YES',
133
                    btnCancelLabel: 'LABEL_NO',
134
                    onConfirm: function(value) {
135
                        action = $(this).data('href');
136
                        NProgress.start();
137
                        $.ajax({
138
                            'dataType'  : 'json',
139
                            'accept'    : 'application/json',
140
                            'method'    : 'post',
141
                            'url'       :  action,
142
                        }).done(function(response) {
143
                            if(response['success']) {
144
                                $.fn.showSuccess(response['data']);
145
                                gridTable.api().ajax.reload(null, false);
146
                            } else {
147
                                $.fn.showError(response['data']);
148
                            }
149
                        }).fail(function( jqXHR, textStatus, errorThrown) {
150
                            $.fn.showError(textStatus);
151
                        }).always(function() {
152
                            NProgress.done();
153
                        });
154
                    },
155
                });
156
            },
157
            'aoColumns': [
158
                { 'mDataProp': 'text' },
159
                { 'mDataProp': 'details' },
160
                { 'mDataProp': 'actions' },
161
    	    ],
162
            'columnDefs': [
163
                {
164
                    'targets': 0,
165
                    'className' : 'text-vertical-middle',
166
                },
167
                {
168
                    'targets': 1,
169
                    'orderable': false,
170
                    'render' : function ( data, type, row ) {
171
                        var s = 'LABEL_CORRECT : ' + row['details']['correct'] + '<br>';
172
                        if(show_points) {
173
                            s = s + 'LABEL_POINTS : ' + row['details']['points'] + '<br>';
174
                        }
175
                        return s;
176
                    }
177
                },
178
                {
179
                    'targets': -1,
180
                    'orderable': false,
181
                    'render' : function ( data, type, row ) {
182
                        s = '';
183
 
184
                        if(allowEdit && data['link_edit']  ) {
185
                            s = s + '<button class="btn btn-info btn-sm btn-edit" data-href="' + data['link_edit']+ '" data-toggle="tooltip" title="LABEL_EDIT"><i class="fa fa-pencil"></i> LABEL_EDIT </button>&nbsp;';
186
                        }
187
                        if(allowDelete && data['link_delete']  ) {
188
                            s = s + '<button class="btn btn-danger btn-sm btn-delete" data-href="' + data['link_delete']+ '" data-toggle="tooltip" title="LABEL_DELETE"><i class="fa fa-trash"></i> LABEL_DELETE </button>&nbsp;';
189
                        }
190
 
191
 
192
 
193
                        return s;
194
                    }
195
                }
196
              ],
197
        });
198
 
199
 
200
 
201
    var validator = $('#form').validate({
202
        debug: true,
203
        onclick: false,
204
        onkeyup: false,
205
        ignore: [],
206
        rules: {
207
            'text': {
208
                updateCkeditor:function() {
209
                        CKEDITOR.instances.text.updateElement();
210
                },
211
                required: true
212
            },
213
            'correct' : {
214
                required: true,
215
            },
216
            'points' : {
217
                required: function (element) {
218
                        return $('#form #correct').val() == 'y' ? true : false;
219
                    } ,
220
                digits: true,
221
                min: 0,
222
                max: 100
223
            },
224
        },
225
        submitHandler: function(form)
226
        {
227
            $('input[type="submit"]').prop('disabled', true);
228
 
229
            $.ajax({
230
                'dataType'  : 'json',
231
                'accept'    : 'application/json',
232
                'method'    : 'post',
233
                'url'       :  $('#form').attr('action'),
234
                'data'      :  $('#form').serialize(),
235
            }).done(function(response) {
236
                if(response['success']) {
237
                    $.fn.showSuccess(response['data']);
238
 
239
                    $('#modal-form').modal('hide');
240
                    gridTable.api().ajax.reload(null, false);
241
                } else {
242
                    validator.resetForm();
243
                    if(jQuery.type(response['data']) == 'string') {
244
                        $.fn.showError(response['data']);
245
                    } else  {
246
                        $.each(response['data'], function( fieldname, errors ) {
247
                            $.fn.showFormErrorValidator('#form #' + fieldname, errors);
248
                        });
249
                    }
250
                }
251
            }).fail(function( jqXHR, textStatus, errorThrown) {
252
                $.fn.showError(textStatus);
253
            }).always(function() {
254
                NProgress.done();
255
            });
256
            return false;
257
        },
258
        invalidHandler: function(form, validator) {
259
 
260
        }
261
    });
262
 
263
 
264
    $('body').on('click', 'button.btn-add', function(e) {
265
        e.preventDefault();
266
 
267
        $('span[id="form-title"]').html('LABEL_ADD');
268
        $('#form').attr('action', '$routeAdd');
269
        $('#form #name').val('');
270
        $('#form #correct').val('');
271
 
272
        $('#form #points').val('0');
273
        $('#form #points').hide();
274
 
275
        CKEDITOR.instances['text'].setData('');
276
        validator.resetForm();
277
 
278
        $('#modal-form').modal('show');
279
        return false;
280
    });
281
 
282
    $('#form #correct').change(function(e) {
283
        e.preventDefault();
284
 
285
        if(show_points) {
286
            var value = $(this).val();
287
            if(value == 'y') {
288
                $('#form #points').show();
289
            } else {
290
                $('#form #points').hide();
291
            }
292
        } else {
293
            $('#form #points').val('0');
294
            $('#form #points').hide();
295
        }
296
 
297
    });
298
 
299
 
300
    $('#form #type').change(function(e) {
301
        e.preventDefault();
302
 
303
        var value = $(this).val();
304
        if(value == 'sl' || value == 'ml') {
305
            $('#form #maxlength').show();
306
        } else {
307
            $('#form #maxlength').val('');
308
            $('#form #maxlength').hide();
309
        }
310
 
311
    });
312
 
313
    $('body').on('click', 'button.btn-edit', function(e) {
314
            e.preventDefault();
315
            NProgress.start();
316
            var action = $(this).data('href');
317
 
318
            $.ajax({
319
                'dataType'  : 'json',
320
                'accept'    : 'application/json',
321
                'method'    : 'get',
322
                'url'       :  action,
323
            }).done(function(response) {
324
                if(response['success']) {
325
 
326
                    $('span[id="form-title"]').html('LABEL_EDIT');
327
                    $('#form').attr('action', action);
328
                    $('#form #name').val(response['data']['name']);
329
                    $('#form #correct').val(response['data']['correct']);
330
 
331
                    if(show_points) {
332
 
333
                        if(response['data']['correct'] == 'y') {
334
                            $('#form #points').val(response['data']['points']);
335
                            $('#form #points').show();
336
                        } else {
337
                            $('#form #points').val('0');
338
                            $('#form #points').hide();
339
                        }
340
                    } else {
341
                        $('#form #points').val('0');
342
                        $('#form #points').hide();
343
                    }
344
 
345
                    CKEDITOR.instances['text'].setData(response['data']['text']);
346
                    validator.resetForm();
347
 
348
                    $('#modal-form').modal('show');
349
                    return false;
350
                } else {
351
                    $.fn.showError(response['data']);
352
                }
353
            }).fail(function( jqXHR, textStatus, errorThrown) {
354
                $.fn.showError(textStatus);
355
            }).always(function() {
356
                NProgress.done();
357
            });
358
        });
359
 
360
 
361
    $('#form #points').inputNumberFormat({decimal: 0});
362
 
363
    CKEDITOR.replace('text');
364
 
365
});
366
JS;
367
$this->inlineScript()->captureEnd();
368
?>
369
 
370
 
371
<!-- Content Header (Page header) -->
372
<section class="content-header">
373
	<div class="container-fluid">
374
    	<div class="row mb-2">
375
        	<div class="col-sm-12">
376
            	<h1>LABEL_ANSWERS</h1>
377
            	<h2><?php echo $quiz_name ?></h2>
378
            	<h3><?php echo $question_name ?></h3>
379
			</div>
380
		</div>
381
	</div><!-- /.container-fluid -->
382
</section>
383
 
384
<section class="content">
385
	<div class="container-fluid">
386
    	<div class="row">
387
        	<div class="col-12">
388
				<div class="card">
389
					<div class="card-body">
390
        	    		<table id="gridTable" class="table   table-hover">
391
                      		<thead>
392
        						<tr>
393
                                	<th>LABEL_NAME</th>
394
                                  	<th>LABEL_DETAILS</th>
395
                                  	<th>LABEL_ACTIONS</th>
396
                                </tr>
397
                       		</thead>
398
                         	<tbody>
399
                         	</tbody>
400
                    	</table>
401
                   	</div>
402
                   	<div class="card-footer clearfix">
403
                   		<div style="float:right;">
404
							<button type="button" class="btn btn-info btn-refresh"><i class="fa fa-refresh"></i> LABEL_REFRESH  </button>
405
							<?php if($allowAdd) : ?>
406
							<button type="button" class="btn btn-primary btn-add"><i class="fa fa-plus"></i> LABEL_ADD </button>
407
							<?php endif; ?>
408
						</div>
409
                 	</div>
410
          		</div>
411
           	</div>
412
        </div>
413
 	</div>
414
</section>
415
 
416
 
417
 
418
<div class="modal" tabindex="-1" role="dialog" id="modal-form">
419
	<div class="modal-dialog  modal-lg">
420
    	<div class="modal-content">
421
		<?php
422
		$form = $this->formCreateOrEdit;
423
	    $form->setAttributes([
424
	       'method'    => 'post',
425
	        'name'      => 'form',
426
	        'id'        => 'form'
427
	    ]);
428
	    $form->prepare();
429
	    echo $this->form()->openTag($form);
430
	    ?>
431
    	<div class="modal-content">
432
      		<div class="modal-header">
433
        		<h3 class="modal-title" ><span id="form-title">LABEL_ADD</span></h3>
434
      		</div>
435
      		<div class="modal-body">
436
   				<div class="form-group">
437
                	<?php
438
                    $element = $form->get('text');
439
                    $element->setAttributes(['id' => 'text', 'rows' => '2', 'placeholder' => '', 'class' => 'form-control']);
440
                    $element->setOptions(['label' => 'LABEL_TEXT']);
441
                    echo $this->formLabel($element);
442
                    echo $this->formTextArea($element);
443
                    ?>
444
   				</div>
445
   				<div class="form-group">
446
    				<?php
447
                        $element = $form->get('correct');
448
                        $element->setAttributes(['class' => 'form-control']);
449
                        $element->setOptions(['label' => 'LABEL_CORRECT']);
450
                        echo $this->formLabel($element);
451
                        echo $this->formSelect($element);
452
                    ?>
453
				</div>
454
				<?php if($show_points) : ?>
455
				<div class="form-group">
456
    				<?php
457
                        $element = $form->get('points');
458
                        $element->setAttributes(['class' => 'form-control']);
459
                        $element->setOptions(['label' => 'LABEL_POINTS']);
460
                        echo $this->formLabel($element);
461
                        echo $this->formText($element);
462
                    ?>
463
				</div>
464
				<?php else : ?>
465
					<?php
466
                        $element = $form->get('points');
467
                        echo $this->formHidden($element);
468
                    ?>
469
				<?php endif; ?>
470
          	</div>
471
 
472
         	<div class="modal-footer">
473
    			<button type="submit" class="btn btn-primary">LABEL_SAVE</button>
474
    			<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
475
          	</div>
476
      	<?php echo $this->form()->closeTag($form); ?>
477
    	</div>
478
 
479
    	</div>
480
    </div>
481
</div>
482
 
483