Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 6111 | Rev 6113 | Ir a la última revisión | | 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
$roleName       = $currentUser->getUserTypeId();
5
 
6
$routeDatatable = $this->url('microlearning/content/slides');
7
 
8
$allowAdd = $acl->isAllowed($roleName, 'microlearning/content/slides/add') ? 1 : 0;
9
$allowEdit = $acl->isAllowed($roleName, 'microlearning/content/slides/edit') ? 1 : 0;
10
$allowDelete = $acl->isAllowed($roleName, 'microlearning/content/slides/delete') ? 1 : 0;
11
 
12
 
13
$this->headLink()->appendStylesheet($this->basePath('plugins/nprogress/nprogress.css'));
14
$this->inlineScript()->appendFile($this->basePath('plugins/nprogress/nprogress.js'));
15
 
16
 
17
$this->inlineScript()->appendFile($this->basePath('plugins/bootbox/bootbox.min.js'));
18
 
19
 
20
 
21
$this->headLink()->appendStylesheet($this->basePath('plugins/bootstrap-fileinput/css/fileinput.min.css'));
22
$this->headLink()->appendStylesheet($this->basePath('plugins/bootstrap-fileinput/themes/explorer-fas/theme.css'));
23
 
24
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-fileinput/js/plugins/piexif.js'));
25
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-fileinput/js/plugins/sortable.js'));
26
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-fileinput/js/fileinput.js'));
27
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-fileinput/js/locales/es.js'));
28
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-fileinput/themes/fas/theme.js'));
29
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-fileinput/themes/explorer-fas/theme.js'));
30
 
31
$this->inlineScript()->appendFile($this->basePath('plugins/jquery-validation/jquery.validate.js'));
32
$this->inlineScript()->appendFile($this->basePath('plugins/jquery-validation/additional-methods.js'));
33
$this->inlineScript()->appendFile($this->basePath('plugins/jquery-validation/localization/messages_es.js'));
34
 
35
$this->inlineScript()->appendFile($this->basePath('plugins/ckeditor/ckeditor.js'));
36
$this->inlineScript()->appendFile($this->basePath('plugins/jquery-input-number/input-number-format.jquery.js'));
37
 
38
$this->headLink()->appendStylesheet($this->basePath('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css'));
39
$this->headLink()->appendStylesheet($this->basePath('plugins/datatables-responsive/css/responsive.bootstrap4.min.css'));
40
 
41
$this->inlineScript()->appendFile($this->basePath('plugins/datatables/jquery.dataTables.min.js'));
42
$this->inlineScript()->appendFile($this->basePath('plugins/datatables-bs4/js/dataTables.bootstrap4.min.js'));
43
$this->inlineScript()->appendFile($this->basePath('plugins/datatables-responsive/js/dataTables.responsive.min.js'));
44
$this->inlineScript()->appendFile($this->basePath('plugins/datatables-responsive/js/responsive.bootstrap4.min.js'));
45
 
46
 
47
$this->headLink()->appendStylesheet($this->basePath('plugins/bootstrap4-toggle/css/bootstrap4-toggle.min.css'));
48
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap4-toggle/js/bootstrap4-toggle.min.js'));
49
 
50
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-confirmation/dist/bootstrap-confirmation.js'));
51
$this->headLink()->appendStylesheet($this->basePath('plugins/bootstrap-checkbox/awesome-bootstrap-checkbox.css'));
52
 
53
 
54
 
55
 
56
$this->inlineScript()->captureStart();
57
echo <<<JS
58
 
59
 
