Proyectos de Subversion LeadersLinked - Backend

Rev

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

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