Proyectos de Subversion LeadersLinked - Backend

Rev

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