60
jQuery( document ).ready(function( $ ) {
61
 
62
        var routeAdd = '';
63
 
64
        $.validator.setDefaults({
65
            debug: true,
66
            highlight: function(element) {
67
                $(element).addClass('is-invalid');
68
            },
69
            unhighlight: function(element) {
70
                $(element).removeClass('is-invalid');
71
            },
72
            errorElement: 'span',
73
            errorClass: 'error invalid-feedback',
74
            errorPlacement: function(error, element) {
75
                if(element.parent('.btn-file').length) {
76
                    error.insertAfter(element.parent().parent());
77
                } else if(element.parent('.toggle').length) {
78
                    error.insertAfter(element.parent().parent());
79
                } else {
80
                    error.insertAfter(element.parent());
81
                }
82
            }
83
        });
84
 
85
 
86
        $.fn.showFormErrorValidator = function(fieldname, errors) {
87
            var field = $(fieldname);
88
            if(field) {
89
                $(field).addClass('is-invalid');
90
 
91
 
92
                var error = $('<span id="' + fieldname +'-error" class="error invalid-feedback">' + errors + '</div>');
93
                if(element.parent('.btn-file').length) {
94
                    error.insertAfter(element.parent().parent());
95
                } else if(element.parent('.toggle').length) {
96
                    error.insertAfter(element.parent().parent());
97
                } else {
98
                    error.insertAfter(element.parent());
99
                }
100
            }
101
        };
102
 
103
    var allowEdit   = $allowEdit;
104
        var allowDelete = $allowDelete;
105
 
106
        var gridTable = $('#gridTable').dataTable( {
107
            'processing': true,
108
            'serverSide': true,
109
            'searching': true,
110
            'order': [[ 0, 'asc' ]],
111
            'ordering':  true,
112
            'ordenable' : true,
113
            'responsive': true,
114
            'select' : false,
115
        	'paging': true,
116
            'pagingType': 'simple_numbers',
117
 
118
    		'ajax': {
119
    			'url' : '$routeDatatable',
120
    			'type' : 'get',
121
                'data': function ( d ) {
122
                    d.topic_uuid = $('#form-filter #topic_uuid').val();
123
                    d.capsule_uuid = $('#form-filter #capsule_uuid').val();
124
 
125
                },
126
                'beforeSend': function (request) {
127
                  NProgress.start();
128
                },
129
                'dataFilter': function(response) {
130
                    var response = jQuery.parseJSON( response );
131
 
132
                    var json                = {};
133
                    json.recordsTotal       = 0;
134
                    json.recordsFiltered    = 0;
135
                    json.data               = [];
136
 
137
                    if(response.success) {
138
                        $('#form-capsule-add').attr('action', response.data.link_add );
139
 
140
                        if(response.data.capsules) {
141
                            $('#form-filter #capsule_uuid').empty();
142
                            $.each(response.data.capsules, function(index, value) {
143
                                  $('#form-filter #capsule_uuid').append('<option value="' + index + '">' + value + '</option>')
144
                            });
145
                        }
146
 
147
                        routeAdd = response.data.link_add;
148
                        if(response.data.link_add) {
149
 
150
                            $('button.btn-add').removeAttr('disabled');
151
                        } else {
152
                            $('button.btn-add').attr('disabled', 'disabled');
153
                        }
154
 
155
                        json.recordsTotal       = response.data.total;
156
                        json.recordsFiltered    = response.data.total;
157
                        json.data               = response.data.items;
158
                    } else {
159
                        $.fn.showError(response.data)
160
                    }
161
 
162
                    return JSON.stringify( json );
163
                }
164
    		},
165
            'language' : {
166
                'sProcessing':     'LABEL_DATATABLE_SPROCESSING',
167
                'sLengthMenu':     'LABEL_DATATABLE_SLENGTHMENU',
168
                'sZeroRecords':    'LABEL_DATATABLE_SZERORECORDS',
169
                'sEmptyTable':     'LABEL_DATATABLE_SEMPTYTABLE',
170
                'sInfo':           'LABEL_DATATABLE_SINFO',
171
                'sInfoEmpty':      'LABEL_DATATABLE_SINFOEMPTY',
172
                'sInfoFiltered':   'LABEL_DATATABLE_SINFOFILTERED',
173
                'sInfoPostFix':    '',
174
                'sSearch':         'LABEL_DATATABLE_SSEARCH',
175
                'sUrl':            '',
176
                'sInfoThousands':  ',',
177
                'sLoadingRecords': 'LABEL_DATATABLE_SLOADINGRECORDS',
178
                'oPaginate': {
179
                    'sFirst':    'LABEL_DATATABLE_SFIRST',
180
                    'sLast':     'LABEL_DATATABLE_SLAST',
181
                    'sNext':     'LABEL_DATATABLE_SNEXT',
182
                    'sPrevious': 'LABEL_DATATABLE_SPREVIOUS'
183
                },
184
                'oAria': {
185
                    'sSortAscending':  ': LABEL_DATATABLE_SSORTASCENDING',
186
                    'sSortDescending': ':LABEL_DATATABLE_SSORTDESCENDING'
187
                },
188
            },
189
            'drawCallback': function( settings ) {
190
                NProgress.done();
191
                $('button.btn-delete').confirmation({
192
                    rootSelector: 'button.btn-delete',
193
                    title : 'LABEL_ARE_YOU_SURE',
194
                    singleton : true,
195
                    btnOkLabel: 'LABEL_YES',
196
                    btnCancelLabel: 'LABEL_NO',
197
                    onConfirm: function(value) {
198
                        action = $(this).data('href');
199
                        NProgress.start();
200
                        $.ajax({
201
                            'dataType'  : 'json',
202
                            'accept'    : 'application/json',
203
                            'method'    : 'post',
204
                            'url'       :  action,
205
                        }).done(function(response) {
206
                            if(response['success']) {
207
                                $.fn.showSuccess(response['data']);
208
                                gridTable.api().ajax.reload(null, false);
209
                            } else {
210
                                $.fn.showError(response['data']);
211
                            }
212
                        }).fail(function( jqXHR, textStatus, errorThrown) {
213
                            $.fn.showError(textStatus);
214
                        }).always(function() {
215
                            NProgress.done();
216
                        });
217
                    },
218
                });
219
            },
220
            'aoColumns': [
221
                { 'mDataProp': 'name' },
222
                { 'mDataProp': 'details' },
223
                { 'mDataProp': 'media' },
224
                { 'mDataProp': 'actions' },
225
    	    ],
226
            'columnDefs': [
227
                {
228
                    'targets': 0,
229
                    'className' : 'text-vertical-middle',
230
                },
231
                {
232
                    'targets': -3,
233
                    'orderable': false,
234
                    'render' : function ( data, type, row ) {
235
                        var s = '';
236
                        s += 'LABEL_TYPE: ' + data['type']  + '<br/>';
237
                        return s;
238
                    }
239
                },
240
                {
241
                    'targets': -2,
242
                    'orderable': false,
243
                    'render' : function ( data, type, row ) {
244
                        s = '';
245
                        if( data['image'] )  {
246
                            s = s + '&nbsp; <img class="btn-view-image"" data-href="' + data['image'] + '" data-toggle="tooltip" src="'+data['image']+'" title="LABEL_VIEW" style="width: 40px; object-fit: cover; height: 40px;" /> ';
247
                        }
248
 
249
                        if( data['audio'] )  {
250
                            s = s + '&nbsp;<button class="btn btn-play-audio" data-href="' + data['audio'] + '" data-toggle="tooltip" title="LABEL_PLAY_AUDIO"><i class="fa fa-play"></i></button> <br>';
251
                        }
252
 
253
                        if( data['video'] )  {
254
                            s = s + '&nbsp;<button class="btn btn-play-video" data-href="' + data['video'] + '" data-toggle="tooltip" title="LABEL_PLAY_VIDEO"><i class="fa fa-video-camera"></i></button> <br>';
255
                        }
256
 
257
 
258
                        if( data['document'] )  {
259
                            s = s + '&nbsp;<button class="btn btn-view-document" data-href="' + data['document'] + '" data-toggle="tooltip" title="LABEL_VIEW_DOCUMENT"><i class="fa fa-file"></i></button> <br>';
260
                        }
261
 
262
                        if( data['text'] )  {
263
                            s = s + '&nbsp;<button class="btn btn-view-text" data-href="' + data['text'] + '" data-toggle="tooltip" title="LABEL_VIEW_TEXT"><i class="fa fa-text-width"></i></button> <br>';
264
                        }
265
 
266
                        return s;
267
                    }
268
                },
269
 
270
 
271
                {
272
                    'targets': -1,
273
                    'orderable': false,
274
                    'render' : function ( data, type, row ) {
275
                        s = '';
276
 
277
                        if(allowEdit && data['link_edit']  ) {
278
                            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> Editar </button>&nbsp;';
279
                        }
280
                        if(allowDelete && data['link_delete']  ) {
281
                            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> Eliminar</button>&nbsp;';
282
                        }
283
                        return s;
284
                    }
285
                }
286
              ],
287
        });
288
 
289
    var validatorTextAdd  = $('#form-slide-text-add').validate({
290
        debug: true,
291
        onclick: false,
292
        onkeyup: false,
293
        ignore: [],
294
        rules: {
295
            'name': {
296
                required: true,
297
                maxlength: 128,
298
            },
299
            'description': {
300
                updateCkeditor:function() {
301
                        CKEDITOR.instances.description_add.updateElement();
302
                },
303
                required: true
304
            },
305
           'background': {
306
                required: true,
307
                extension: 'jpg|jpeg|png',
308
                accept: 'image/jpg,image/jpeg,image/png'
309
            },
310
            'order' : {
311
                required: true,
312
                digits: true,
313
                min: 1,
314
                max: 250
315
            }
316
        },
317
        submitHandler: function(form)
318
        {
319
 
320
            var formdata = false;
321
            if (window.FormData){
322
                formdata = new FormData(form); //form[0]);
323
            }
324
 
325
            $('input[type="submit"]').prop('disabled', true);
326
 
327
            $.ajax({
328
                'dataType'  : 'json',
329
                'accept'    : 'application/json',
330
                'method'    : 'post',
331
                'url'       :  routeAdd,
332
                'data'      :  formdata,
333
                'processData': false,
334
                'contentType': false,
335
            }).done(function(response) {
336
                if(response['success']) {
337
                    $.fn.showSuccess(response['data']);
338
 
339
                    $('#company-microlearning-slide-text-add-box').modal('hide');
340
 
341
                    gridTable.api().ajax.reload(null, false);
342
                } else {
343
                    validatorTextAdd.resetForm();
344
                    if(jQuery.type(response['data']) == 'string') {
345
                        $.fn.showError(response['data']);
346
                    } else  {
347
                        $.each(response['data'], function( fieldname, errors ) {
348
                            $.fn.showFormErrorValidator('#form-slide-text-add #' + fieldname, errors);
349
                        });
350
                    }
351
                }
352
            }).fail(function( jqXHR, textStatus, errorThrown) {
353
                $.fn.showError(textStatus);
354
            }).always(function() {
355
                NProgress.done();
356
            });
357
            return false;
358
        },
359
        invalidHandler: function(form, validator) {
360
 
361
        }
362
    });
363
 
364
    var validatorTextEdit = $('#form-slide-text-edit').validate({
365
        debug: true,
366
        onclick: false,
367
        onkeyup: false,
368
        ignore: [],
369
        rules: {
370
            'name': {
371
                required: true,
372
                maxlength: 128,
373
            },
374
            'description': {
375
                updateCkeditor:function() {
376
                        CKEDITOR.instances.description_edit.updateElement();
377
                },
378
                required: true
379
            },
380
           'background': {
381
                required: false,
382
                extension: 'jpg|jpeg|png',
383
                accept: 'image/jpg,image/jpeg,image/png'
384
            },
385
            'order' : {
386
                required: true,
387
                digits: true,
388
                min: 1,
389
                max: 250
390
            }
391
        },
392
        submitHandler: function(form)
393
        {
394
            var formdata = false;
395
            if (window.FormData){
396
                formdata = new FormData(form); //form[0]);
397
            }
398
 
399
            $('input[type="submit"]').prop('disabled', true);
400
 
401
            $.ajax({
402
                'dataType'  : 'json',
403
                'accept'    : 'application/json',
404
                'method'    : 'post',
405
                'url'       :  $('#form-slide-text-edit').attr('action'),
406
                'data'      :  formdata,
407
                'processData': false,
408
                'contentType': false,
409
            }).done(function(response) {
410
                if(response['success']) {
411
                    $.fn.showSuccess(response['data']);
412
 
413
                    $('#company-microlearning-slide-text-edit-box').modal('hide');
414
 
415
                    gridTable.api().ajax.reload(null, false);
416
                } else {
417
                    validatorTextEdit.resetForm();
418
                    if(jQuery.type(response['data']) == 'string') {
419
                        $.fn.showError(response['data']);
420
                    } else  {
421
                        $.each(response['data'], function( fieldname, errors ) {
422
                            $.fn.showFormErrorValidator('#form-slide-text-edit #' + fieldname, errors);
423
                        });
424
                    }
425
                }
426
            }).fail(function( jqXHR, textStatus, errorThrown) {
427
                $.fn.showError(textStatus);
428
            }).always(function() {
429
                NProgress.done();
430
            });
431
            return false;
432
        },
433
        invalidHandler: function(form, validator) {
434
 
435
        }
436
    });
437
 
438
    var validatorImageAdd  = $('#form-slide-image-add').validate({
439
        debug: true,
440
        onclick: false,
441
        onkeyup: false,
442
        ignore: [],
443
        rules: {
444
            'name': {
445
                required: true,
446
                maxlength: 128,
447
            },
448
           'file': {
449
                required: true,
450
            },
451
            'order' : {
452
                required: true,
453
                digits: true,
454
                min: 1,
455
                max: 250
456
            }
457
        },
458
        submitHandler: function(form)
459
        {
460
            var formdata = false;
461
            if (window.FormData){
462
                formdata = new FormData(form); //form[0]);
463
            }
464
 
465
            $('input[type="submit"]').prop('disabled', true);
466
 
467
            $.ajax({
468
                'dataType'  : 'json',
469
                'accept'    : 'application/json',
470
                'method'    : 'post',
471
                'url'       :  routeAdd,
472
                'data'      :  formdata,
473
                'processData': false,
474
                'contentType': false,
475
            }).done(function(response) {
476
                if(response['success']) {
477
                    $.fn.showSuccess(response['data']);
478
 
479
                    $('#company-microlearning-slide-image-add-box').modal('hide');
480
 
481
                    gridTable.api().ajax.reload(null, false);
482
                } else {
483
                    validatorImageAdd.resetForm();
484
                    if(jQuery.type(response['data']) == 'string') {
485
                        $.fn.showError(response['data']);
486
                    } else  {
487
                        $.each(response['data'], function( fieldname, errors ) {
488
                            $.fn.showFormErrorValidator('#form-slide-image-add #' + fieldname, errors);
489
                        });
490
                    }
491
                }
492
            }).fail(function( jqXHR, textStatus, errorThrown) {
493
                $.fn.showError(textStatus);
494
            }).always(function() {
495
                NProgress.done();
496
            });
497
            return false;
498
        },
499
        invalidHandler: function(form, validator) {
500
 
501
        }
502
    });
503
 
504
    var validatorImageEdit = $('#form-slide-image-edit').validate({
505
        debug: true,
506
        onclick: false,
507
        onkeyup: false,
508
        ignore: [],
509
        rules: {
510
            'name': {
511
                required: true,
512
                maxlength: 128,
513
            },
514
            'file': {
515
                required: false,
516
                extension: 'jpg|jpeg|png',
517
                accept: 'image/jpg,image/jpeg,image/png'
518
            },
519
            'order' : {
520
                required: true,
521
                digits: true,
522
                min: 1,
523
                max: 250
524
            }
525
        },
526
        submitHandler: function(form)
527
        {
528
            var formdata = false;
529
            if (window.FormData){
530
                formdata = new FormData(form); //form[0]);
531
            }
532
 
533
            $('input[type="submit"]').prop('disabled', true);
534
 
535
            $.ajax({
536
                'dataType'  : 'json',
537
                'accept'    : 'application/json',
538
                'method'    : 'post',
539
                'url'       :  $('#form-slide-image-edit').attr('action'),
540
                'data'      :  formdata,
541
                'processData': false,
542
                'contentType': false,
543
            }).done(function(response) {
544
                if(response['success']) {
545
                    $.fn.showSuccess(response['data']);
546
 
547
                    $('#company-microlearning-slide-image-edit-box').modal('hide');
548
 
549
                    gridTable.api().ajax.reload(null, false);
550
                } else {
551
                    validatorImageEdit.resetForm();
552
                    if(jQuery.type(response['data']) == 'string') {
553
                        $.fn.showError(response['data']);
554
                    } else  {
555
                        $.each(response['data'], function( fieldname, errors ) {
556
                            $.fn.showFormErrorValidator('#form-slide-image-edit #' + fieldname, errors);
557
                        });
558
                    }
559
                }
560
            }).fail(function( jqXHR, textStatus, errorThrown) {
561
                $.fn.showError(textStatus);
562
            }).always(function() {
563
                NProgress.done();
564
            });
565
            return false;
566
        },
567
        invalidHandler: function(form, validator) {
568
 
569
        }
570
    });
571
 
572
    var validatorVideoAdd  = $('#form-slide-video-add').validate({
573
        debug: true,
574
        onclick: false,
575
        onkeyup: false,
576
        ignore: [],
577
        rules: {
578
            'name': {
579
                required: true,
580
                maxlength: 128,
581
            },
582
           'file': {
583
                required: true,
584
                extension: 'webm,mp4,webm',
585
                accept: 'video/webm,video/mpeg,video/mp4'
586
            },
587
            'background': {
588
                required: false,
589
                extension: 'jpg|jpeg|png',
590
                accept: 'image/jpg,image/jpeg,image/png'
591
            },
592
            'order' : {
593
                required: true,
594
                digits: true,
595
                min: 1,
596
                max: 250
597
            }
598
        },
599
        submitHandler: function(form)
600
        {
601
            var formdata = false;
602
            if (window.FormData){
603
                formdata = new FormData(form); //form[0]);
604
            }
605
 
606
            $('input[type="submit"]').prop('disabled', true);
607
 
608
            $.ajax({
609
                'dataType'  : 'json',
610
                'accept'    : 'application/json',
611
                'method'    : 'post',
612
                'url'       :  routeAdd,
613
                'data'      :  formdata,
614
                'processData': false,
615
                'contentType': false,
616
            }).done(function(response) {
617
                if(response['success']) {
618
                    $.fn.showSuccess(response['data']);
619
 
620
                    $('#company-microlearning-slide-video-add-box').modal('hide');
621
 
622
                    gridTable.api().ajax.reload(null, false);
623
                } else {
624
                    validatorVideoAdd.resetForm();
625
                    if(jQuery.type(response['data']) == 'string') {
626
                        $.fn.showError(response['data']);
627
                    } else  {
628
                        $.each(response['data'], function( fieldname, errors ) {
629
                            $.fn.showFormErrorValidator('#form-slide-video-add #' + fieldname, errors);
630
                        });
631
                    }
632
                }
633
            }).fail(function( jqXHR, textStatus, errorThrown) {
634
                $.fn.showError(textStatus);
635
            }).always(function() {
636
                NProgress.done();
637
            });
638
            return false;
639
        },
640
        invalidHandler: function(form, validator) {
641
 
642
        }
643
    });
644
 
645
    var validatorVideoEdit = $('#form-slide-video-edit').validate({
646
        debug: true,
647
        onclick: false,
648
        onkeyup: false,
649
        ignore: [],
650
        rules: {
651
            'name': {
652
                required: true,
653
                maxlength: 128,
654
            },
655
            'file': {
656
                required: false,
657
                extension: 'webm,mp4,webm',
658
                accept: 'video/webm,video/mpeg,video/mp4'
659
            },
660
            'background': {
661
                required: false,
662
                extension: 'jpg|jpeg|png',
663
                accept: 'image/jpg,image/jpeg,image/png'
664
            },
665
            'order' : {
666
                required: true,
667
                digits: true,
668
                min: 1,
669
                max: 250
670
            }
671
        },
672
        submitHandler: function(form)
673
        {
674
            var formdata = false;
675
            if (window.FormData){
676
                formdata = new FormData(form); //form[0]);
677
            }
678
 
679
            $('input[type="submit"]').prop('disabled', true);
680
 
681
            $.ajax({
682
                'dataType'  : 'json',
683
                'accept'    : 'application/json',
684
                'method'    : 'post',
685
                'url'       :  $('#form-slide-video-edit').attr('action'),
686
                'data'      :  formdata,
687
                'processData': false,
688
                'contentType': false,
689
            }).done(function(response) {
690
                if(response['success']) {
691
                    $.fn.showSuccess(response['data']);
692
 
693
                    $('#company-microlearning-slide-video-edit-box').modal('hide');
694
 
695
                    gridTable.api().ajax.reload(null, false);
696
                } else {
697
                    validatorVideoEdit.resetForm();
698
                    if(jQuery.type(response['data']) == 'string') {
699
                        $.fn.showError(response['data']);
700
                    } else  {
701
                        $.each(response['data'], function( fieldname, errors ) {
702
                            $.fn.showFormErrorValidator('#form-slide-video-edit #' + fieldname, errors);
703
                        });
704
                    }
705
                }
706
            }).fail(function( jqXHR, textStatus, errorThrown) {
707
                $.fn.showError(textStatus);
708
            }).always(function() {
709
                NProgress.done();
710
            });
711
            return false;
712
        },
713
        invalidHandler: function(form, validator) {
714
 
715
        }
716
    });
717
 
718
 
719
    var validatorDocumentAdd  = $('#form-slide-document-add').validate({
720
        debug: true,
721
        onclick: false,
722
        onkeyup: false,
723
        ignore: [],
724
        rules: {
725
            'name': {
726
                required: true,
727
                maxlength: 128,
728
            },
729
           'file': {
730
                required: true,
731
                extension: 'pdf',
732
                accept: 'application/pdf'
733
            },
734
           'background': {
735
                required: true,
736
                extension: 'jpg|jpeg|png',
737
                accept: 'image/jpg,image/jpeg,image/png'
738
            },
739
            'order' : {
740
                required: true,
741
                digits: true,
742
                min: 1,
743
                max: 250
744
            }
745
        },
746
        submitHandler: function(form)
747
        {
748
            var formdata = false;
749
            if (window.FormData){
750
                formdata = new FormData(form); //form[0]);
751
            }
752
 
753
            $('input[type="submit"]').prop('disabled', true);
754
 
755
            $.ajax({
756
                'dataType'  : 'json',
757
                'accept'    : 'application/json',
758
                'method'    : 'post',
759
                'url'       :  routeAdd,
760
                'data'      :  formdata,
761
                'processData': false,
762
                'contentType': false,
763
            }).done(function(response) {
764
                if(response['success']) {
765
                    $.fn.showSuccess(response['data']);
766
 
767
                    $('#company-microlearning-slide-document-add-box').modal('hide');
768
 
769
                    gridTable.api().ajax.reload(null, false);
770
                } else {
771
                    validatorDocumentAdd.resetForm();
772
                    if(jQuery.type(response['data']) == 'string') {
773
                        $.fn.showError(response['data']);
774
                    } else  {
775
                        $.each(response['data'], function( fieldname, errors ) {
776
                            $.fn.showFormErrorValidator('#form-slide-document-add #' + fieldname, errors);
777
                        });
778
                    }
779
                }
780
            }).fail(function( jqXHR, textStatus, errorThrown) {
781
                $.fn.showError(textStatus);
782
            }).always(function() {
783
                NProgress.done();
784
            });
785
            return false;
786
        },
787
        invalidHandler: function(form, validator) {
788
 
789
        }
790
    });
791
 
792
    var validatorDocumentEdit = $('#form-slide-document-edit').validate({
793
        debug: true,
794
        onclick: false,
795
        onkeyup: false,
796
        ignore: [],
797
        rules: {
798
            'name': {
799
                required: true,
800
                maxlength: 128,
801
            },
802
           'file': {
803
                required: true,
804
                extension: 'pdf',
805
                accept: 'application/pdf'
806
            },
807
           'background': {
808
                required: true,
809
                extension: 'jpg|jpeg|png',
810
                accept: 'image/jpg,image/jpeg,image/png'
811
            },
812
            'order' : {
813
                required: true,
814
                digits: true,
815
                min: 1,
816
                max: 250
817
            }
818
        },
819
        submitHandler: function(form)
820
        {
821
            var formdata = false;
822
            if (window.FormData){
823
                formdata = new FormData(form); //form[0]);
824
            }
825
 
826
            $('input[type="submit"]').prop('disabled', true);
827
 
828
            $.ajax({
829
                'dataType'  : 'json',
830
                'accept'    : 'application/json',
831
                'method'    : 'post',
832
                'url'       :  $('#form-slide-document-edit').attr('action'),
833
                'data'      :  formdata,
834
                'processData': false,
835
                'contentType': false,
836
            }).done(function(response) {
837
                if(response['success']) {
838
                    $.fn.showSuccess(response['data']);
839
 
840
                    $('#company-microlearning-slide-document-edit-box').modal('hide');
841
 
842
                    gridTable.api().ajax.reload(null, false);
843
                } else {
844
                    validatorDocumentEdit.resetForm();
845
                    if(jQuery.type(response['data']) == 'string') {
846
                        $.fn.showError(response['data']);
847
                    } else  {
848
                        $.each(response['data'], function( fieldname, errors ) {
849
                            $.fn.showFormErrorValidator('#form-slide-document-edit #' + fieldname, errors);
850
                        });
851
                    }
852
                }
853
            }).fail(function( jqXHR, textStatus, errorThrown) {
854
                $.fn.showError(textStatus);
855
            }).always(function() {
856
                NProgress.done();
857
            });
858
            return false;
859
        },
860
        invalidHandler: function(form, validator) {
861
 
862
        }
863
    });
864
 
865
    var validatorAudioAdd  = $('#form-slide-audio-add').validate({
866
        debug: true,
867
        onclick: false,
868
        onkeyup: false,
869
        ignore: [],
870
        rules: {
871
            'name': {
872
                required: true,
873
                maxlength: 128,
874
            },
875
           'file': {
876
                required: true,
877
                extension: 'wav|mp3',
878
                accept: 'audio/wav, audio/mpeg'
879
            },
880
 
881
           'background': {
882
                required: true,
883
                extension: 'jpg|jpeg|png',
884
                accept: 'image/jpg,image/jpeg,image/png'
885
            },
886
            'order' : {
887
                required: true,
888
                digits: true,
889
                min: 1,
890
                max: 250
891
            }
892
        },
893
        submitHandler: function(form)
894
        {
895
            var formdata = false;
896
            if (window.FormData){
897
                formdata = new FormData(form); //form[0]);
898
            }
899
 
900
            $('input[type="submit"]').prop('disabled', true);
901
 
902
            $.ajax({
903
                'dataType'  : 'json',
904
                'accept'    : 'application/json',
905
                'method'    : 'post',
906
                'url'       :  routeAdd,
907
                'data'      :  formdata,
908
                'processData': false,
909
                'contentType': false,
910
            }).done(function(response) {
911
                if(response['success']) {
912
                    $.fn.showSuccess(response['data']);
913
 
914
                    $('#company-microlearning-slide-audio-add-box').modal('hide');
915
 
916
                    gridTable.api().ajax.reload(null, false);
917
                } else {
918
                    validatorAudioAdd.resetForm();
919
                    if(jQuery.type(response['data']) == 'string') {
920
                        $.fn.showError(response['data']);
921
                    } else  {
922
                        $.each(response['data'], function( fieldname, errors ) {
923
                            $.fn.showFormErrorValidator('#form-slide-audio-add #' + fieldname, errors);
924
                        });
925
                    }
926
                }
927
            }).fail(function( jqXHR, textStatus, errorThrown) {
928
                $.fn.showError(textStatus);
929
            }).always(function() {
930
                NProgress.done();
931
            });
932
            return false;
933
        },
934
        invalidHandler: function(form, validator) {
935
 
936
        }
937
    });
938
 
939
    var validatorAudioEdit = $('#form-slide-audio-edit').validate({
940
        debug: true,
941
        onclick: false,
942
        onkeyup: false,
943
        ignore: [],
944
        rules: {
945
            'name': {
946
                required: true,
947
                maxlength: 128,
948
            },
949
           'file': {
950
                required: true,
951
                extension: 'wav|mp3',
952
                accept: 'audio/wav, audio/mpeg'
953
            },
954
 
955
           'background': {
956
                required: true,
957
                extension: 'jpg|jpeg|png',
958
                accept: 'image/jpg,image/jpeg,image/png'
959
            },
960
            'order' : {
961
                required: true,
962
                digits: true,
963
                min: 1,
964
                max: 250
965
            }
966
        },
967
        submitHandler: function(form)
968
        {
969
            var formdata = false;
970
            if (window.FormData){
971
                formdata = new FormData(form); //form[0]);
972
            }
973
 
974
            $('input[type="submit"]').prop('disabled', true);
975
 
976
            $.ajax({
977
                'dataType'  : 'json',
978
                'accept'    : 'application/json',
979
                'method'    : 'post',
980
                'url'       :  $('#form-slide-audio-edit').attr('action'),
981
                'data'      :  formdata,
982
                'processData': false,
983
                'contentType': false,
984
            }).done(function(response) {
985
                if(response['success']) {
986
                    $.fn.showSuccess(response['data']);
987
 
988
                    $('#company-microlearning-slide-audio-edit-box').modal('hide');
989
 
990
                    gridTable.api().ajax.reload(null, false);
991
                } else {
992
                    validatorAudioEdit.resetForm();
993
                    if(jQuery.type(response['data']) == 'string') {
994
                        $.fn.showError(response['data']);
995
                    } else  {
996
                        $.each(response['data'], function( fieldname, errors ) {
997
                            $.fn.showFormErrorValidator('#form-slide-audio-edit #' + fieldname, errors);
998
                        });
999
                    }
1000
                }
1001
            }).fail(function( jqXHR, textStatus, errorThrown) {
1002
                $.fn.showError(textStatus);
1003
            }).always(function() {
1004
                NProgress.done();
1005
            });
1006
            return false;
1007
        },
1008
        invalidHandler: function(form, validator) {
1009
 
1010
        }
1011
    });
1012
 
1013
    var validatorQuizzAdd  = $('#form-slide-quizz-add').validate({
1014
        debug: true,
1015
        onclick: false,
1016
        onkeyup: false,
1017
        ignore: [],
1018
        rules: {
1019
            'name': {
1020
                required: true,
1021
                maxlength: 128,
1022
            },
1023
           'file': {
1024
                required: true,
1025
                extension: 'wav|mp3',
1026
                accept: 'quizz/wav, quizz/mpeg'
1027
            },
1028
            'quiz_id': {
1029
                required: true,
1030
            },
1031
            'order' : {
1032
                required: true,
1033
                digits: true,
1034
                min: 1,
1035
                max: 250
1036
            }
1037
        },
1038
        submitHandler: function(form)
1039
        {
1040
 
1041
            $('input[type="submit"]').prop('disabled', true);
1042
 
1043
            var formdata = false;
1044
            if (window.FormData){
1045
                formdata = new FormData(form); //form[0]);
1046
            }
1047
 
1048
            $.ajax({
1049
                'dataType'  : 'json',
1050
                'accept'    : 'application/json',
1051
                'method'    : 'post',
1052
                'url'       :  routeAdd,
1053
                'data'      :  formdata,
1054
                'processData': false,
1055
                'contentType': false,
1056
            }).done(function(response) {
1057
                if(response['success']) {
1058
                    $.fn.showSuccess(response['data']);
1059
 
1060
                    $('#company-microlearning-slide-quizz-add-box').modal('hide');
1061
 
1062
                    gridTable.api().ajax.reload(null, false);
1063
                } else {
1064
                    validatorQuizzAdd.resetForm();
1065
                    if(jQuery.type(response['data']) == 'string') {
1066
                        $.fn.showError(response['data']);
1067
                    } else  {
1068
                        $.each(response['data'], function( fieldname, errors ) {
1069
                            $.fn.showFormErrorValidator('#form-slide-quizz-add #' + fieldname, errors);
1070
                        });
1071
                    }
1072
                }
1073
            }).fail(function( jqXHR, textStatus, errorThrown) {
1074
                $.fn.showError(textStatus);
1075
            }).always(function() {
1076
                NProgress.done();
1077
            });
1078
            return false;
1079
        },
1080
        invalidHandler: function(form, validator) {
1081
 
1082
        }
1083
    });
1084
 
1085
    var validatorQuizzEdit = $('#form-slide-quizz-edit').validate({
1086
        debug: true,
1087
        onclick: false,
1088
        onkeyup: false,
1089
        ignore: [],
1090
        rules: {
1091
            'name': {
1092
                required: true,
1093
                maxlength: 128,
1094
            },
1095
           'background': {
1096
                required: false,
1097
                extension: 'jpg|jpeg|png',
1098
                accept: 'image/jpg,image/jpeg,image/png'
1099
            },
1100
            'quiz_id': {
1101
                required: true,
1102
            },
1103
            'order' : {
1104
                required: true,
1105
                digits: true,
1106
                min: 1,
1107
                max: 250
1108
            }
1109
        },
1110
        submitHandler: function(form)
1111
        {
1112
 
1113
            $('input[type="submit"]').prop('disabled', true);
1114
 
1115
            var formdata = false;
1116
            if (window.FormData){
1117
                formdata = new FormData(form); //form[0]);
1118
            }
1119
            $.ajax({
1120
                'dataType'  : 'json',
1121
                'accept'    : 'application/json',
1122
                'method'    : 'post',
1123
                'url'       :  routeAdd,
1124
                'data'      :  formdata,
1125
                'processData': false,
1126
                'contentType': false,
1127
            }).done(function(response) {
1128
                if(response['success']) {
1129
                    $.fn.showSuccess(response['data']);
1130
 
1131
                    $('#company-microlearning-slide-quizz-edit-box').modal('hide');
1132
 
1133
                    gridTable.api().ajax.reload(null, false);
1134
                } else {
1135
                    validatorQuizzEdit.resetForm();
1136
                    if(jQuery.type(response['data']) == 'string') {
1137
                        $.fn.showError(response['data']);
1138
                    } else  {
1139
                        $.each(response['data'], function( fieldname, errors ) {
1140
                            $.fn.showFormErrorValidator('#form-slide-quizz-edit #' + fieldname, errors);
1141
                        });
1142
                    }
1143
                }
1144
            }).fail(function( jqXHR, textStatus, errorThrown) {
1145
                $.fn.showError(textStatus);
1146
            }).always(function() {
1147
                NProgress.done();
1148
            });
1149
            return false;
1150
        },
1151
        invalidHandler: function(form, validator) {
1152
 
1153
        }
1154
    });
1155
 
1156
    $('body').on('click', 'button.btn-edit', function(e) {
1157
        e.preventDefault();
1158
 
1159
        var url = $(this).data('href');
1160
        $.ajax({
1161
            'dataType'  : 'json',
1162
            'accept'    : 'application/json',
1163
            'method'    : 'get',
1164
            'url'       :  url,
1165
        }).done(function(response) {
1166
            if(response['success']) {
1167
 
1168
                if(response['data']['type'] == 'text') {
1169
                    $('#form-slide-text-edit').attr('action',url);
1170
                    $('#form-slide-text-edit #name').val(response['data']['name']);
1171
                    $('#form-slide-text-edit #order').val(response['data']['order']);
1172
                    $('#form-slide-text-edit #background').fileinput('reset');
1173
                    $('#form-slide-text-edit #background').val('');
1174
 
1175
                    CKEDITOR.instances.description_edit.setData(response['data']['description']);
1176
                    validatorTextEdit.resetForm();
1177
 
1178
                    $('#company-microlearning-slide-text-edit-box').modal('show');
1179
 
1180
                }
1181
                if(response['data']['type'] == 'image') {
1182
                    $('#form-slide-image-edit').attr('action',url);
1183
                    $('#form-slide-image-edit #name').val(response['data']['name']);
1184
                    $('#form-slide-image-edit #order').val(response['data']['order']);
1185
                    $('#form-slide-image-edit #file').fileinput('reset');
1186
                    $('#form-slide-image-edit #file').val('');
1187
                    validatorImageEdit.resetForm();
1188
 
1189
                    $('#company-microlearning-slide-image-edit-box').modal('show');
1190
 
1191
                }
1192
                if(response['data']['type'] == 'video') {
1193
                    $('#form-slide-video-edit').attr('action',url);
1194
                    $('#form-slide-video-edit #name').val(response['data']['name']);
1195
                    $('#form-slide-video-edit #order').val(response['data']['order']);
1196
                    $('#form-slide-video-edit #file').fileinput('reset');
1197
                    $('#form-slide-video-edit #file').val('');
1198
                    $('#form-slide-video-edit #background').fileinput('reset');
1199
                    $('#form-slide-video-edit #background').val('');
1200
                    validatorVideoEdit.resetForm();
1201
 
1202
                    $('#company-microlearning-slide-video-edit-box').modal('show');
1203
 
1204
                }
1205
                if(response['data']['type'] == 'document') {
1206
                    $('#form-slide-document-edit').attr('action',url);
1207
                    $('#form-slide-document-edit #name').val(response['data']['name']);
1208
                    $('#form-slide-document-edit #order').val(response['data']['order']);
1209
                    $('#form-slide-document-edit #file').fileinput('reset');
1210
                    $('#form-slide-document-edit #file').val('');
1211
                    $('#form-slide-document-edit #background').fileinput('reset');
1212
                    $('#form-slide-document-edit #background').val('');
1213
                    validatorDocumentEdit.resetForm();
1214
 
1215
                    $('#company-microlearning-slide-document-edit-box').modal('show');
1216
 
1217
                }
1218
                if(response['data']['type'] == 'audio') {
1219
                    $('#form-slide-audio-edit').attr('action',url);
1220
                    $('#form-slide-audio-edit #name').val(response['data']['name']);
1221
                    $('#form-slide-audio-edit #order').val(response['data']['order']);
1222
                    $('#form-slide-audio-edit #file').fileinput('reset');
1223
                    $('#form-slide-audio-edit #file').val('');
1224
                    $('#form-slide-audio-edit #background').fileinput('reset');
1225
                    $('#form-slide-audio-edit #background').val('');
1226
                    validatorAudioEdit.resetForm();
1227
 
1228
                    $('#company-microlearning-slide-audio-edit-box').modal('show');
1229
 
1230
                }
1231
                if(response['data']['type'] == 'quiz') {
1232
                    $('#form-slide-quizz-edit').attr('action',url);
1233
                    $('#form-slide-quizz-edit #name').val(response['data']['name']);
1234
                    $('#form-slide-quizz-edit #order').val(response['data']['order']);
1235
                    $('#form-slide-quizz-edit #quiz_id').val(response['data']['quiz_id']);
1236
                    $('#form-slide-quizz-edit #background').fileinput('reset');
1237
                    $('#form-slide-quizz-edit #background').val('');
1238
                    validatorQuizzEdit.resetForm();
1239
 
1240
                    $('#company-microlearning-slide-quizz-edit-box').modal('show');
1241
 
1242
                }
1243
 
1244
            } else {
1245
                validatorTextEdit.resetForm();
1246
                if(jQuery.type(response['data']) == 'string') {
1247
                    $.fn.showError(response['data']);
1248
                } else  {
1249
                    $.each(response['data'], function( fieldname, errors ) {
1250
                        $.fn.showFormErrorValidator('#form-slide-image-edit #' + fieldname, errors);
1251
                    });
1252
                }
1253
            }
1254
        }).fail(function( jqXHR, textStatus, errorThrown) {
1255
            $.fn.showError(textStatus);
1256
        }).always(function() {
1257
            NProgress.done();
1258
        });
1259
    });
1260
 
1261
    $(".btn-cover-close").on("click", function(e){
1262
        e.preventDefault();
1263
 
1264
 
1265
        $('#company-microlearning-slide-text-add-box').modal('hide');
1266
        $('#company-microlearning-slide-text-edit-box').modal('hide');
1267
        $('#company-microlearning-slide-image-add-box').modal('hide');
1268
        $('#company-microlearning-slide-image-edit-box').modal('hide');
1269
        $('#company-microlearning-slide-video-add-box').modal('hide');
1270
        $('#company-microlearning-slide-video-edit-box').modal('hide');
1271
        $('#company-microlearning-slide-document-add-box').modal('hide');
1272
        $('#company-microlearning-slide-document-edit-box').modal('hide');
1273
        $('#company-microlearning-slide-audio-add-box').modal('hide');
1274
        $('#company-microlearning-slide-audio-edit-box').modal('hide');
1275
        $('#company-microlearning-slide-quizz-add-box').modal('hide');
1276
        $('#company-microlearning-slide-quizz-edit-box').modal('hide');
1277
        $('#company-microlearning-play-video-box').modal('hide');
1278
        $('#company-microlearning-play-audio-box').modal('hide');
1279
        $('#company-microlearning-add-capsule-type-box').modal('hide');
1280
 
1281
 
1282
 
1283
         document.getElementById('microlearning-play-video').pause();
1284
         document.getElementById('microlearning-play-audio').pause();
1285
 
1286
        return false;
1287
    });
1288
 
1289
    $('body').on('click', 'button.btn-add-quizz', function(e) {
1290
        e.preventDefault();
1291
        $('#company-microlearning-add-capsule-type-box').modal('hide');
1292
 
1293
 
1294
        $('#form-slide-quizz-add #name').val('');
1295
        $('#form-slide-quizz-add #order').val('1');
1296
        $('#form-slide-quizz-add #background').fileinput('reset');
1297
        $('#form-slide-quizz-add #background').val('');
1298
        $('#form-slide-quizz-add #quiz_id').val('');
1299
        CKEDITOR.instances.description_add.setData('');
1300
        validatorQuizzAdd.resetForm();
1301
 
1302
 
1303
        $('#company-microlearning-slide-quizz-add-box').modal('show');
1304
 
1305
        return false;
1306
    });
1307
 
1308
    $('body').on('click', 'button.btn-add-text', function(e) {
1309
        e.preventDefault();
1310
 
1311
        $('#company-microlearning-add-capsule-type-box').modal('hide');
1312
 
1313
        $('#form-slide-text-add #name').val('');
1314
        $('#form-slide-text-add #order').val('1');
1315
        $('#form-slide-text-add #background').fileinput('reset');
1316
        $('#form-slide-text-add #background').val('');
1317
        CKEDITOR.instances.description_add.setData('');
1318
        validatorTextAdd.resetForm();
1319
 
1320
        $('#company-microlearning-slide-text-add-box').modal('show');
1321
 
1322
        return false;
1323
    });
1324
 
1325
 
1326
    $('body').on('click', 'button.btn-add-image', function(e) {
1327
        e.preventDefault();
1328
 
1329
        $('#company-microlearning-add-capsule-type-box').modal('hide');
1330
        $('#form-slide-image-add #name').val('');
1331
        $('#form-slide-image-add #order').val('1');
6112 nelberth 1332
 
1 www 1333
        validatorImageAdd.resetForm();
1334
 
1335
        $('#company-microlearning-slide-image-add-box').modal('show');
1336
 
1337
        return false;
1338
    });
1339
 
1340
    $('body').on('click', 'button.btn-add-video', function(e) {
1341
        e.preventDefault();
1342
 
1343
        $('#company-microlearning-add-capsule-type-box').modal('hide');
1344
        $('#form-slide-video-add #name').val('');
1345
        $('#form-slide-video-add #order').val('1');
1346
        $('#form-slide-video-add #file').fileinput('reset');
1347
        $('#form-slide-video-add #file').val('');
1348
        $('#form-slide-video-add #file').fileinput('reset');
1349
        $('#form-slide-video-add #file').val('');
1350
        $('#form-slide-video-add #background').fileinput('reset');
1351
        $('#form-slide-video-add #background').val('');
1352
        validatorVideoAdd.resetForm();
1353
 
1354
        $('#company-microlearning-slide-video-add-box').modal('show');
1355
 
1356
        return false;
1357
    });
1358
 
1359
    $('body').on('click', 'button.btn-add-document', function(e) {
1360
        e.preventDefault();
1361
 
1362
 
1363
        $('#company-microlearning-add-capsule-type-box').modal('hide');
1364
        $('#form-slide-document-add #name').val('');
1365
        $('#form-slide-document-add #order').val('1');
1366
        $('#form-slide-document-add #file').fileinput('reset');
1367
        $('#form-slide-document-add #file').val('');
1368
        $('#form-slide-document-add #background').fileinput('reset');
1369
        $('#form-slide-document-add #background').val('');
1370
        validatorDocumentAdd.resetForm();
1371
 
1372
        $('#company-microlearning-slide-document-add-box').modal('show');
1373
 
1374
        return false;
1375
    });
1376
 
1377
    $('body').on('click', 'button.btn-add-audio', function(e) {
1378
        e.preventDefault();
1379
 
1380
        $('#company-microlearning-add-capsule-type-box').modal('hide');
1381
        $('#form-slide-audio-add #name').val('');
1382
        $('#form-slide-audio-add #order').val('1');
1383
        $('#form-slide-audio-add #file').fileinput('reset');
1384
        $('#form-slide-audio-add #file').val('');
1385
        $('#form-slide-audio-add #background').fileinput('reset');
1386
        $('#form-slide-audio-add #background').val('');
1387
        validatorAudioAdd.resetForm();
1388
 
1389
        $('#company-microlearning-slide-audio-add-box').modal('show');
1390
 
1391
        return false;
1392
    });
1393
 
1394
    $('#company-microlearning-slide-text-add-box, #company-microlearning-slide-text-edit-box').on("hide.bs.modal", function() {
1395
 
1396
    })
1397
 
1398
    $('#company-microlearning-slide-image-add-box, #company-microlearning-slide-image-edit-box').on("hide.bs.modal", function() {
1399
 
1400
    })
1401
 
1402
    $('#company-microlearning-slide-video-add-box, #company-microlearning-slide-video-edit-box').on("hide.bs.modal", function() {
1403
 
1404
    })
1405
 
1406
    $('#company-microlearning-slide-document-add-box, #company-microlearning-slide-document-edit-box').on("hide.bs.modal", function() {
1407
 
1408
    })
1409
 
1410
    $('#company-microlearning-slide-quizz-add-box, #company-microlearning-slide-quizz-edit-box').on("hide.bs.modal", function() {
1411
 
1412
    })
1413
 
1414
    $('#company-microlearning-play-video-box, #company-microlearning-play-audio-box').on("hide.bs.modal", function() {
1415
 
1416
 
1417
        document.getElementById('microlearning-play-video').pause();
1418
        document.getElementById('microlearning-play-audio').pause();
1419
    })
1420
 
1421
 
1422
    $('#form-slide-text-add #order').inputNumberFormat({decimal: 0});
1423
 
1424
    $('#form-slide-text-add #background').fileinput({
1425
        theme: 'fas',
1426
        language: 'es',
1427
        showUpload: false,
1428
        dropZoneEnabled: false,
1429
        maxFileCount: 1,
1430
        allowedFileExtensions: ['jpeg', 'jpg', 'png'],
1431
        msgPlaceholder: 'LABEL_RECOMMENDED_SIZE $image_size',
1432
    });
1433
 
1434
    $('#form-slide-text-edit #order').inputNumberFormat({decimal: 0});
1435
 
1436
    $('#form-slide-text-edit #background').fileinput({
1437
        theme: 'fas',
1438
        language: 'es',
1439
        showUpload: false,
1440
        dropZoneEnabled: false,
1441
        maxFileCount: 1,
1442
        allowedFileExtensions: ['jpeg', 'jpg', 'png'],
1443
        msgPlaceholder: 'LABEL_RECOMMENDED_SIZE $image_size',
1444
    });
1445
 
1446
    $('#form-slide-image-add #order').inputNumberFormat({decimal: 0});
1447
 
1448
    $('#form-slide-image-add #file').fileinput({
1449
        theme: 'fas',
1450
        language: 'es',
1451
        showUpload: false,
1452
        dropZoneEnabled: false,
1453
        maxFileCount: 1,
1454
        allowedFileExtensions: ['jpeg', 'jpg', 'png'],
1455
        msgPlaceholder: 'LABEL_RECOMMENDED_SIZE $image_size',
1456
    });
1457
 
1458
    $('#form-slide-image-edit #order').inputNumberFormat({decimal: 0});
1459
 
1460
    $('#form-slide-image-edit #file').fileinput({
1461
        theme: 'fas',
1462
        language: 'es',
1463
        showUpload: false,
1464
        dropZoneEnabled: false,
1465
        maxFileCount: 1,
1466
        allowedFileExtensions: ['jpeg', 'jpg', 'png'],
1467
        msgPlaceholder: 'LABEL_RECOMMENDED_SIZE $image_size',
1468
    });
1469
 
1470
    $('#form-slide-video-add #order').inputNumberFormat({decimal: 0});
1471
 
1472
    $('#form-slide-video-add #file').fileinput({
1473
        theme: 'fas',
1474
        language: 'es',
1475
        showUpload: false,
1476
        dropZoneEnabled: false,
1477
        maxFileCount: 1,
1478
        allowedFileExtensions: ['mp4', 'mpeg','webm'],
1479
        msgPlaceholder: 'Video de extensión mp4, mpeg, webm',
1480
    });
1481
 
1482
    $('#form-slide-video-add #background').fileinput({
1483
        theme: 'fas',
1484
        language: 'es',
1485
        showUpload: false,
1486
        dropZoneEnabled: false,
1487
        maxFileCount: 1,
1488
        allowedFileExtensions: ['jpeg', 'jpg', 'png'],
1489
        msgPlaceholder: 'LABEL_RECOMMENDED_SIZE $image_size',
1490
    });
1491
 
1492
    $('#form-slide-video-edit #order').inputNumberFormat({decimal: 0});
1493
 
1494
    $('#form-slide-video-edit #file').fileinput({
1495
        theme: 'fas',
1496
        language: 'es',
1497
        showUpload: false,
1498
        dropZoneEnabled: false,
1499
        maxFileCount: 1,
1500
        allowedFileExtensions: ['mp4', 'mpeg','webm'],
1501
        msgPlaceholder: 'Video de extensión mp4, mpeg, webm',
1502
    });
1503
 
1504
    $('#form-slide-video-edit #background').fileinput({
1505
        theme: 'fas',
1506
        language: 'es',
1507
        showUpload: false,
1508
        dropZoneEnabled: false,
1509
        maxFileCount: 1,
1510
        allowedFileExtensions: ['jpeg', 'jpg', 'png'],
1511
        msgPlaceholder: 'LABEL_RECOMMENDED_SIZE $image_size',
1512
    });
1513
 
1514
 
1515
 
1516
    $('#form-slide-document-add #order').inputNumberFormat({decimal: 0});
1517
 
1518
    $('#form-slide-document-add #file').fileinput({
1519
        theme: 'fas',
1520
        language: 'es',
1521
        showUpload: false,
1522
        dropZoneEnabled: false,
1523
        maxFileCount: 1,
1524
        allowedFileExtensions: ['pdf'],
1525
        msgPlaceholder: 'Documentos de extensión pdf',
1526
    });
1527
 
1528
    $('#form-slide-document-add #background').fileinput({
1529
        theme: 'fas',
1530
        language: 'es',
1531
        showUpload: false,
1532
        dropZoneEnabled: false,
1533
        maxFileCount: 1,
1534
        allowedFileExtensions: ['jpeg', 'jpg', 'png'],
1535
        msgPlaceholder: 'LABEL_RECOMMENDED_SIZE $image_size',
1536
    });
1537
 
1538
 
1539
    $('#form-slide-document-edit #order').inputNumberFormat({decimal: 0});
1540
 
1541
    $('#form-slide-document-edit #file').fileinput({
1542
        theme: 'fas',
1543
        language: 'es',
1544
        showUpload: false,
1545
        dropZoneEnabled: false,
1546
        maxFileCount: 1,
1547
        allowedFileExtensions: ['pdf'],
1548
        msgPlaceholder: 'Documentos de extensión pdf',
1549
    });
1550
 
1551
    $('#form-slide-document-edit #background').fileinput({
1552
        theme: 'fas',
1553
        language: 'es',
1554
        showUpload: false,
1555
        dropZoneEnabled: false,
1556
        maxFileCount: 1,
1557
        allowedFileExtensions: ['jpeg', 'jpg', 'png'],
1558
        msgPlaceholder: 'LABEL_RECOMMENDED_SIZE $image_size',
1559
    });
1560
 
1561
 
1562
    $('#form-slide-audio-add #order').inputNumberFormat({decimal: 0});
1563
 
1564
    $('#form-slide-audio-add #file').fileinput({
1565
        theme: 'fas',
1566
        language: 'es',
1567
        showUpload: false,
1568
        dropZoneEnabled: false,
1569
        maxFileCount: 1,
1570
        allowedFileExtensions: ['wav', 'mp3'],
1571
        msgPlaceholder: 'Audios de extensión wav y mp3',
1572
    });
1573
 
1574
    $('#form-slide-audio-add #background').fileinput({
1575
        theme: 'fas',
1576
        language: 'es',
1577
        showUpload: false,
1578
        dropZoneEnabled: false,
1579
        maxFileCount: 1,
1580
        allowedFileExtensions: ['jpeg', 'jpg', 'png'],
1581
        msgPlaceholder: 'LABEL_RECOMMENDED_SIZE $image_size',
1582
    });
1583
 
1584
 
1585
    $('#form-slide-audio-edit #order').inputNumberFormat({decimal: 0});
1586
 
1587
    $('#form-slide-audio-edit #file').fileinput({
1588
        theme: 'fas',
1589
        language: 'es',
1590
        showUpload: false,
1591
        dropZoneEnabled: false,
1592
        maxFileCount: 1,
1593
        allowedFileExtensions: ['wav', 'mp3'],
1594
        msgPlaceholder: 'Audios de extensión wav y mp3',
1595
    });
1596
 
1597
    $('#form-slide-audio-edit #background').fileinput({
1598
        theme: 'fas',
1599
        language: 'es',
1600
        showUpload: false,
1601
        dropZoneEnabled: false,
1602
        maxFileCount: 1,
1603
        allowedFileExtensions: ['jpeg', 'jpg', 'png'],
1604
        msgPlaceholder: 'LABEL_RECOMMENDED_SIZE $image_size',
1605
    });
1606
 
1607
 
1608
    $('#form-slide-quizz-add #order').inputNumberFormat({decimal: 0});
1609
 
1610
    $('#form-slide-quizz-add #background').fileinput({
1611
        theme: 'fas',
1612
        language: 'es',
1613
        showUpload: false,
1614
        dropZoneEnabled: false,
1615
        maxFileCount: 1,
1616
        allowedFileExtensions: ['jpeg', 'jpg', 'png'],
1617
        msgPlaceholder: 'LABEL_RECOMMENDED_SIZE $image_size',
1618
    });
1619
 
1620
 
1621
    $('#form-slide-quizz-edit #order').inputNumberFormat({decimal: 0});
1622
 
1623
    $('#form-slide-quizz-edit #background').fileinput({
1624
        theme: 'fas',
1625
        language: 'es',
1626
        showUpload: false,
1627
        dropZoneEnabled: false,
1628
        maxFileCount: 1,
1629
        allowedFileExtensions: ['jpeg', 'jpg', 'png'],
1630
        msgPlaceholder: 'LABEL_RECOMMENDED_SIZE $image_size',
1631
    });
1632
 
1633
 
1634
 
1635
 
1636
 
1637
 
1638
 
1639
    CKEDITOR.replace('description_add');
1640
    CKEDITOR.replace('description_edit');
1641
 
1642
 
1643
   $('body').on('click', '.btn-view-image', function(e) {
1644
        e.preventDefault();
1645
 
1646
        $('#company-microlearning-view-image-box').modal('show');
1647
 
1648
        $('#image-view').attr('src', $(this).data('href'));
1649
 
1650
        return false;
1651
    });
1652
 
1653
 
1654
    $('body').on('click', '.btn-play-video', function(e) {
1655
        e.preventDefault();
1656
 
1657
        $('#microlearning-play-video').attr('src', $(this).data('href'));
1658
        $('#company-microlearning-play-video-box').modal('show');
1659
 
1660
        return false;
1661
    });
1662
 
1663
    $('body').on('click', '.btn-play-audio', function(e) {
1664
        e.preventDefault();
1665
 
1666
 
1667
        $('#microlearning-play-audio').attr('src', $(this).data('href'));
1668
        $('#company-microlearning-play-audio-box').modal('show');
1669
 
1670
        return false;
1671
    });
1672
 
1673
    $('body').on('click', '.btn-view-document', function(e) {
1674
        e.preventDefault();
1675
 
1676
 
1677
        $('#document-view').attr('src', $(this).data('href'));
1678
        $('#company-microlearning-view-document-box').modal('show');
1679
 
1680
        return false;
1681
    });
1682
 
1683
    $('body').on('click', '.btn-view-text', function(e) {
1684
        e.preventDefault();
1685
 
1686
        var url = $(this).data('href');
1687
        $.ajax({
1688
            'dataType'  : 'json',
1689
            'accept'    : 'application/json',
1690
            'method'    : 'get',
1691
            'url'       :  url,
1692
        }).done(function(response) {
1693
            if(response['success']) {
1694
                $('#document-text').html( response['data']  );
1695
            }
1696
 
1697
        }).fail(function( jqXHR, textStatus, errorThrown) {
1698
            $.fn.showError(textStatus);
1699
        }).always(function() {
1700
            NProgress.done();
1701
        });
1702
 
1703
 
1704
        $('#company-microlearning-view-text-box').modal('show');
1705
 
1706
        return false;
1707
    });
1708
 
1709
 
1710
 
1711
    $('#form-filter #topic_uuid').change(function(e) {
1712
        e.preventDefault();
1713
 
1714
        $('#form-filter #capsule_uuid').empty();
1715
        gridTable.api().ajax.reload(null, false);
1716
    })
1717
 
1718
 
1719
    $('#form-filter #capsule_uuid').change(function(e) {
1720
        e.preventDefault();
1721
 
1722
        gridTable.api().ajax.reload(null, false);
1723
    })
1724
 
1725
    $('button.btn-add').click(function(e) {
1726
        e.preventDefault()
1727
 
1728
        $('#company-microlearning-add-capsule-type-box').modal('show');
1729
 
1730
    } );
1731
 
1732
 
1733
 
1734
    $('body').on('click', 'button.btn-refresh', function(e) {
1735
        e.preventDefault();
1736
        gridTable.api().ajax.reload(null, false);
1737
    });
1738
 
1739
});
1740
JS;
1741
$this->inlineScript()->captureEnd();
1742
?>
1743
 
