Proyectos de Subversion LeadersLinked - Backend

Rev

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