1744
 
1745
<!-- Content Header (Page header) -->
1746
<section class="content-header">
1747
	<div class="container-fluid">
1748
    	<div class="row mb-2">
1749
        	<div class="col-sm-12">
1750
            	<h1>LABEL_SLIDES</h1>
1751
			</div>
1752
		</div>
1753
	</div><!-- /.container-fluid -->
1754
</section>
1755
 
1756
<section class="content">
1757
	<div class="container-fluid">
1758
    	<div class="row">
1759
        	<div class="col-12">
1760
				<div class="card">
1761
					<div class="card-header">
1762
						<?php
1763
                        $form = $this->form;
1764
            	        $form->setAttributes([
1765
                            'name'    => 'form-filter',
1766
                            'id'      => 'form-filter',
1767
                        ]);
1768
 
1769
                        $form->prepare();
1770
                        echo $this->form()->openTag($form);
1771
                        ?>
1772
                        <div class="row">
1773
                            <div class="col-md-6 col-sm-12">
1774
                                <div class="form-group">
1775
                                    <?php
1776
                                        $element = $form->get('topic_uuid');
1777
 
1778
                                        $element->setOptions(['label' => 'LABEL_TOPIC']);
1779
 
1780
                                        $element->setAttributes(['class' => 'form-control']);
1781
                                        echo $this->formLabel($element);
1782
                                        echo $this->formSelect($element);
1783
                                    ?>
1784
                                </div>
1785
                            </div>
1786
                            <div class="col-md-6 col-sm-12">
1787
                                <div class="form-group">
1788
                                    <?php
1789
                                        $element = $form->get('capsule_uuid');
1790
                                        $element->setOptions(['label' => 'LABEL_CAPSULE']);
1791
                                        $element->setAttributes(['class' => 'form-control']);
1792
                                        echo $this->formLabel($element);
1793
                                        echo $this->formSelect($element);
1794
                                    ?>
1795
                                </div>
1796
                            </div>
1797
                        </div>
1798
						<?php echo $this->form()->closeTag($form); ?>
1799
					</div>
1800
					<div class="card-body">
20 steven 1801
        	    		<table id="gridTable" class="table   table-hover">
1 www 1802
                      		<thead>
1803
        						<tr>
1804
                                	<th>LABEL_NAME</th>
1805
                                  	<th>LABEL_DETAILS</th>
1806
                                  	<th>LABEL_MEDIA</th>
1807
                                  	<th>LABEL_ACTIONS</th>
1808
                                </tr>
1809
                       		</thead>
1810
                         	<tbody>
1811
                         	</tbody>
1812
                    	</table>
1813
                   	</div>
1814
                   	<div class="card-footer clearfix">
1815
                   		<div style="float:right;">
1816
							<button type="button" class="btn btn-info btn-refresh"><i class="fa fa-refresh"></i> LABEL_REFRESH  </button>
1817
							<?php if($allowAdd) : ?>
1818
							<button type="button" class="btn btn-primary btn-add"><i class="fa fa-plus"></i> LABEL_ADD </button>
1819
							<?php endif; ?>
1820
						</div>
1821
                 	</div>
1822
          		</div>
1823
           	</div>
1824
        </div>
1825
 	</div>
1826
</section>
1827
 
1828
 
1829
 
1830
<!-- The Modal -->
1831
<div class="modal" id="company-microlearning-slide-text-add-box">
1832
	<div class="modal-dialog   modal-xl">
1833
    	<div class="modal-content">
1834
    		<?php
1835
    	    $form = $this->formTextAdd;
1836
    	    $form->setAttributes([
1837
    	       'method'    => 'post',
1838
    	       'name'      => 'form-slide-text-add',
1839
    	       'id'        => 'form-slide-text-add'
1840
    	    ]);
1841
    	    $form->prepare();
1842
    	    echo $this->form()->openTag($form);
1843
 
1844
    	    $element = $form->get('type');
1845
    	    echo $this->formHidden($element);
1846
 
1847
    	    ?>
1848
            <!-- Modal Header -->
1849
      		<div class="modal-header">
1850
        		<h4 class="modal-title">LABEL_ADD_TEXT_SLIDE</h4>
1851
        		<button type="button" class="close" data-dismiss="modal">&times;</button>
1852
      		</div>
1853
 
1854
            <!-- Modal body -->
1855
            <div class="modal-body">
1856
				<div class="form-group">
1857
    				<?php
1858
                        $element = $form->get('name');
1859
                        $element->setAttributes(['class' => 'form-control']);
1860
                        $element->setOptions(['label' => 'LABEL_NAME']);
1861
                        echo $this->formLabel($element);
1862
                        echo $this->formText($element);
1863
                    ?>
1864
				</div>
1865
                <div class="form-group">
1866
                	<?php
1867
                    $element = $form->get('description');
1868
                    $element->setOptions(['label' => 'LABEL_DESCRIPTION']);
1869
                    $element->setAttributes(['id' => 'description_add', 'rows' => '2',  'class' => 'form-control']);
1870
                    echo $this->formLabel($element);
1871
                    echo $this->formTextArea($element);
1872
                    ?>
1873
   				</div>
1874
				<div class="form-group">
1875
    				<?php
1876
                        $element = $form->get('order');
1877
                        $element->setAttributes(['class' => 'form-control']);
1878
                        $element->setOptions(['label' => 'LABEL_ORDER']);
1879
                        echo $this->formLabel($element);
1880
                        echo $this->formText($element);
1881
                    ?>
1882
				</div>
1883
				<div class="form-group">
1884
 
1885
                 		<?php
1886
                        $element = $form->get('background');
1887
                        $element->setAttributes(['class' => 'form-control']);
1888
                        $element->setOptions(['label' => 'LABEL_IMAGE_BACKGROUND']);
1889
                        $element->setAttributes(['accept' => 'image/jpg,image/jpeg,image/png']);
1890
                        echo $this->formLabel($element);
1891
                        ?>
1892
                        <div class="file-loading">
1893
                        <?php echo $this->formFile($element);?>
1894
                        </div>
1895
 
1896
          		</div>
1897
      		</div>
1898
 
1899
            <!-- Modal footer -->
1900
      		<div class="modal-footer">
1901
      			<button type="submit" class="btn btn-primary">LABEL_SAVE</button>
1902
        		<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
1903
          	</div>
1904
          	<?php echo $this->form()->closeTag($form); ?>
1905
         </div>
1906
	</div>
1907
</div>
1908
 
1909
 
1910
 
1911
 
1912
<!-- The Modal -->
1913
<div class="modal" id="company-microlearning-slide-text-edit-box">
1914
	<div class="modal-dialog   modal-xl">
1915
    	<div class="modal-content">
1916
    		<?php
1917
    	    $form = $this->formTextEdit;
1918
    	    $form->setAttributes([
1919
    	       'method'    => 'post',
1920
    	       'name'      => 'form-slide-text-edit',
1921
    	       'id'        => 'form-slide-text-edit'
1922
    	    ]);
1923
    	    $form->prepare();
1924
    	    echo $this->form()->openTag($form);
1925
 
1926
    	    $element = $form->get('type');
1927
    	    echo $this->formHidden($element);
1928
 
1929
    	    ?>
1930
            <!-- Modal Header -->
1931
      		<div class="modal-header">
1932
        		<h4 class="modal-title">LABEL_EDIT_TEXT_SLIDE</h4>
1933
        		<button type="button" class="close" data-dismiss="modal">&times;</button>
1934
      		</div>
1935
 
1936
            <!-- Modal body -->
1937
            <div class="modal-body">
1938
				<div class="form-group">
1939
    				<?php
1940
                        $element = $form->get('name');
1941
                        $element->setAttributes(['class' => 'form-control']);
1942
                        $element->setOptions(['label' => 'LABEL_NAME']);
1943
                        echo $this->formLabel($element);
1944
                        echo $this->formText($element);
1945
                    ?>
1946
				</div>
1947
                <div class="form-group">
1948
                	<?php
1949
                    $element = $form->get('description');
1950
                    $element->setOptions(['label' => 'LABEL_DESCRIPTION']);
1951
                    $element->setAttributes(['id' => 'description_edit', 'rows' => '2',  'class' => 'form-control']);
1952
                    echo $this->formLabel($element);
1953
                    echo $this->formTextArea($element);
1954
                    ?>
1955
   				</div>
1956
				<div class="form-group">
1957
    				<?php
1958
                        $element = $form->get('order');
1959
                        $element->setAttributes(['class' => 'form-control']);
1960
                        $element->setOptions(['label' => 'LABEL_ORDER']);
1961
                        echo $this->formLabel($element);
1962
                        echo $this->formText($element);
1963
                    ?>
1964
				</div>
1965
				<div class="form-group">
1966
 
1967
                 		<?php
1968
                        $element = $form->get('background');
1969
                        $element->setAttributes(['class' => 'form-control']);
1970
                        $element->setOptions(['label' => 'LABEL_IMAGE_BACKGROUND']);
1971
                        $element->setAttributes(['accept' => 'image/jpg,image/jpeg,image/png']);
1972
                        echo $this->formLabel($element);
1973
                        ?>
1974
                        <div class="file-loading">
1975
                        <?php echo $this->formFile($element);?>
1976
                        </div>
1977
 
1978
          		</div>
1979
      		</div>
1980
 
1981
            <!-- Modal footer -->
1982
      		<div class="modal-footer">
1983
      			<button type="submit" class="btn btn-primary">LABEL_SAVE</button>
1984
        		<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
1985
          	</div>
1986
          	<?php echo $this->form()->closeTag($form); ?>
1987
         </div>
1988
	</div>
1989
</div>
1990
 
1991
 
1992
 
1993
<!-- The Modal -->
1994
<div class="modal" id="company-microlearning-slide-image-add-box">
1995
	<div class="modal-dialog   modal-xl">
1996
    	<div class="modal-content">
1997
    		<?php
1998
    	    $form = $this->formImageAdd;
1999
    	    $form->setAttributes([
2000
    	       'method'    => 'post',
2001
    	        'name'      => 'form-slide-image-add',
2002
    	        'id'        => 'form-slide-image-add'
2003
    	    ]);
2004
    	    $form->prepare();
2005
    	    echo $this->form()->openTag($form);
2006
 
2007
    	    $element = $form->get('type');
2008
    	    echo $this->formHidden($element);
2009
 
2010
    	    ?>
2011
            <!-- Modal Header -->
2012
      		<div class="modal-header">
2013
        		<h4 class="modal-title">LABEL_ADD_IMAGE_SLIDE</h4>
2014
        		<button type="button" class="close" data-dismiss="modal">&times;</button>
2015
      		</div>
2016
 
2017
            <!-- Modal body -->
2018
            <div class="modal-body">
2019
				<div class="form-group">
2020
    				<?php
2021
                        $element = $form->get('name');
2022
                        $element->setAttributes(['class' => 'form-control']);
2023
                        $element->setOptions(['label' => 'LABEL_NAME']);
2024
                        echo $this->formLabel($element);
2025
                        echo $this->formText($element);
2026
                    ?>
2027
				</div>
2028
				<div class="form-group">
2029
    				<?php
2030
                        $element = $form->get('order');
2031
                        $element->setAttributes(['class' => 'form-control']);
2032
                        $element->setOptions(['label' => 'LABEL_ORDER']);
2033
                        echo $this->formLabel($element);
2034
                        echo $this->formText($element);
2035
                    ?>
2036
				</div>
2037
				<div class="form-group">
6111 nelberth 2038
                	<?php
6110 nelberth 2039
                    $element = $form->get('file');
2040
					$element->setAttributes([ 'class' => 'file']);
2041
                    echo $this->formHidden($element); ?>
6108 nelberth 2042
                <div class="contenido form-group" id="contenido">
2043
 
2044
 
2045
                </div>
1 www 2046
 
2047
          		</div>
2048
      		</div>
2049
 
2050
            <!-- Modal footer -->
2051
      		<div class="modal-footer">
2052
      			<button type="submit" class="btn btn-primary">LABEL_SAVE</button>
2053
        		<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
2054
          	</div>
2055
          	<?php echo $this->form()->closeTag($form); ?>
2056
         </div>
2057
	</div>
2058
</div>
2059
 
2060
 
2061
 
2062
 
2063
<!-- The Modal -->
2064
<div class="modal" id="company-microlearning-slide-image-edit-box">
2065
	<div class="modal-dialog   modal-xl">
2066
    	<div class="modal-content">
2067
    		<?php
2068
    	    $form = $this->formImageEdit;
2069
    	    $form->setAttributes([
2070
    	       'method'    => 'post',
2071
    	       'name'      => 'form-slide-image-edit',
2072
    	       'id'        => 'form-slide-image-edit'
2073
    	    ]);
2074
    	    $form->prepare();
2075
    	    echo $this->form()->openTag($form);
2076
 
2077
    	    $element = $form->get('type');
2078
    	    echo $this->formHidden($element);
2079
 
2080
    	    ?>
2081
            <!-- Modal Header -->
2082
      		<div class="modal-header">
2083
        		<h4 class="modal-title">LABEL_EDIT_IMAGE_SLIDE</h4>
2084
        		<button type="button" class="close" data-dismiss="modal">&times;</button>
2085
      		</div>
2086
 
2087
            <!-- Modal body -->
2088
            <div class="modal-body">
2089
				<div class="form-group">
2090
    				<?php
2091
                        $element = $form->get('name');
2092
                        $element->setAttributes(['class' => 'form-control']);
2093
                        $element->setOptions(['label' => 'LABEL_NAME']);
2094
                        echo $this->formLabel($element);
2095
                        echo $this->formText($element);
2096
                    ?>
2097
				</div>
2098
				<div class="form-group">
2099
    				<?php
2100
                        $element = $form->get('order');
2101
                        $element->setAttributes(['class' => 'form-control']);
2102
                        $element->setOptions(['label' => 'LABEL_ORDER']);
2103
                        echo $this->formLabel($element);
2104
                        echo $this->formText($element);
2105
                    ?>
2106
				</div>
2107
				<div class="form-group">
2108
 
2109
                 		<?php
2110
                        $element = $form->get('file');
2111
                        $element->setAttributes(['class' => 'form-control']);
2112
                        $element->setOptions(['label' => 'LABEL_IMAGE']);
2113
                        $element->setAttributes(['accept' => 'image/jpg,image/jpeg,image/png']);
2114
                        echo $this->formLabel($element);
2115
                        ?>
2116
                        <div class="file-loading">
2117
                        <?php echo $this->formFile($element);?>
2118
                        </div>
2119
 
2120
          		</div>
2121
      		</div>
2122
 
2123
            <!-- Modal footer -->
2124
      		<div class="modal-footer">
2125
      			<button type="submit" class="btn btn-primary">LABEL_SAVE</button>
2126
        		<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
2127
          	</div>
2128
          	<?php echo $this->form()->closeTag($form); ?>
2129
         </div>
2130
	</div>
2131
</div>
2132
 
2133
 
2134
 
2135
 
2136
<!-- The Modal -->
2137
<div class="modal" id="company-microlearning-slide-video-add-box">
2138
	<div class="modal-dialog   modal-xl">
2139
    	<div class="modal-content">
2140
    		<?php
2141
    	    $form = $this->formVideoAdd;
2142
    	    $form->setAttributes([
2143
    	       'method'    => 'post',
2144
    	        'name'      => 'form-slide-video-add',
2145
    	        'id'        => 'form-slide-video-add'
2146
    	    ]);
2147
    	    $form->prepare();
2148
    	    echo $this->form()->openTag($form);
2149
 
2150
    	    $element = $form->get('type');
2151
    	    echo $this->formHidden($element);
2152
 
2153
    	    ?>
2154
            <!-- Modal Header -->
2155
      		<div class="modal-header">
2156
        		<h4 class="modal-title">LABEL_ADD_VIDEO_SLIDE</h4>
2157
        		<button type="button" class="close" data-dismiss="modal">&times;</button>
2158
      		</div>
2159
 
2160
            <!-- Modal body -->
2161
            <div class="modal-body">
2162
				<div class="form-group">
2163
    				<?php
2164
                        $element = $form->get('name');
2165
                        $element->setAttributes(['class' => 'form-control']);
2166
                        $element->setOptions(['label' => 'LABEL_NAME']);
2167
                        echo $this->formLabel($element);
2168
                        echo $this->formText($element);
2169
                    ?>
2170
				</div>
2171
				<div class="form-group">
2172
    				<?php
2173
                        $element = $form->get('order');
2174
                        $element->setAttributes(['class' => 'form-control']);
2175
                        $element->setOptions(['label' => 'LABEL_ORDER']);
2176
                        echo $this->formLabel($element);
2177
                        echo $this->formText($element);
2178
                    ?>
2179
				</div>
2180
				<div class="form-group">
2181
 
2182
                 		<?php
2183
                        $element = $form->get('file');
2184
                        $element->setAttributes(['class' => 'form-control']);
2185
                        $element->setOptions(['label' => 'LABEL_VIDEO']);
2186
                        $element->setAttributes(['accept' => 'video/webm,video/mpeg,video/mp4']);
2187
                        echo $this->formLabel($element);
2188
                        ?>
2189
                        <div class="file-loading">
2190
                        <?php echo $this->formFile($element);?>
2191
                        </div>
2192
 
2193
          		</div>
2194
          		<div class="form-group">
2195
 
2196
                 		<?php
2197
                        $element = $form->get('background');
2198
                        $element->setAttributes(['class' => 'form-control']);
2199
                        $element->setOptions(['label' => 'LABEL_IMAGE_BACKGROUND']);
2200
                        $element->setAttributes(['accept' => 'image/jpg,image/jpeg,image/png']);
2201
                        echo $this->formLabel($element);
2202
                        ?>
2203
                        <div class="file-loading">
2204
                        <?php echo $this->formFile($element);?>
2205
                        </div>
2206
 
2207
          		</div>
2208
      		</div>
2209
 
2210
            <!-- Modal footer -->
2211
      		<div class="modal-footer">
2212
      			<button type="submit" class="btn btn-primary">LABEL_SAVE</button>
2213
        		<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
2214
          	</div>
2215
          	<?php echo $this->form()->closeTag($form); ?>
2216
         </div>
2217
	</div>
2218
</div>
2219
 
2220
 
2221
 
2222
 
2223
<!-- The Modal -->
2224
<div class="modal" id="company-microlearning-slide-video-edit-box">
2225
	<div class="modal-dialog   modal-xl">
2226
    	<div class="modal-content">
2227
        	<?php
2228
    	    $form = $this->formVideoEdit;
2229
    	    $form->setAttributes([
2230
    	       'method'    => 'post',
2231
    	       'name'      => 'form-slide-video-edit',
2232
    	       'id'        => 'form-slide-video-edit'
2233
    	    ]);
2234
    	    $form->prepare();
2235
    	    echo $this->form()->openTag($form);
2236
 
2237
    	    $element = $form->get('type');
2238
    	    echo $this->formHidden($element);
2239
 
2240
    	    ?>
2241
 
2242
            <!-- Modal Header -->
2243
      		<div class="modal-header">
2244
        		<h4 class="modal-title">LABEL_EDIT_VIDEO_SLIDE</h4>
2245
        		<button type="button" class="close" data-dismiss="modal">&times;</button>
2246
      		</div>
2247
 
2248
            <!-- Modal body -->
2249
            <div class="modal-body">
2250
				<div class="form-group">
2251
    				<?php
2252
                        $element = $form->get('name');
2253
                        $element->setAttributes(['class' => 'form-control']);
2254
                        $element->setOptions(['label' => 'LABEL_NAME']);
2255
                        echo $this->formLabel($element);
2256
                        echo $this->formText($element);
2257
                    ?>
2258
				</div>
2259
				<div class="form-group">
2260
    				<?php
2261
                        $element = $form->get('order');
2262
                        $element->setAttributes(['class' => 'form-control']);
2263
                        $element->setOptions(['label' => 'LABEL_ORDER']);
2264
                        echo $this->formLabel($element);
2265
                        echo $this->formText($element);
2266
                    ?>
2267
				</div>
2268
				<div class="form-group">
2269
 
2270
                 		<?php
2271
                        $element = $form->get('file');
2272
                        $element->setAttributes(['class' => 'form-control']);
2273
                        $element->setOptions(['label' => 'LABEL_VIDEO']);
2274
                        $element->setAttributes(['accept' => 'video/webm,video/mpeg,video/mp4']);
2275
                        echo $this->formLabel($element);
2276
                        ?>
2277
                        <div class="file-loading">
2278
                        <?php echo $this->formFile($element);?>
2279
                        </div>
2280
 
2281
          		</div>
2282
          		<div class="form-group">
2283
 
2284
                 		<?php
2285
                        $element = $form->get('background');
2286
                        $element->setAttributes(['class' => 'form-control']);
2287
                        $element->setOptions(['label' => 'LABEL_IMAGE_BACKGROUND']);
2288
                        $element->setAttributes(['accept' => 'image/jpg,image/jpeg,image/png']);
2289
                        echo $this->formLabel($element);
2290
                        ?>
2291
                        <div class="file-loading">
2292
                        <?php echo $this->formFile($element);?>
2293
                        </div>
2294
 
2295
          		</div>
2296
      		</div>
2297
 
2298
            <!-- Modal footer -->
2299
      		<div class="modal-footer">
2300
      			<button type="submit" class="btn btn-primary">LABEL_SAVE</button>
2301
        		<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
2302
          	</div>
2303
          	<?php echo $this->form()->closeTag($form); ?>
2304
         </div>
2305
	</div>
2306
</div>
2307
 
2308
 
2309
 
2310
 
2311
<!-- The Modal -->
2312
<div class="modal" id="company-microlearning-slide-document-add-box">
2313
	<div class="modal-dialog   modal-xl">
2314
    	<div class="modal-content">
2315
    		<?php
2316
    	    $form = $this->formDocumentAdd;
2317
    	    $form->setAttributes([
2318
    	       'method'    => 'post',
2319
    	        'name'      => 'form-slide-document-add',
2320
    	        'id'        => 'form-slide-document-add'
2321
    	    ]);
2322
    	    $form->prepare();
2323
    	    echo $this->form()->openTag($form);
2324
 
2325
    	    $element = $form->get('type');
2326
    	    echo $this->formHidden($element);
2327
 
2328
    	    ?>
2329
            <!-- Modal Header -->
2330
      		<div class="modal-header">
2331
        		<h4 class="modal-title">LABEL_ADD_DOCUMENT_SLIDE</h4>
2332
        		<button type="button" class="close" data-dismiss="modal">&times;</button>
2333
      		</div>
2334
 
2335
            <!-- Modal body -->
2336
            <div class="modal-body">
2337
				<div class="form-group">
2338
    				<?php
2339
                        $element = $form->get('name');
2340
                        $element->setAttributes(['class' => 'form-control']);
2341
                        $element->setOptions(['label' => 'LABEL_NAME']);
2342
                        echo $this->formLabel($element);
2343
                        echo $this->formText($element);
2344
                    ?>
2345
				</div>
2346
				<div class="form-group">
2347
    				<?php
2348
                        $element = $form->get('order');
2349
                        $element->setAttributes(['class' => 'form-control']);
2350
                        $element->setOptions(['label' => 'LABEL_ORDER']);
2351
                        echo $this->formLabel($element);
2352
                        echo $this->formText($element);
2353
                    ?>
2354
				</div>
2355
				<div class="form-group">
2356
 
2357
                 		<?php
2358
                        $element = $form->get('file');
2359
                        $element->setAttributes(['class' => 'form-control']);
2360
                        $element->setOptions(['label' => 'LABEL_DOCUMENT']);
2361
                        $element->setAttributes(['accept' => 'application/pdf']);
2362
                        echo $this->formLabel($element);
2363
                        ?>
2364
                        <div class="file-loading">
2365
                        <?php echo $this->formFile($element);?>
2366
                        </div>
2367
 
2368
          		</div>
2369
         		<div class="form-group">
2370
 
2371
                 		<?php
2372
                        $element = $form->get('background');
2373
                        $element->setAttributes(['class' => 'form-control']);
2374
                        $element->setOptions(['label' => 'LABEL_IMAGE_BACKGROUND']);
2375
                        $element->setAttributes(['accept' => 'image/jpg,image/jpeg,image/png']);
2376
                        echo $this->formLabel($element);
2377
                        ?>
2378
                        <div class="file-loading">
2379
                        <?php echo $this->formFile($element);?>
2380
                        </div>
2381
 
2382
          		</div>
2383
      		</div>
2384
 
2385
            <!-- Modal footer -->
2386
      		<div class="modal-footer">
2387
      			<button type="submit" class="btn btn-primary">LABEL_SAVE</button>
2388
        		<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
2389
          	</div>
2390
          	<?php echo $this->form()->closeTag($form); ?>
2391
         </div>
2392
	</div>
2393
</div>
2394
 
2395
 
2396
 
2397
 
2398
<!-- The Modal -->
2399
<div class="modal" id="company-microlearning-slide-document-edit-box">
2400
	<div class="modal-dialog   modal-xl">
2401
    	<div class="modal-content">
2402
    		<?php
2403
    	    $form = $this->formDocumentEdit;
2404
    	    $form->setAttributes([
2405
    	       'method'    => 'post',
2406
    	       'name'      => 'form-slide-document-edit',
2407
    	       'id'        => 'form-slide-document-edit'
2408
    	    ]);
2409
    	    $form->prepare();
2410
    	    echo $this->form()->openTag($form);
2411
 
2412
    	    $element = $form->get('type');
2413
    	    echo $this->formHidden($element);
2414
 
2415
    	    ?>
2416
            <!-- Modal Header -->
2417
      		<div class="modal-header">
2418
        		<h4 class="modal-title">LABEL_EDIT_DOCUMENT_SLIDE</h4>
2419
        		<button type="button" class="close" data-dismiss="modal">&times;</button>
2420
      		</div>
2421
 
2422
            <!-- Modal body -->
2423
            <div class="modal-body">
2424
				<div class="form-group">
2425
    				<?php
2426
                        $element = $form->get('name');
2427
                        $element->setAttributes(['class' => 'form-control']);
2428
                        $element->setOptions(['label' => 'LABEL_NAME']);
2429
                        echo $this->formLabel($element);
2430
                        echo $this->formText($element);
2431
                    ?>
2432
				</div>
2433
				<div class="form-group">
2434
    				<?php
2435
                        $element = $form->get('order');
2436
                        $element->setAttributes(['class' => 'form-control']);
2437
                        $element->setOptions(['label' => 'LABEL_ORDER']);
2438
                        echo $this->formLabel($element);
2439
                        echo $this->formText($element);
2440
                    ?>
2441
				</div>
2442
				<div class="form-group">
2443
 
2444
                 		<?php
2445
                        $element = $form->get('file');
2446
                        $element->setAttributes(['class' => 'form-control']);
2447
                        $element->setOptions(['label' => 'LABEL_DOCUMENT']);
2448
                        $element->setAttributes(['accept' => 'application/pdf']);
2449
                        echo $this->formLabel($element);
2450
                        ?>
2451
                        <div class="file-loading">
2452
                        <?php echo $this->formFile($element);?>
2453
                        </div>
2454
 
2455
          		</div>
2456
         		<div class="form-group">
2457
 
2458
                 		<?php
2459
                        $element = $form->get('background');
2460
                        $element->setAttributes(['class' => 'form-control']);
2461
                        $element->setOptions(['label' => 'LABEL_IMAGE_BACKGROUND']);
2462
                        $element->setAttributes(['accept' => 'image/jpg,image/jpeg,image/png']);
2463
                        echo $this->formLabel($element);
2464
                        ?>
2465
                        <div class="file-loading">
2466
                        <?php echo $this->formFile($element);?>
2467
                        </div>
2468
 
2469
          		</div>
2470
      		</div>
2471
 
2472
            <!-- Modal footer -->
2473
      		<div class="modal-footer">
2474
      			<button type="submit" class="btn btn-primary">LABEL_SAVE</button>
2475
        		<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
2476
          	</div>
2477
          	<?php echo $this->form()->closeTag($form); ?>
2478
         </div>
2479
	</div>
2480
</div>
2481
 
2482
 
2483
 
2484
<!-- The Modal -->
2485
<div class="modal" id="company-microlearning-slide-audio-add-box">
2486
	<div class="modal-dialog   modal-xl">
2487
    	<div class="modal-content">
2488
    		<?php
2489
    	    $form = $this->formAudioAdd;
2490
    	    $form->setAttributes([
2491
    	       'method'    => 'post',
2492
    	        'name'      => 'form-slide-audio-add',
2493
    	        'id'        => 'form-slide-audio-add'
2494
    	    ]);
2495
    	    $form->prepare();
2496
    	    echo $this->form()->openTag($form);
2497
 
2498
    	    $element = $form->get('type');
2499
    	    echo $this->formHidden($element);
2500
 
2501
    	    ?>
2502
            <!-- Modal Header -->
2503
      		<div class="modal-header">
2504
        		<h4 class="modal-title">LABEL_ADD_AUDIO_SLIDE</h4>
2505
        		<button type="button" class="close" data-dismiss="modal">&times;</button>
2506
      		</div>
2507
 
2508
            <!-- Modal body -->
2509
            <div class="modal-body">
2510
				<div class="form-group">
2511
    				<?php
2512
                        $element = $form->get('name');
2513
                        $element->setAttributes(['class' => 'form-control']);
2514
                        $element->setOptions(['label' => 'LABEL_NAME']);
2515
                        echo $this->formLabel($element);
2516
                        echo $this->formText($element);
2517
                    ?>
2518
				</div>
2519
				<div class="form-group">
2520
    				<?php
2521
                        $element = $form->get('order');
2522
                        $element->setAttributes(['class' => 'form-control']);
2523
                        $element->setOptions(['label' => 'LABEL_ORDER']);
2524
                        echo $this->formLabel($element);
2525
                        echo $this->formText($element);
2526
                    ?>
2527
				</div>
2528
				<div class="form-group">
2529
 
2530
                 		<?php
2531
                        $element = $form->get('file');
2532
                        $element->setAttributes(['class' => 'form-control']);
2533
                        $element->setOptions(['label' => 'LABEL_AUDIO']);
2534
                        $element->setAttributes(['accept' => 'audio/x-wav, audio/mpeg']);
2535
                        echo $this->formLabel($element);
2536
                        ?>
2537
                        <div class="file-loading">
2538
                        <?php echo $this->formFile($element);?>
2539
                        </div>
2540
 
2541
          		</div>
2542
          		<div class="form-group">
2543
 
2544
                 		<?php
2545
                        $element = $form->get('background');
2546
                        $element->setAttributes(['accept' => 'image/jpg,image/jpeg,image/png']);
2547
                        $element->setAttributes(['class' => 'form-control']);
2548
                        $element->setOptions(['label' => 'LABEL_IMAGE_BACKGROUND']);
2549
                        echo $this->formLabel($element);
2550
                        ?>
2551
                        <div class="file-loading">
2552
                        <?php echo $this->formFile($element);?>
2553
                        </div>
2554
 
2555
          		</div>
2556
      		</div>
2557
 
2558
            <!-- Modal footer -->
2559
      		<div class="modal-footer">
2560
      			<button type="submit" class="btn btn-primary">LABEL_SAVE</button>
2561
        		<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
2562
          	</div>
2563
          	<?php echo $this->form()->closeTag($form); ?>
2564
         </div>
2565
	</div>
2566
</div>
2567
 
2568
 
2569
 
2570
 
2571
 
2572
<!-- The Modal -->
2573
<div class="modal" id="company-microlearning-slide-audio-edit-box">
2574
	<div class="modal-dialog   modal-xl">
2575
    	<div class="modal-content">
2576
        	<?php
2577
    	    $form = $this->formAudioEdit;
2578
    	    $form->setAttributes([
2579
    	       'method'    => 'post',
2580
    	       'name'      => 'form-slide-audio-edit',
2581
    	       'id'        => 'form-slide-audio-edit'
2582
    	    ]);
2583
    	    $form->prepare();
2584
    	    echo $this->form()->openTag($form);
2585
 
2586
    	    $element = $form->get('type');
2587
    	    echo $this->formHidden($element);
2588
 
2589
    	    ?>
2590
 
2591
            <!-- Modal Header -->
2592
      		<div class="modal-header">
2593
        		<h4 class="modal-title">LABEL_EDIT_AUDIO_SLIDE</h4>
2594
        		<button type="button" class="close" data-dismiss="modal">&times;</button>
2595
      		</div>
2596
 
2597
            <!-- Modal body -->
2598
            <div class="modal-body">
2599
				<div class="form-group">
2600
    				<?php
2601
                        $element = $form->get('name');
2602
                        $element->setAttributes(['class' => 'form-control']);
2603
                        $element->setOptions(['label' => 'LABEL_ORDER']);
2604
                        echo $this->formLabel($element);
2605
                        echo $this->formText($element);
2606
                    ?>
2607
				</div>
2608
				<div class="form-group">
2609
    				<?php
2610
                        $element = $form->get('order');
2611
                        $element->setAttributes(['class' => 'form-control']);
2612
                        $element->setOptions(['label' => 'LABEL_ORDER']);
2613
                        echo $this->formLabel($element);
2614
                        echo $this->formText($element);
2615
                    ?>
2616
				</div>
2617
				<div class="form-group">
2618
 
2619
                 		<?php
2620
                        $element = $form->get('file');
2621
                        $element->setAttributes(['class' => 'form-control']);
2622
                        $element->setOptions(['label' => 'LABEL_AUDIO']);
2623
                        $element->setAttributes(['accept' => 'audio/x-wav, audio/mpeg']);
2624
                        echo $this->formLabel($element);
2625
                        ?>
2626
                        <div class="file-loading">
2627
                        <?php echo $this->formFile($element);?>
2628
                        </div>
2629
 
2630
          		</div>
2631
          		<div class="form-group">
2632
 
2633
                 		<?php
2634
                        $element = $form->get('background');
2635
                        $element->setAttributes(['class' => 'form-control']);
2636
                        $element->setOptions(['label' => 'LABEL_IMAGE_BACKGROUND']);
2637
                        $element->setAttributes(['accept' => 'image/jpg,image/jpeg,image/png']);
2638
                        echo $this->formLabel($element);
2639
                        ?>
2640
                        <div class="file-loading">
2641
                        <?php echo $this->formFile($element);?>
2642
                        </div>
2643
 
2644
          		</div>
2645
      		</div>
2646
 
2647
            <!-- Modal footer -->
2648
      		<div class="modal-footer">
2649
      			<button type="submit" class="btn btn-primary">LABEL_SAVE</button>
2650
        		<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
2651
          	</div>
2652
          	<?php echo $this->form()->closeTag($form); ?>
2653
         </div>
2654
	</div>
2655
</div>
2656
 
2657
 
2658
 
2659
<!-- The Modal -->
2660
<div class="modal" id="company-microlearning-slide-quizz-add-box">
2661
	<div class="modal-dialog   modal-xl">
2662
    	<div class="modal-content">
2663
    		<?php
2664
    	    $form = $this->formQuizzAdd;
2665
    	    $form->setAttributes([
2666
    	       'method'    => 'post',
2667
    	        'name'      => 'form-slide-quizz-add',
2668
    	        'id'        => 'form-slide-quizz-add'
2669
    	    ]);
2670
    	    $form->prepare();
2671
    	    echo $this->form()->openTag($form);
2672
 
2673
    	    $element = $form->get('type');
2674
    	    echo $this->formHidden($element);
2675
 
2676
    	    ?>
2677
            <!-- Modal Header -->
2678
      		<div class="modal-header">
2679
        		<h4 class="modal-title">LABEL_ADD_QUIZ_SLIDE</h4>
2680
        		<button type="button" class="close" data-dismiss="modal">&times;</button>
2681
      		</div>
2682
 
2683
            <!-- Modal body -->
2684
            <div class="modal-body">
2685
				<div class="form-group">
2686
    				<?php
2687
                        $element = $form->get('name');
2688
                        $element->setAttributes(['class' => 'form-control']);
2689
                        $element->setOptions(['label' => 'LABEL_NAME']);
2690
                        echo $this->formLabel($element);
2691
                        echo $this->formText($element);
2692
                    ?>
2693
				</div>
2694
				<div class="form-group">
2695
    				<?php
2696
                        $element = $form->get('order');
2697
                        $element->setAttributes(['class' => 'form-control']);
2698
                        $element->setOptions(['label' => 'LABEL_ORDER']);
2699
                        echo $this->formLabel($element);
2700
                        echo $this->formText($element);
2701
                    ?>
2702
				</div>
2703
          		<div class="form-group">
2704
 
2705
                 		<?php
2706
                        $element = $form->get('background');
2707
                        $element->setAttributes(['class' => 'form-control']);
2708
                        $element->setOptions(['label' => 'LABEL_IMAGE_BACKGROUND']);
2709
                        $element->setAttributes(['accept' => 'image/jpg,image/jpeg,image/png']);
2710
                        echo $this->formLabel($element);
2711
                        ?>
2712
                        <div class="file-loading">
2713
                        <?php echo $this->formFile($element);?>
2714
                        </div>
2715
 
2716
          		</div>
2717
				<div class="form-group">
2718
    				<?php
2719
                        $element = $form->get('quiz_id');
2720
                        $element->setAttributes(['class' => 'form-control']);
2721
                        $element->setOptions(['label' => 'LABEL_QUIZ']);
2722
                        echo $this->formLabel($element);
2723
                        echo $this->formSelect($element);
2724
                    ?>
2725
				</div>
2726
      		</div>
2727
 
2728
            <!-- Modal footer -->
2729
      		<div class="modal-footer">
2730
      			<button type="submit" class="btn btn-primary">LABEL_SAVE</button>
2731
        		<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
2732
          	</div>
2733
          	<?php echo $this->form()->closeTag($form); ?>
2734
         </div>
2735
	</div>
2736
</div>
2737
 
2738
 
2739
 
2740
<!-- The Modal -->
2741
<div class="modal" id="company-microlearning-slide-quizz-edit-box">
2742
	<div class="modal-dialog   modal-xl">
2743
    	<div class="modal-content">
2744
        	<?php
2745
    	    $form = $this->formQuizzEdit;
2746
    	    $form->setAttributes([
2747
    	       'method'    => 'post',
2748
    	       'name'      => 'form-slide-quizz-edit',
2749
    	       'id'        => 'form-slide-quizz-edit'
2750
    	    ]);
2751
    	    $form->prepare();
2752
    	    echo $this->form()->openTag($form);
2753
 
2754
    	    $element = $form->get('type');
2755
    	    echo $this->formHidden($element);
2756
 
2757
    	    ?>
2758
 
2759
            <!-- Modal Header -->
2760
      		<div class="modal-header">
2761
        		<h4 class="modal-title">LABEL_EDIT_QUIZ_SLIDE</h4>
2762
        		<button type="button" class="close" data-dismiss="modal">&times;</button>
2763
      		</div>
2764
 
2765
            <!-- Modal body -->
2766
            <div class="modal-body">
2767
				<div class="form-group">
2768
    				<?php
2769
                        $element = $form->get('name');
2770
                        $element->setAttributes(['class' => 'form-control']);
2771
                        $element->setOptions(['label' => 'LABEL_NAME']);
2772
                        echo $this->formLabel($element);
2773
                        echo $this->formText($element);
2774
                    ?>
2775
				</div>
2776
				<div class="form-group">
2777
    				<?php
2778
                        $element = $form->get('order');
2779
                        $element->setAttributes(['class' => 'form-control']);
2780
                        $element->setOptions(['label' => 'LABEL_ORDER']);
2781
                        echo $this->formLabel($element);
2782
                        echo $this->formText($element);
2783
                    ?>
2784
				</div>
2785
          		<div class="form-group">
2786
 
2787
                 		<?php
2788
                        $element = $form->get('background');
2789
                        $element->setAttributes(['class' => 'form-control']);
2790
                        $element->setOptions(['label' => 'LABEL_IMAGE_BACKGROUND']);
2791
                        $element->setAttributes(['accept' => 'image/jpg,image/jpeg,image/png']);
2792
                        echo $this->formLabel($element);
2793
                        ?>
2794
                        <div class="file-loading">
2795
                        <?php echo $this->formFile($element);?>
2796
                        </div>
2797
 
2798
          		</div>
2799
				<div class="form-group">
2800
    				<?php
2801
                        $element = $form->get('quiz_id');
2802
                        $element->setAttributes(['class' => 'form-control']);
2803
                        $element->setOptions(['label' => 'LABEL_QUIZ']);
2804
                        echo $this->formLabel($element);
2805
                        echo $this->formSelect($element);
2806
                    ?>
2807
				</div>
2808
 
2809
 
2810
      		</div>
2811
 
2812
            <!-- Modal footer -->
2813
      		<div class="modal-footer">
2814
      			<button type="submit" class="btn btn-primary">LABEL_SAVE</button>
2815
        		<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
2816
          	</div>
2817
 
2818
          	<?php echo $this->form()->closeTag($form); ?>
2819
         </div>
2820
	</div>
2821
</div>
2822
 
2823
 
2824
 
2825
<!-- The Modal -->
2826
<div class="modal" id="company-microlearning-play-video-box">
2827
	<div class="modal-dialog ">
2828
    	<div class="modal-content">
2829
 
2830
            <!-- Modal Header -->
2831
      		<div class="modal-header">
2832
        		<h4 class="modal-title">LABEL_PLAY_VIDEO</h4>
2833
        		<button type="button" class="close" data-dismiss="modal">&times;</button>
2834
      		</div>
2835
 
2836
            <!-- Modal body -->
2837
            <div class="modal-body">
2838
				<video src=""  style="width: 300px; height: auto" controls preload="false" autoplay="false"  poster="" id="microlearning-play-video"></video>
2839
      		</div>
2840
 
2841
            <!-- Modal footer -->
2842
      		<div class="modal-footer">
2843
        		<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
2844
          	</div>
2845
         </div>
2846
	</div>
2847
</div>
2848
 
2849
 
2850
 
2851
 
2852
 
2853
<!-- The Modal -->
2854
<div class="modal" id="company-microlearning-play-audio-box">
2855
	<div class="modal-dialog ">
2856
    	<div class="modal-content">
2857
 
2858
            <!-- Modal Header -->
2859
      		<div class="modal-header">
2860
        		<h4 class="modal-title">LABEL_PLAY_AUDIO</h4>
2861
        		<button type="button" class="close" data-dismiss="modal">&times;</button>
2862
      		</div>
2863
 
2864
            <!-- Modal body -->
2865
            <div class="modal-body">
2866
				<audio src="" controls autoplay="false"  id="microlearning-play-audio" >
2867
                  Your browser does not support the <code>audio</code> element.
2868
                </audio>
2869
      		</div>
2870
 
2871
            <!-- Modal footer -->
2872
      		<div class="modal-footer">
2873
        		<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
2874
          	</div>
2875
         </div>
2876
	</div>
2877
</div>
2878
 
2879
 
2880
<!-- The Modal -->
2881
<div class="modal" id="company-microlearning-view-image-box">
2882
	<div class="modal-dialog ">
2883
    	<div class="modal-content">
2884
 
2885
            <!-- Modal Header -->
2886
      		<div class="modal-header">
6108 nelberth 2887
        		<h4 class="modal-title">LABEL_IMAGE</h4>
1 www 2888
        		<button type="button" class="close" data-dismiss="modal">&times;</button>
2889
      		</div>
2890
 
2891
            <!-- Modal body -->
2892
            <div class="modal-body text-center">
2893
				<img src="" class="img img-responsive" style="width: 300px; height: auto" id="image-view" />
2894
      		</div>
2895
 
2896
            <!-- Modal footer -->
2897
      		<div class="modal-footer">
2898
        		<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
2899
          	</div>
2900
         </div>
2901
	</div>
2902
</div>
2903
 
2904
 
2905
<!-- The Modal -->
2906
<div class="modal" id="company-microlearning-view-document-box">
2907
	<div class="modal-dialog ">
2908
    	<div class="modal-content">
2909
 
2910
            <!-- Modal Header -->
2911
      		<div class="modal-header">
2912
        		<h4 class="modal-title">LABEL_DOCUMENT</h4>
2913
        		<button type="button" class="close" data-dismiss="modal">&times;</button>
2914
      		</div>
2915
 
2916
            <!-- Modal body -->
2917
            <div class="modal-body text-center">
2918
            	<iframe id="document-view" style="width: 450px; height: 300px; scroll: auto">
2919
 
2920
            	</iframe>
2921
       	</div>
2922
 
2923
            <!-- Modal footer -->
2924
      		<div class="modal-footer">
2925
        		<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
2926
          	</div>
2927
         </div>
2928
	</div>
2929
</div>
2930
 
2931
 
2932
<!-- The Modal -->
2933
<div class="modal" id="company-microlearning-view-text-box">
2934
	<div class="modal-dialog modal-xl">
2935
    	<div class="modal-content">
2936
 
2937
            <!-- Modal Header -->
2938
      		<div class="modal-header">
2939
        		<h4 class="modal-title">LABEL_TEXT</h4>
2940
        		<button type="button" class="close" data-dismiss="modal">&times;</button>
2941
      		</div>
2942
 
2943
            <!-- Modal body -->
2944
            <div class="modal-body" >
2945
            	<div id="document-text" style="width: 100%; height: 300px; scroll: auto; overflow: auto;">
2946
 
2947
 
2948
            	</div>
2949
 
2950
       	</div>
2951
 
2952
            <!-- Modal footer -->
2953
      		<div class="modal-footer">
2954
        		<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
2955
          	</div>
2956
         </div>
2957
	</div>
2958
</div>
2959
 
2960
 
2961
<!-- The Modal -->
2962
<div class="modal" id="company-microlearning-add-capsule-type-box">
2963
	<div class="modal-dialog ">
2964
    	<div class="modal-content">
2965
 
2966
            <!-- Modal Header -->
2967
      		<div class="modal-header">
6092 nelberth 2968
        		<h4 class="modal-title">LABEL_ADD_CAPSULE_SELECT_TYPE</h4>
1 www 2969
        		<button type="button" class="close" data-dismiss="modal">&times;</button>
2970
      		</div>
2971
 
2972
            <!-- Modal body -->
2973
            <div class="modal-body">
2974
				<table style="width: 100%">
2975
					<tr>
2976
      					<td class="text-left" ><button type="button" class="btn btn-primary btn-add-text"> Texto </button></td>
2977
      					<td class="text-left" ><button type="button" class="btn btn-primary btn-add-image"> Imagén </button></td>
2978
      				</tr>
2979
      				<tr>
2980
						<td class="text-left" ><button type="button" class="btn btn-primary btn-add-video"> Video </button></td>
2981
						<td class="text-left" ><button type="button" class="btn btn-primary btn-add-audio"> Audio </button></td>
2982
					</tr>
2983
					<tr>
2984
						<td class="text-left" ><button type="button" class="btn btn-primary btn-add-document"> Documento </button></td>
2985
        				<td class="text-left" ><button type="button" class="btn btn-primary btn-add-quizz"> Cuestionario </button></td>
2986
        			</tr>
2987
                </table>
2988
      		</div>
2989
 
2990
            <!-- Modal footer -->
2991
      		<div class="modal-footer">
2992
        		<button type="button" class="btn btn-danger" data-dismiss="modal">LABEL_CLOSE</button>
2993
          	</div>
2994
         </div>
2995
	</div>
2996
</div>
2997
 
2998
 
2999
 
3000
 
3001