Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev Autor Línea Nro. Línea
1 www 1
<?php
2
$acl            = $this->viewModel()->getRoot()->getVariable('acl');
3
$currentUser    = $this->currentUserHelper();
4
$roleName       = $currentUser->getUserTypeId();
5
 
6
$routeDatatable = $this->url('microlearning/content/slides');
7
 
8
$allowAdd = $acl->isAllowed($roleName, 'microlearning/content/slides/add') ? 1 : 0;
9
$allowEdit = $acl->isAllowed($roleName, 'microlearning/content/slides/edit') ? 1 : 0;
10
$allowDelete = $acl->isAllowed($roleName, 'microlearning/content/slides/delete') ? 1 : 0;
11
 
12
 
13
$this->headLink()->appendStylesheet($this->basePath('plugins/nprogress/nprogress.css'));
14
$this->inlineScript()->appendFile($this->basePath('plugins/nprogress/nprogress.js'));
15
 
16
 
17
$this->inlineScript()->appendFile($this->basePath('plugins/bootbox/bootbox.min.js'));
18
 
19
 
20
 
21
$this->headLink()->appendStylesheet($this->basePath('plugins/bootstrap-fileinput/css/fileinput.min.css'));
22
$this->headLink()->appendStylesheet($this->basePath('plugins/bootstrap-fileinput/themes/explorer-fas/theme.css'));
23
 
24
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-fileinput/js/plugins/piexif.js'));
25
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-fileinput/js/plugins/sortable.js'));
26
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-fileinput/js/fileinput.js'));
27
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-fileinput/js/locales/es.js'));
28
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-fileinput/themes/fas/theme.js'));
29
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-fileinput/themes/explorer-fas/theme.js'));
30
 
31
$this->inlineScript()->appendFile($this->basePath('plugins/jquery-validation/jquery.validate.js'));
32
$this->inlineScript()->appendFile($this->basePath('plugins/jquery-validation/additional-methods.js'));
33
$this->inlineScript()->appendFile($this->basePath('plugins/jquery-validation/localization/messages_es.js'));
34
 
6115 nelberth 35
$this->headLink()->appendStylesheet($this->basePath('plugins/nelberth-editor/style.css'));
1 www 36
$this->inlineScript()->appendFile($this->basePath('plugins/ckeditor/ckeditor.js'));
37
$this->inlineScript()->appendFile($this->basePath('plugins/jquery-input-number/input-number-format.jquery.js'));
38
 
39
$this->headLink()->appendStylesheet($this->basePath('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css'));
40
$this->headLink()->appendStylesheet($this->basePath('plugins/datatables-responsive/css/responsive.bootstrap4.min.css'));
41
 
42
$this->inlineScript()->appendFile($this->basePath('plugins/datatables/jquery.dataTables.min.js'));
43
$this->inlineScript()->appendFile($this->basePath('plugins/datatables-bs4/js/dataTables.bootstrap4.min.js'));
44
$this->inlineScript()->appendFile($this->basePath('plugins/datatables-responsive/js/dataTables.responsive.min.js'));
45
$this->inlineScript()->appendFile($this->basePath('plugins/datatables-responsive/js/responsive.bootstrap4.min.js'));
46
 
47
 
48
$this->headLink()->appendStylesheet($this->basePath('plugins/bootstrap4-toggle/css/bootstrap4-toggle.min.css'));
49
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap4-toggle/js/bootstrap4-toggle.min.js'));
50
 
51
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-confirmation/dist/bootstrap-confirmation.js'));
52
$this->headLink()->appendStylesheet($this->basePath('plugins/bootstrap-checkbox/awesome-bootstrap-checkbox.css'));
53
 
54
 
55
 
56
 
57
$this->inlineScript()->captureStart();
58
echo <<<JS
59
 
60
 
61
jQuery( document ).ready(function( $ ) {
62
 
63
        var routeAdd = '';
64
 
65
        $.validator.setDefaults({
66
            debug: true,
67
            highlight: function(element) {
68
                $(element).addClass('is-invalid');
69
            },
70
            unhighlight: function(element) {
71
                $(element).removeClass('is-invalid');
72
            },
73
            errorElement: 'span',
74
            errorClass: 'error invalid-feedback',
75
            errorPlacement: function(error, element) {
6192 nelberth 76
 
1 www 77
            }
78
        });
79
 
80
 
81
        $.fn.showFormErrorValidator = function(fieldname, errors) {
82
            var field = $(fieldname);
83
            if(field) {
84
                $(field).addClass('is-invalid');
85
 
86
 
87
                var error = $('<span id="' + fieldname +'-error" class="error invalid-feedback">' + errors + '</div>');
88
                if(element.parent('.btn-file').length) {
89
                    error.insertAfter(element.parent().parent());
90
                } else if(element.parent('.toggle').length) {
91
                    error.insertAfter(element.parent().parent());
92
                } else {
93
                    error.insertAfter(element.parent());
94
                }
95
            }
96
        };
97
 
98
    var allowEdit   = $allowEdit;
99
        var allowDelete = $allowDelete;
100
 
101
        var gridTable = $('#gridTable').dataTable( {
102
            'processing': true,
103
            'serverSide': true,
104
            'searching': true,
105
            'order': [[ 0, 'asc' ]],
106
            'ordering':  true,
107
            'ordenable' : true,
108
            'responsive': true,
109
            'select' : false,
110
        	'paging': true,
111
            'pagingType': 'simple_numbers',
112
 
113
    		'ajax': {
114
    			'url' : '$routeDatatable',
115
    			'type' : 'get',
116
                'data': function ( d ) {
117
                    d.topic_uuid = $('#form-filter #topic_uuid').val();
118
                    d.capsule_uuid = $('#form-filter #capsule_uuid').val();
119
 
120
                },
121
                'beforeSend': function (request) {
122
                  NProgress.start();
123
                },
124
                'dataFilter': function(response) {
125
                    var response = jQuery.parseJSON( response );
126
 
127
                    var json                = {};
128
                    json.recordsTotal       = 0;
129
                    json.recordsFiltered    = 0;
130
                    json.data               = [];
131
 
132
                    if(response.success) {
133
                        $('#form-capsule-add').attr('action', response.data.link_add );
134
 
135
                        if(response.data.capsules) {
136
                            $('#form-filter #capsule_uuid').empty();
137
                            $.each(response.data.capsules, function(index, value) {
138
                                  $('#form-filter #capsule_uuid').append('<option value="' + index + '">' + value + '</option>')
139
                            });
140
                        }
141
 
142
                        routeAdd = response.data.link_add;
143
                        if(response.data.link_add) {
144
 
145
                            $('button.btn-add').removeAttr('disabled');
146
                        } else {
147
                            $('button.btn-add').attr('disabled', 'disabled');
148
                        }
149
 
150
                        json.recordsTotal       = response.data.total;
151
                        json.recordsFiltered    = response.data.total;
152
                        json.data               = response.data.items;
153
                    } else {
154
                        $.fn.showError(response.data)
155
                    }
156
 
157
                    return JSON.stringify( json );
158
                }
159
    		},
160
            'language' : {
161
                'sProcessing':     'LABEL_DATATABLE_SPROCESSING',
162
                'sLengthMenu':     'LABEL_DATATABLE_SLENGTHMENU',
163
                'sZeroRecords':    'LABEL_DATATABLE_SZERORECORDS',
164
                'sEmptyTable':     'LABEL_DATATABLE_SEMPTYTABLE',
165
                'sInfo':           'LABEL_DATATABLE_SINFO',
166
                'sInfoEmpty':      'LABEL_DATATABLE_SINFOEMPTY',
167
                'sInfoFiltered':   'LABEL_DATATABLE_SINFOFILTERED',
168
                'sInfoPostFix':    '',
169
                'sSearch':         'LABEL_DATATABLE_SSEARCH',
170
                'sUrl':            '',
171
                'sInfoThousands':  ',',
172
                'sLoadingRecords': 'LABEL_DATATABLE_SLOADINGRECORDS',
173
                'oPaginate': {
174
                    'sFirst':    'LABEL_DATATABLE_SFIRST',
175
                    'sLast':     'LABEL_DATATABLE_SLAST',
176
                    'sNext':     'LABEL_DATATABLE_SNEXT',
177
                    'sPrevious': 'LABEL_DATATABLE_SPREVIOUS'
178
                },
179
                'oAria': {
180
                    'sSortAscending':  ': LABEL_DATATABLE_SSORTASCENDING',
181
                    'sSortDescending': ':LABEL_DATATABLE_SSORTDESCENDING'
182
                },
183
            },
184
            'drawCallback': function( settings ) {
185
                NProgress.done();
186
                $('button.btn-delete').confirmation({
187
                    rootSelector: 'button.btn-delete',
188
                    title : 'LABEL_ARE_YOU_SURE',
189
                    singleton : true,
190
                    btnOkLabel: 'LABEL_YES',
191
                    btnCancelLabel: 'LABEL_NO',
192
                    onConfirm: function(value) {
193
                        action = $(this).data('href');
194
                        NProgress.start();
195
                        $.ajax({
196
                            'dataType'  : 'json',
197
                            'accept'    : 'application/json',
198
                            'method'    : 'post',
199
                            'url'       :  action,
200
                        }).done(function(response) {
201
                            if(response['success']) {
202
                                $.fn.showSuccess(response['data']);
203
                                gridTable.api().ajax.reload(null, false);
204
                            } else {
205
                                $.fn.showError(response['data']);
206
                            }
207
                        }).fail(function( jqXHR, textStatus, errorThrown) {
208
                            $.fn.showError(textStatus);
209
                        }).always(function() {
210
                            NProgress.done();
211
                        });
212
                    },
213
                });
214
            },
215
            'aoColumns': [
216
                { 'mDataProp': 'name' },
217
                { 'mDataProp': 'details' },
218
                { 'mDataProp': 'media' },
219
                { 'mDataProp': 'actions' },
220
    	    ],
221
            'columnDefs': [
222
                {
223
                    'targets': 0,
224
                    'className' : 'text-vertical-middle',
225
                },
226
                {
227
                    'targets': -3,
228
                    'orderable': false,
229
                    'render' : function ( data, type, row ) {
230
                        var s = '';
231
                        s += 'LABEL_TYPE: ' + data['type']  + '<br/>';
232
                        return s;
233
                    }
234
                },
235
                {
236
                    'targets': -2,
237
                    'orderable': false,
238
                    'render' : function ( data, type, row ) {
239
                        s = '';
240
                        if( data['image'] )  {
241
                            s = s + '&nbsp; <img class="btn-view-image"" data-href="' + data['image'] + '" data-toggle="tooltip" src="'+data['image']+'" title="LABEL_VIEW" style="width: 40px; object-fit: cover; height: 40px;" /> ';
242
                        }
243
 
244
                        if( data['audio'] )  {
245
                            s = s + '&nbsp;<button class="btn btn-play-audio" data-href="' + data['audio'] + '" data-toggle="tooltip" title="LABEL_PLAY_AUDIO"><i class="fa fa-play"></i></button> <br>';
246
                        }
247
 
248
                        if( data['video'] )  {
249
                            s = s + '&nbsp;<button class="btn btn-play-video" data-href="' + data['video'] + '" data-toggle="tooltip" title="LABEL_PLAY_VIDEO"><i class="fa fa-video-camera"></i></button> <br>';
250
                        }
251
 
252
 
253
                        if( data['document'] )  {
254
                            s = s + '&nbsp;<button class="btn btn-view-document" data-href="' + data['document'] + '" data-toggle="tooltip" title="LABEL_VIEW_DOCUMENT"><i class="fa fa-file"></i></button> <br>';
255
                        }
256
 
257
                        if( data['text'] )  {
258
                            s = s + '&nbsp;<button class="btn btn-view-text" data-href="' + data['text'] + '" data-toggle="tooltip" title="LABEL_VIEW_TEXT"><i class="fa fa-text-width"></i></button> <br>';
259
                        }
260
 
261
                        return s;
262
                    }
263
                },
264
 
265
 
266
                {
267
                    'targets': -1,
268
                    'orderable': false,
269
                    'render' : function ( data, type, row ) {
270
                        s = '';
271
 
272
                        if(allowEdit && data['link_edit']  ) {
273
                            s = s + '<button class="btn btn-info btn-sm btn-edit" data-href="' + data['link_edit']+ '" data-toggle="tooltip" title="LABEL_EDIT"><i class="fa fa-pencil"></i> Editar </button>&nbsp;';
274
                        }
275
                        if(allowDelete && data['link_delete']  ) {
276
                            s = s + '<button class="btn btn-danger btn-sm btn-delete" data-href="' + data['link_delete']+ '" data-toggle="tooltip" title="LABEL_DELETE"><i class="fa fa-trash"></i> Eliminar</button>&nbsp;';
277
                        }
278
                        return s;
279
                    }
280
                }
281
              ],
282
        });
283
 
284
    var validatorTextAdd  = $('#form-slide-text-add').validate({
285
        debug: true,
286
        onclick: false,
287
        onkeyup: false,
288
        ignore: [],
289
        rules: {
290
            'name': {
291
                required: true,
292
                maxlength: 128,
293
            },
294
            'description': {
295
                updateCkeditor:function() {
296
                        CKEDITOR.instances.description_add.updateElement();
297
                },
298
                required: true
299
            },
300
           'background': {
301
                required: true,
302
                extension: 'jpg|jpeg|png',
303
                accept: 'image/jpg,image/jpeg,image/png'
304
            },
305
            'order' : {
306
                required: true,
307
                digits: true,
308
                min: 1,
309
                max: 250
310
            }
311
        },
312
        submitHandler: function(form)
313
        {
314
 
315
            var formdata = false;
316
            if (window.FormData){
317
                formdata = new FormData(form); //form[0]);
318
            }
319
 
320
            $('input[type="submit"]').prop('disabled', true);
321
 
322
            $.ajax({
323
                'dataType'  : 'json',
324
                'accept'    : 'application/json',
325
                'method'    : 'post',
326
                'url'       :  routeAdd,
327
                'data'      :  formdata,
328
                'processData': false,
329
                'contentType': false,
330
            }).done(function(response) {
331
                if(response['success']) {
332
                    $.fn.showSuccess(response['data']);
333
 
334
                    $('#company-microlearning-slide-text-add-box').modal('hide');
335
 
336
                    gridTable.api().ajax.reload(null, false);
337
                } else {
338
                    validatorTextAdd.resetForm();
339
                    if(jQuery.type(response['data']) == 'string') {
340
                        $.fn.showError(response['data']);
341
                    } else  {
342
                        $.each(response['data'], function( fieldname, errors ) {
343
                            $.fn.showFormErrorValidator('#form-slide-text-add #' + fieldname, errors);
344
                        });
345
                    }
346
                }
347
            }).fail(function( jqXHR, textStatus, errorThrown) {
348
                $.fn.showError(textStatus);
349
            }).always(function() {
350
                NProgress.done();
351
            });
352
            return false;
353
        },
354
        invalidHandler: function(form, validator) {
355
 
356
        }
357
    });
358
 
359
    var validatorTextEdit = $('#form-slide-text-edit').validate({
360
        debug: true,
361
        onclick: false,
362
        onkeyup: false,
363
        ignore: [],
364
        rules: {
365
            'name': {
366
                required: true,
367
                maxlength: 128,
368
            },
369
            'description': {
370
                updateCkeditor:function() {
371
                        CKEDITOR.instances.description_edit.updateElement();
372
                },
373
                required: true
374
            },
375
           'background': {
376
                required: false,
377
                extension: 'jpg|jpeg|png',
378
                accept: 'image/jpg,image/jpeg,image/png'
379
            },
380
            'order' : {
381
                required: true,
382
                digits: true,
383
                min: 1,
384
                max: 250
385
            }
386
        },
387
        submitHandler: function(form)
388
        {
389
            var formdata = false;
390
            if (window.FormData){
391
                formdata = new FormData(form); //form[0]);
392
            }
393
 
394
            $('input[type="submit"]').prop('disabled', true);
395
 
396
            $.ajax({
397
                'dataType'  : 'json',
398
                'accept'    : 'application/json',
399
                'method'    : 'post',
400
                'url'       :  $('#form-slide-text-edit').attr('action'),
401
                'data'      :  formdata,
402
                'processData': false,
403
                'contentType': false,
404
            }).done(function(response) {
405
                if(response['success']) {
406
                    $.fn.showSuccess(response['data']);
407
 
408
                    $('#company-microlearning-slide-text-edit-box').modal('hide');
409
 
410
                    gridTable.api().ajax.reload(null, false);
411
                } else {
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('#form-slide-text-edit #' + fieldname, errors);
418
                        });
419
                    }
420
                }
421
            }).fail(function( jqXHR, textStatus, errorThrown) {
422
                $.fn.showError(textStatus);
423
            }).always(function() {
424
                NProgress.done();
425
            });
426
            return false;
427
        },
428
        invalidHandler: function(form, validator) {
429
 
430
        }
431
    });
432
 
433
    var validatorImageAdd  = $('#form-slide-image-add').validate({
434
        debug: true,
435
        onclick: false,
436
        onkeyup: false,
437
        ignore: [],
438
        rules: {
439
            'name': {
440
                required: true,
441
                maxlength: 128,
442
            },
443
           'file': {
444
                required: true,
445
            },
446
            'order' : {
447
                required: true,
448
                digits: true,
449
                min: 1,
450
                max: 250
451
            }
452
        },
453
        submitHandler: function(form)
454
        {
455
            var formdata = false;
456
            if (window.FormData){
457
                formdata = new FormData(form); //form[0]);
458
            }
459
 
460
            $('input[type="submit"]').prop('disabled', true);
6499 nelberth 461
            NProgress.start();
1 www 462
            $.ajax({
463
                'dataType'  : 'json',
464
                'accept'    : 'application/json',
465
                'method'    : 'post',
466
                'url'       :  routeAdd,
467
                'data'      :  formdata,
468
                'processData': false,
469
                'contentType': false,
470
            }).done(function(response) {
6192 nelberth 471
                console.log(response)
1 www 472
                if(response['success']) {
473
                    $.fn.showSuccess(response['data']);
6499 nelberth 474
                    $('body, html').animate({scrollTop: '0px'}, 300);
475
					$('#content1').css('display','block');
476
            		$('#company-microlearning-slide-image-add-box').css('display','none');
1 www 477
 
478
                    gridTable.api().ajax.reload(null, false);
479
                } else {
480
                    validatorImageAdd.resetForm();
481
                    if(jQuery.type(response['data']) == 'string') {
482
                        $.fn.showError(response['data']);
483
                    } else  {
484
                        $.each(response['data'], function( fieldname, errors ) {
485
                            $.fn.showFormErrorValidator('#form-slide-image-add #' + fieldname, errors);
486
                        });
487
                    }
488
                }
489
            }).fail(function( jqXHR, textStatus, errorThrown) {
490
                $.fn.showError(textStatus);
491
            }).always(function() {
492
                NProgress.done();
493
            });
494
            return false;
495
        },
496
        invalidHandler: function(form, validator) {
497
 
498
        }
499
    });
500
 
501
    var validatorImageEdit = $('#form-slide-image-edit').validate({
502
        debug: true,
503
        onclick: false,
504
        onkeyup: false,
505
        ignore: [],
506
        rules: {
507
            'name': {
508
                required: true,
509
                maxlength: 128,
510
            },
511
            'file': {
6500 nelberth 512
                required: true,
1 www 513
            },
514
            'order' : {
515
                required: true,
516
                digits: true,
517
                min: 1,
518
                max: 250
519
            }
520
        },
521
        submitHandler: function(form)
522
        {
523
            var formdata = false;
524
            if (window.FormData){
525
                formdata = new FormData(form); //form[0]);
526
            }
527
            $('input[type="submit"]').prop('disabled', true);
6500 nelberth 528
            NProgress.start();
1 www 529
            $.ajax({
530
                'dataType'  : 'json',
531
                'accept'    : 'application/json',
532
                'method'    : 'post',
533
                'url'       :  $('#form-slide-image-edit').attr('action'),
534
                'data'      :  formdata,
535
                'processData': false,
536
                'contentType': false,
537
            }).done(function(response) {
538
                if(response['success']) {
539
                    $.fn.showSuccess(response['data']);
540
 
6500 nelberth 541
                    $('body, html').animate({scrollTop: '0px'}, 300);
542
					$('#content1').css('display','block');
6521 nelberth 543
            		$('#company-microlearning-slide-image-edit-box').css('display','none');
1 www 544
 
545
                    gridTable.api().ajax.reload(null, false);
546
                } else {
547
                    validatorImageEdit.resetForm();
548
                    if(jQuery.type(response['data']) == 'string') {
549
                        $.fn.showError(response['data']);
550
                    } else  {
551
                        $.each(response['data'], function( fieldname, errors ) {
552
                            $.fn.showFormErrorValidator('#form-slide-image-edit #' + fieldname, errors);
553
                        });
554
                    }
555
                }
556
            }).fail(function( jqXHR, textStatus, errorThrown) {
557
                $.fn.showError(textStatus);
558
            }).always(function() {
559
                NProgress.done();
560
            });
561
            return false;
562
        },
563
        invalidHandler: function(form, validator) {
564
 
565
        }
566
    });
567
 
568
    var validatorVideoAdd  = $('#form-slide-video-add').validate({
569
        debug: true,
570
        onclick: false,
571
        onkeyup: false,
572
        ignore: [],
573
        rules: {
574
            'name': {
575
                required: true,
576
                maxlength: 128,
577
            },
578
           'file': {
579
                required: true,
580
                extension: 'webm,mp4,webm',
581
                accept: 'video/webm,video/mpeg,video/mp4'
582
            },
583
            'background': {
584
                required: false,
585
                extension: 'jpg|jpeg|png',
586
                accept: 'image/jpg,image/jpeg,image/png'
587
            },
588
            'order' : {
589
                required: true,
590
                digits: true,
591
                min: 1,
592
                max: 250
593
            }
594
        },
595
        submitHandler: function(form)
596
        {
597
            var formdata = false;
598
            if (window.FormData){
599
                formdata = new FormData(form); //form[0]);
600
            }
601
 
602
            $('input[type="submit"]').prop('disabled', true);
603
 
604
            $.ajax({
605
                'dataType'  : 'json',
606
                'accept'    : 'application/json',
607
                'method'    : 'post',
608
                'url'       :  routeAdd,
609
                'data'      :  formdata,
610
                'processData': false,
611
                'contentType': false,
612
            }).done(function(response) {
613
                if(response['success']) {
614
                    $.fn.showSuccess(response['data']);
615
 
616
                    $('#company-microlearning-slide-video-add-box').modal('hide');
617
 
618
                    gridTable.api().ajax.reload(null, false);
619
                } else {
620
                    validatorVideoAdd.resetForm();
621
                    if(jQuery.type(response['data']) == 'string') {
622
                        $.fn.showError(response['data']);
623
                    } else  {
624
                        $.each(response['data'], function( fieldname, errors ) {
625
                            $.fn.showFormErrorValidator('#form-slide-video-add #' + fieldname, errors);
626
                        });
627
                    }
628
                }
629
            }).fail(function( jqXHR, textStatus, errorThrown) {
630
                $.fn.showError(textStatus);
631
            }).always(function() {
632
                NProgress.done();
633
            });
634
            return false;
635
        },
636
        invalidHandler: function(form, validator) {
637
 
638
        }
639
    });
640
 
641
    var validatorVideoEdit = $('#form-slide-video-edit').validate({
642
        debug: true,
643
        onclick: false,
644
        onkeyup: false,
645
        ignore: [],
646
        rules: {
647
            'name': {
648
                required: true,
649
                maxlength: 128,
650
            },
651
            'file': {
652
                required: false,
653
                extension: 'webm,mp4,webm',
654
                accept: 'video/webm,video/mpeg,video/mp4'
655
            },
656
            'background': {
657
                required: false,
658
                extension: 'jpg|jpeg|png',
659
                accept: 'image/jpg,image/jpeg,image/png'
660
            },
661
            'order' : {
662
                required: true,
663
                digits: true,
664
                min: 1,
665
                max: 250
666
            }
667
        },
668
        submitHandler: function(form)
669
        {
670
            var formdata = false;
671
            if (window.FormData){
672
                formdata = new FormData(form); //form[0]);
673
            }
674
 
675
            $('input[type="submit"]').prop('disabled', true);
676
 
677
            $.ajax({
678
                'dataType'  : 'json',
679
                'accept'    : 'application/json',
680
                'method'    : 'post',
681
                'url'       :  $('#form-slide-video-edit').attr('action'),
682
                'data'      :  formdata,
683
                'processData': false,
684
                'contentType': false,
685
            }).done(function(response) {
686
                if(response['success']) {
687
                    $.fn.showSuccess(response['data']);
688
 
689
                    $('#company-microlearning-slide-video-edit-box').modal('hide');
690
 
691
                    gridTable.api().ajax.reload(null, false);
692
                } else {
693
                    validatorVideoEdit.resetForm();
694
                    if(jQuery.type(response['data']) == 'string') {
695
                        $.fn.showError(response['data']);
696
                    } else  {
697
                        $.each(response['data'], function( fieldname, errors ) {
698
                            $.fn.showFormErrorValidator('#form-slide-video-edit #' + fieldname, errors);
699
                        });
700
                    }
701
                }
702
            }).fail(function( jqXHR, textStatus, errorThrown) {
703
                $.fn.showError(textStatus);
704
            }).always(function() {
705
                NProgress.done();
706
            });
707
            return false;
708
        },
709
        invalidHandler: function(form, validator) {
710
 
711
        }
712
    });
713
 
714
 
715
    var validatorDocumentAdd  = $('#form-slide-document-add').validate({
716
        debug: true,
717
        onclick: false,
718
        onkeyup: false,
719
        ignore: [],
720
        rules: {
721
            'name': {
722
                required: true,
723
                maxlength: 128,
724
            },
725
           'file': {
726
                required: true,
727
                extension: 'pdf',
728
                accept: 'application/pdf'
729
            },
730
           'background': {
731
                required: true,
732
                extension: 'jpg|jpeg|png',
733
                accept: 'image/jpg,image/jpeg,image/png'
734
            },
735
            'order' : {
736
                required: true,
737
                digits: true,
738
                min: 1,
739
                max: 250
740
            }
741
        },
742
        submitHandler: function(form)
743
        {
744
            var formdata = false;
745
            if (window.FormData){
746
                formdata = new FormData(form); //form[0]);
747
            }
748
 
749
            $('input[type="submit"]').prop('disabled', true);
750
 
751
            $.ajax({
752
                'dataType'  : 'json',
753
                'accept'    : 'application/json',
754
                'method'    : 'post',
755
                'url'       :  routeAdd,
756
                'data'      :  formdata,
757
                'processData': false,
758
                'contentType': false,
759
            }).done(function(response) {
760
                if(response['success']) {
761
                    $.fn.showSuccess(response['data']);
762
 
763
                    $('#company-microlearning-slide-document-add-box').modal('hide');
764
 
765
                    gridTable.api().ajax.reload(null, false);
766
                } else {
767
                    validatorDocumentAdd.resetForm();
768
                    if(jQuery.type(response['data']) == 'string') {
769
                        $.fn.showError(response['data']);
770
                    } else  {
771
                        $.each(response['data'], function( fieldname, errors ) {
772
                            $.fn.showFormErrorValidator('#form-slide-document-add #' + fieldname, errors);
773
                        });
774
                    }
775
                }
776
            }).fail(function( jqXHR, textStatus, errorThrown) {
777
                $.fn.showError(textStatus);
778
            }).always(function() {
779
                NProgress.done();
780
            });
781
            return false;
782
        },
783
        invalidHandler: function(form, validator) {
784
 
785
        }
786
    });
787
 
788
    var validatorDocumentEdit = $('#form-slide-document-edit').validate({
789
        debug: true,
790
        onclick: false,
791
        onkeyup: false,
792
        ignore: [],
793
        rules: {
794
            'name': {
795
                required: true,
796
                maxlength: 128,
797
            },
798
           'file': {
799
                required: true,
800
                extension: 'pdf',
801
                accept: 'application/pdf'
802
            },
803
           'background': {
804
                required: true,
805
                extension: 'jpg|jpeg|png',
806
                accept: 'image/jpg,image/jpeg,image/png'
807
            },
808
            'order' : {
809
                required: true,
810
                digits: true,
811
                min: 1,
812
                max: 250
813
            }
814
        },
815
        submitHandler: function(form)
816
        {
817
            var formdata = false;
818
            if (window.FormData){
819
                formdata = new FormData(form); //form[0]);
820
            }
821
 
822
            $('input[type="submit"]').prop('disabled', true);
823
 
824
            $.ajax({
825
                'dataType'  : 'json',
826
                'accept'    : 'application/json',
827
                'method'    : 'post',
828
                'url'       :  $('#form-slide-document-edit').attr('action'),
829
                'data'      :  formdata,
830
                'processData': false,
831
                'contentType': false,
832
            }).done(function(response) {
833
                if(response['success']) {
834
                    $.fn.showSuccess(response['data']);
835
 
836
                    $('#company-microlearning-slide-document-edit-box').modal('hide');
837
 
838
                    gridTable.api().ajax.reload(null, false);
839
                } else {
840
                    validatorDocumentEdit.resetForm();
841
                    if(jQuery.type(response['data']) == 'string') {
842
                        $.fn.showError(response['data']);
843
                    } else  {
844
                        $.each(response['data'], function( fieldname, errors ) {
845
                            $.fn.showFormErrorValidator('#form-slide-document-edit #' + fieldname, errors);
846
                        });
847
                    }
848
                }
849
            }).fail(function( jqXHR, textStatus, errorThrown) {
850
                $.fn.showError(textStatus);
851
            }).always(function() {
852
                NProgress.done();
853
            });
854
            return false;
855
        },
856
        invalidHandler: function(form, validator) {
857
 
858
        }
859
    });
860
 
861
    var validatorAudioAdd  = $('#form-slide-audio-add').validate({
862
        debug: true,
863
        onclick: false,
864
        onkeyup: false,
865
        ignore: [],
866
        rules: {
867
            'name': {
868
                required: true,
869
                maxlength: 128,
870
            },
871
           'file': {
872
                required: true,
873
                extension: 'wav|mp3',
874
                accept: 'audio/wav, audio/mpeg'
875
            },
876
 
877
           'background': {
878
                required: true,
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
            }
888
        },
889
        submitHandler: function(form)
890
        {
891
            var formdata = false;
892
            if (window.FormData){
893
                formdata = new FormData(form); //form[0]);
894
            }
895
 
896
            $('input[type="submit"]').prop('disabled', true);
897
 
898
            $.ajax({
899
                'dataType'  : 'json',
900
                'accept'    : 'application/json',
901
                'method'    : 'post',
902
                'url'       :  routeAdd,
903
                'data'      :  formdata,
904
                'processData': false,
905
                'contentType': false,
906
            }).done(function(response) {
907
                if(response['success']) {
908
                    $.fn.showSuccess(response['data']);
909
 
910
                    $('#company-microlearning-slide-audio-add-box').modal('hide');
911
 
912
                    gridTable.api().ajax.reload(null, false);
913
                } else {
914
                    validatorAudioAdd.resetForm();
915
                    if(jQuery.type(response['data']) == 'string') {
916
                        $.fn.showError(response['data']);
917
                    } else  {
918
                        $.each(response['data'], function( fieldname, errors ) {
919
                            $.fn.showFormErrorValidator('#form-slide-audio-add #' + fieldname, errors);
920
                        });
921
                    }
922
                }
923
            }).fail(function( jqXHR, textStatus, errorThrown) {
924
                $.fn.showError(textStatus);
925
            }).always(function() {
926
                NProgress.done();
927
            });
928
            return false;
929
        },
930
        invalidHandler: function(form, validator) {
931
 
932
        }
933
    });
934
 
935
    var validatorAudioEdit = $('#form-slide-audio-edit').validate({
936
        debug: true,
937
        onclick: false,
938
        onkeyup: false,
939
        ignore: [],
940
        rules: {
941
            'name': {
942
                required: true,
943
                maxlength: 128,
944
            },
945
           'file': {
946
                required: true,
947
                extension: 'wav|mp3',
948
                accept: 'audio/wav, audio/mpeg'
949
            },
950
 
951
           'background': {
952
                required: true,
953
                extension: 'jpg|jpeg|png',
954
                accept: 'image/jpg,image/jpeg,image/png'
955
            },
956
            'order' : {
957
                required: true,
958
                digits: true,
959
                min: 1,
960
                max: 250
961
            }
962
        },
963
        submitHandler: function(form)
964
        {
965
            var formdata = false;
966
            if (window.FormData){
967
                formdata = new FormData(form); //form[0]);
968
            }
969
 
970
            $('input[type="submit"]').prop('disabled', true);
971
 
972
            $.ajax({
973
                'dataType'  : 'json',
974
                'accept'    : 'application/json',
975
                'method'    : 'post',
976
                'url'       :  $('#form-slide-audio-edit').attr('action'),
977
                'data'      :  formdata,
978
                'processData': false,
979
                'contentType': false,
980
            }).done(function(response) {
981
                if(response['success']) {
982
                    $.fn.showSuccess(response['data']);
983
 
984
                    $('#company-microlearning-slide-audio-edit-box').modal('hide');
985
 
986
                    gridTable.api().ajax.reload(null, false);
987
                } else {
988
                    validatorAudioEdit.resetForm();
989
                    if(jQuery.type(response['data']) == 'string') {
990
                        $.fn.showError(response['data']);
991
                    } else  {
992
                        $.each(response['data'], function( fieldname, errors ) {
993
                            $.fn.showFormErrorValidator('#form-slide-audio-edit #' + fieldname, errors);
994
                        });
995
                    }
996
                }
997
            }).fail(function( jqXHR, textStatus, errorThrown) {
998
                $.fn.showError(textStatus);
999
            }).always(function() {
1000
                NProgress.done();
1001
            });
1002
            return false;
1003
        },
1004
        invalidHandler: function(form, validator) {
1005
 
1006
        }
1007
    });
1008
 
1009
    var validatorQuizzAdd  = $('#form-slide-quizz-add').validate({
1010
        debug: true,
1011
        onclick: false,
1012
        onkeyup: false,
1013
        ignore: [],
1014
        rules: {
1015
            'name': {
1016
                required: true,
1017
                maxlength: 128,
1018
            },
1019
           'file': {
1020
                required: true,
1021
                extension: 'wav|mp3',
1022
                accept: 'quizz/wav, quizz/mpeg'
1023
            },
1024
            'quiz_id': {
1025
                required: true,
1026
            },
1027
            'order' : {
1028
                required: true,
1029
                digits: true,
1030
                min: 1,
1031
                max: 250
1032
            }
1033
        },
1034
        submitHandler: function(form)
1035
        {
1036
 
1037
            $('input[type="submit"]').prop('disabled', true);
1038
 
1039
            var formdata = false;
1040
            if (window.FormData){
1041
                formdata = new FormData(form); //form[0]);
1042
            }
1043
 
1044
            $.ajax({
1045
                'dataType'  : 'json',
1046
                'accept'    : 'application/json',
1047
                'method'    : 'post',
1048
                'url'       :  routeAdd,
1049
                'data'      :  formdata,
1050
                'processData': false,
1051
                'contentType': false,
1052
            }).done(function(response) {
1053
                if(response['success']) {
1054
                    $.fn.showSuccess(response['data']);
1055
 
1056
                    $('#company-microlearning-slide-quizz-add-box').modal('hide');
1057
 
1058
                    gridTable.api().ajax.reload(null, false);
1059
                } else {
1060
                    validatorQuizzAdd.resetForm();
1061
                    if(jQuery.type(response['data']) == 'string') {
1062
                        $.fn.showError(response['data']);
1063
                    } else  {
1064
                        $.each(response['data'], function( fieldname, errors ) {
1065
                            $.fn.showFormErrorValidator('#form-slide-quizz-add #' + fieldname, errors);
1066
                        });
1067
                    }
1068
                }
1069
            }).fail(function( jqXHR, textStatus, errorThrown) {
1070
                $.fn.showError(textStatus);
1071
            }).always(function() {
1072
                NProgress.done();
1073
            });
1074
            return false;
1075
        },
1076
        invalidHandler: function(form, validator) {
1077
 
1078
        }
1079
    });
1080
 
1081
    var validatorQuizzEdit = $('#form-slide-quizz-edit').validate({
1082
        debug: true,
1083
        onclick: false,
1084
        onkeyup: false,
1085
        ignore: [],
1086
        rules: {
1087
            'name': {
1088
                required: true,
1089
                maxlength: 128,
1090
            },
1091
           'background': {
1092
                required: false,
1093
                extension: 'jpg|jpeg|png',
1094
                accept: 'image/jpg,image/jpeg,image/png'
1095
            },
1096
            'quiz_id': {
1097
                required: true,
1098
            },
1099
            'order' : {
1100
                required: true,
1101
                digits: true,
1102
                min: 1,
1103
                max: 250
1104
            }
1105
        },
1106
        submitHandler: function(form)
1107
        {
1108
 
1109
            $('input[type="submit"]').prop('disabled', true);
1110
 
1111
            var formdata = false;
1112
            if (window.FormData){
1113
                formdata = new FormData(form); //form[0]);
1114
            }
1115
            $.ajax({
1116
                'dataType'  : 'json',
1117
                'accept'    : 'application/json',
1118
                'method'    : 'post',
1119
                'url'       :  routeAdd,
1120
                'data'      :  formdata,
1121
                'processData': false,
1122
                'contentType': false,
1123
            }).done(function(response) {
1124
                if(response['success']) {
1125
                    $.fn.showSuccess(response['data']);
1126
 
1127
                    $('#company-microlearning-slide-quizz-edit-box').modal('hide');
1128
 
1129
                    gridTable.api().ajax.reload(null, false);
1130
                } else {
1131
                    validatorQuizzEdit.resetForm();
1132
                    if(jQuery.type(response['data']) == 'string') {
1133
                        $.fn.showError(response['data']);
1134
                    } else  {
1135
                        $.each(response['data'], function( fieldname, errors ) {
1136
                            $.fn.showFormErrorValidator('#form-slide-quizz-edit #' + fieldname, errors);
1137
                        });
1138
                    }
1139
                }
1140
            }).fail(function( jqXHR, textStatus, errorThrown) {
1141
                $.fn.showError(textStatus);
1142
            }).always(function() {
1143
                NProgress.done();
1144
            });
1145
            return false;
1146
        },
1147
        invalidHandler: function(form, validator) {
1148
 
1149
        }
1150
    });
1151
 
1152
    $('body').on('click', 'button.btn-edit', function(e) {
1153
        e.preventDefault();
1154
 
1155
        var url = $(this).data('href');
1156
        $.ajax({
1157
            'dataType'  : 'json',
1158
            'accept'    : 'application/json',
1159
            'method'    : 'get',
1160
            'url'       :  url,
1161
        }).done(function(response) {
1162
            if(response['success']) {
1163
 
1164
                if(response['data']['type'] == 'text') {
1165
                    $('#form-slide-text-edit').attr('action',url);
1166
                    $('#form-slide-text-edit #name').val(response['data']['name']);
1167
                    $('#form-slide-text-edit #order').val(response['data']['order']);
1168
                    $('#form-slide-text-edit #background').fileinput('reset');
1169
                    $('#form-slide-text-edit #background').val('');
1170
 
1171
                    CKEDITOR.instances.description_edit.setData(response['data']['description']);
1172
                    validatorTextEdit.resetForm();
1173
 
1174
                    $('#company-microlearning-slide-text-edit-box').modal('show');
1175
 
1176
                }
1177
                if(response['data']['type'] == 'image') {
6510 nelberth 1178
                    console.log(response['data']['file'])
1 www 1179
                    $('#form-slide-image-edit').attr('action',url);
1180
                    $('#form-slide-image-edit #name').val(response['data']['name']);
1181
                    $('#form-slide-image-edit #order').val(response['data']['order']);
1182
                    validatorImageEdit.resetForm();
1183
 
6501 nelberth 1184
                    $('body, html').animate({scrollTop: '0px'}, 300);
1185
					$('#content1').css('display','none');
6502 nelberth 1186
            		$('#company-microlearning-slide-image-edit-box').css('display','block');
6507 nelberth 1187
					iniciarEditor(false,response['data']['file']);
1 www 1188
 
1189
                }
1190
                if(response['data']['type'] == 'video') {
1191
                    $('#form-slide-video-edit').attr('action',url);
1192
                    $('#form-slide-video-edit #name').val(response['data']['name']);
1193
                    $('#form-slide-video-edit #order').val(response['data']['order']);
1194
                    $('#form-slide-video-edit #file').fileinput('reset');
1195
                    $('#form-slide-video-edit #file').val('');
1196
                    $('#form-slide-video-edit #background').fileinput('reset');
1197
                    $('#form-slide-video-edit #background').val('');
1198
                    validatorVideoEdit.resetForm();
1199
 
1200
                    $('#company-microlearning-slide-video-edit-box').modal('show');
1201
 
1202
                }
1203
                if(response['data']['type'] == 'document') {
1204
                    $('#form-slide-document-edit').attr('action',url);
1205
                    $('#form-slide-document-edit #name').val(response['data']['name']);
1206
                    $('#form-slide-document-edit #order').val(response['data']['order']);
1207
                    $('#form-slide-document-edit #file').fileinput('reset');
1208
                    $('#form-slide-document-edit #file').val('');
1209
                    $('#form-slide-document-edit #background').fileinput('reset');
1210
                    $('#form-slide-document-edit #background').val('');
1211
                    validatorDocumentEdit.resetForm();
1212
 
1213
                    $('#company-microlearning-slide-document-edit-box').modal('show');
1214
 
1215
                }
1216
                if(response['data']['type'] == 'audio') {
1217
                    $('#form-slide-audio-edit').attr('action',url);
1218
                    $('#form-slide-audio-edit #name').val(response['data']['name']);
1219
                    $('#form-slide-audio-edit #order').val(response['data']['order']);
1220
                    $('#form-slide-audio-edit #file').fileinput('reset');
1221
                    $('#form-slide-audio-edit #file').val('');
1222
                    $('#form-slide-audio-edit #background').fileinput('reset');
1223
                    $('#form-slide-audio-edit #background').val('');
1224
                    validatorAudioEdit.resetForm();
1225
 
1226
                    $('#company-microlearning-slide-audio-edit-box').modal('show');
1227
 
1228
                }
1229
                if(response['data']['type'] == 'quiz') {
1230
                    $('#form-slide-quizz-edit').attr('action',url);
1231
                    $('#form-slide-quizz-edit #name').val(response['data']['name']);
1232
                    $('#form-slide-quizz-edit #order').val(response['data']['order']);
1233
                    $('#form-slide-quizz-edit #quiz_id').val(response['data']['quiz_id']);
1234
                    $('#form-slide-quizz-edit #background').fileinput('reset');
1235
                    $('#form-slide-quizz-edit #background').val('');
1236
                    validatorQuizzEdit.resetForm();
1237
 
1238
                    $('#company-microlearning-slide-quizz-edit-box').modal('show');
1239
 
1240
                }
1241
 
1242
            } else {
1243
                validatorTextEdit.resetForm();
1244
                if(jQuery.type(response['data']) == 'string') {
1245
                    $.fn.showError(response['data']);
1246
                } else  {
1247
                    $.each(response['data'], function( fieldname, errors ) {
1248
                        $.fn.showFormErrorValidator('#form-slide-image-edit #' + fieldname, errors);
1249
                    });
1250
                }
1251
            }
1252
        }).fail(function( jqXHR, textStatus, errorThrown) {
1253
            $.fn.showError(textStatus);
1254
        }).always(function() {
1255
            NProgress.done();
1256
        });
1257
    });
6503 nelberth 1258
	$('body').on('click', '#ir_atras', function(e) {
1259
            e.preventDefault();
1260
 
1261
            $('body, html').animate({scrollTop: '0px'}, 300);
6504 nelberth 1262
			$('#content1').css('display','block');
6503 nelberth 1263
            $('#company-microlearning-slide-image-edit-box').css('display','none');
1264
            $('#company-microlearning-slide-image-add-box').css('display','none');
1 www 1265
 
6503 nelberth 1266
 
1267
            return false;
1268
        });
1 www 1269
    $(".btn-cover-close").on("click", function(e){
1270
        e.preventDefault();
1271
 
1272
 
1273
        $('#company-microlearning-slide-text-add-box').modal('hide');
1274
        $('#company-microlearning-slide-text-edit-box').modal('hide');
1275
        $('#company-microlearning-slide-image-add-box').modal('hide');
1276
        $('#company-microlearning-slide-image-edit-box').modal('hide');
1277
        $('#company-microlearning-slide-video-add-box').modal('hide');
1278
        $('#company-microlearning-slide-video-edit-box').modal('hide');
1279
        $('#company-microlearning-slide-document-add-box').modal('hide');
1280
        $('#company-microlearning-slide-document-edit-box').modal('hide');
1281
        $('#company-microlearning-slide-audio-add-box').modal('hide');
1282
        $('#company-microlearning-slide-audio-edit-box').modal('hide');
1283
        $('#company-microlearning-slide-quizz-add-box').modal('hide');
1284
        $('#company-microlearning-slide-quizz-edit-box').modal('hide');
1285
        $('#company-microlearning-play-video-box').modal('hide');
1286
        $('#company-microlearning-play-audio-box').modal('hide');
1287
        $('#company-microlearning-add-capsule-type-box').modal('hide');
1288
 
1289
 
1290
 
1291
         document.getElementById('microlearning-play-video').pause();
1292
         document.getElementById('microlearning-play-audio').pause();
1293
 
1294
        return false;
1295
    });
1296
 
1297
    $('body').on('click', 'button.btn-add-quizz', function(e) {
1298
        e.preventDefault();
1299
        $('#company-microlearning-add-capsule-type-box').modal('hide');
1300
 
1301
 
1302
        $('#form-slide-quizz-add #name').val('');
1303
        $('#form-slide-quizz-add #order').val('1');
1304
        $('#form-slide-quizz-add #background').fileinput('reset');
1305
        $('#form-slide-quizz-add #background').val('');
1306
        $('#form-slide-quizz-add #quiz_id').val('');
1307
        CKEDITOR.instances.description_add.setData('');
1308
        validatorQuizzAdd.resetForm();
1309
 
1310
 
1311
        $('#company-microlearning-slide-quizz-add-box').modal('show');
1312
 
1313
        return false;
1314
    });
1315
 
1316
    $('body').on('click', 'button.btn-add-text', function(e) {
1317
        e.preventDefault();
1318
 
1319
        $('#company-microlearning-add-capsule-type-box').modal('hide');
1320
 
1321
        $('#form-slide-text-add #name').val('');
1322
        $('#form-slide-text-add #order').val('1');
1323
        $('#form-slide-text-add #background').fileinput('reset');
1324
        $('#form-slide-text-add #background').val('');
1325
        CKEDITOR.instances.description_add.setData('');
1326
        validatorTextAdd.resetForm();
1327
 
1328
        $('#company-microlearning-slide-text-add-box').modal('show');
1329
 
1330
        return false;
1331
    });
1332
 
1333
 
1334
    $('body').on('click', 'button.btn-add-image', function(e) {
1335
        e.preventDefault();
1336
 
1337
        $('#company-microlearning-add-capsule-type-box').modal('hide');
1338
        $('#form-slide-image-add #name').val('');
1339
        $('#form-slide-image-add #order').val('1');
6112 nelberth 1340
 
1 www 1341
        validatorImageAdd.resetForm();
1342
 
6122 nelberth 1343
        $('#content1').css('display','none');
1344
        $('#company-microlearning-slide-image-add-box').css('display','block');
1345
		iniciarEditor()
1346
 
6114 nelberth 1347
        iniciarEditor()
1 www 1348
        return false;
1349
    });
1350
 
1351
    $('body').on('click', 'button.btn-add-video', function(e) {
1352
        e.preventDefault();
1353
 
1354
        $('#company-microlearning-add-capsule-type-box').modal('hide');
1355
        $('#form-slide-video-add #name').val('');
1356
        $('#form-slide-video-add #order').val('1');
1357
        $('#form-slide-video-add #file').fileinput('reset');
1358
        $('#form-slide-video-add #file').val('');
1359
        $('#form-slide-video-add #file').fileinput('reset');
1360
        $('#form-slide-video-add #file').val('');
1361
        $('#form-slide-video-add #background').fileinput('reset');
1362
        $('#form-slide-video-add #background').val('');
1363
        validatorVideoAdd.resetForm();
1364
 
1365
        $('#company-microlearning-slide-video-add-box').modal('show');
1366
 
1367
        return false;
1368
    });
1369
 
1370
    $('body').on('click', 'button.btn-add-document', function(e) {
1371
        e.preventDefault();
1372
 
1373
 
1374
        $('#company-microlearning-add-capsule-type-box').modal('hide');
1375
        $('#form-slide-document-add #name').val('');
1376
        $('#form-slide-document-add #order').val('1');
1377
        $('#form-slide-document-add #file').fileinput('reset');
1378
        $('#form-slide-document-add #file').val('');
1379
        $('#form-slide-document-add #background').fileinput('reset');
1380
        $('#form-slide-document-add #background').val('');
1381
        validatorDocumentAdd.resetForm();
1382
 
1383
        $('#company-microlearning-slide-document-add-box').modal('show');
1384
 
1385
        return false;
1386
    });
1387
 
1388
    $('body').on('click', 'button.btn-add-audio', function(e) {
1389
        e.preventDefault();
1390
 
1391
        $('#company-microlearning-add-capsule-type-box').modal('hide');
1392
        $('#form-slide-audio-add #name').val('');
1393
        $('#form-slide-audio-add #order').val('1');
1394
        $('#form-slide-audio-add #file').fileinput('reset');
1395
        $('#form-slide-audio-add #file').val('');
1396
        $('#form-slide-audio-add #background').fileinput('reset');
1397
        $('#form-slide-audio-add #background').val('');
1398
        validatorAudioAdd.resetForm();
1399
 
1400
        $('#company-microlearning-slide-audio-add-box').modal('show');
1401
 
1402
        return false;
1403
    });
1404
 
1405
    $('#company-microlearning-slide-text-add-box, #company-microlearning-slide-text-edit-box').on("hide.bs.modal", function() {
1406
 
1407
    })
1408
 
1409
    $('#company-microlearning-slide-image-add-box, #company-microlearning-slide-image-edit-box').on("hide.bs.modal", function() {
1410
 
1411
    })
1412
 
1413
    $('#company-microlearning-slide-video-add-box, #company-microlearning-slide-video-edit-box').on("hide.bs.modal", function() {
1414
 
1415
    })
1416
 
1417
    $('#company-microlearning-slide-document-add-box, #company-microlearning-slide-document-edit-box').on("hide.bs.modal", function() {
1418
 
1419
    })
1420
 
1421
    $('#company-microlearning-slide-quizz-add-box, #company-microlearning-slide-quizz-edit-box').on("hide.bs.modal", function() {
1422
 
1423
    })
1424
 
1425
    $('#company-microlearning-play-video-box, #company-microlearning-play-audio-box').on("hide.bs.modal", function() {
1426
 
1427
 
1428
        document.getElementById('microlearning-play-video').pause();
1429
        document.getElementById('microlearning-play-audio').pause();
1430
    })
1431
 
1432
 
1433
    $('#form-slide-text-add #order').inputNumberFormat({decimal: 0});
1434
 
1435
    $('#form-slide-text-add #background').fileinput({
1436
        theme: 'fas',
1437
        language: 'es',
1438
        showUpload: false,
1439
        dropZoneEnabled: false,
1440
        maxFileCount: 1,
1441
        allowedFileExtensions: ['jpeg', 'jpg', 'png'],
1442
        msgPlaceholder: 'LABEL_RECOMMENDED_SIZE $image_size',
1443
    });
1444
 
1445
    $('#form-slide-text-edit #order').inputNumberFormat({decimal: 0});
1446
 
1447
    $('#form-slide-text-edit #background').fileinput({
1448
        theme: 'fas',
1449
        language: 'es',
1450
        showUpload: false,
1451
        dropZoneEnabled: false,
1452
        maxFileCount: 1,
1453
        allowedFileExtensions: ['jpeg', 'jpg', 'png'],
1454
        msgPlaceholder: 'LABEL_RECOMMENDED_SIZE $image_size',
1455
    });
1456
 
1457
    $('#form-slide-image-add #order').inputNumberFormat({decimal: 0});
1458
 
1459
    $('#form-slide-image-add #file').fileinput({
1460
        theme: 'fas',
1461
        language: 'es',
1462
        showUpload: false,
1463
        dropZoneEnabled: false,
1464
        maxFileCount: 1,
1465
        allowedFileExtensions: ['jpeg', 'jpg', 'png'],
1466
        msgPlaceholder: 'LABEL_RECOMMENDED_SIZE $image_size',
1467
    });
1468
 
1469
    $('#form-slide-image-edit #order').inputNumberFormat({decimal: 0});
1470
 
1471
    $('#form-slide-image-edit #file').fileinput({
1472
        theme: 'fas',
1473
        language: 'es',
1474
        showUpload: false,
1475
        dropZoneEnabled: false,
1476
        maxFileCount: 1,
1477
        allowedFileExtensions: ['jpeg', 'jpg', 'png'],
1478
        msgPlaceholder: 'LABEL_RECOMMENDED_SIZE $image_size',
1479
    });
1480
 
1481
    $('#form-slide-video-add #order').inputNumberFormat({decimal: 0});
1482
 
1483
    $('#form-slide-video-add #file').fileinput({
1484
        theme: 'fas',
1485
        language: 'es',
1486
        showUpload: false,
1487
        dropZoneEnabled: false,
1488
        maxFileCount: 1,
1489
        allowedFileExtensions: ['mp4', 'mpeg','webm'],
1490
        msgPlaceholder: 'Video de extensión mp4, mpeg, webm',
1491
    });
1492
 
1493
    $('#form-slide-video-add #background').fileinput({
1494
        theme: 'fas',
1495
        language: 'es',
1496
        showUpload: false,
1497
        dropZoneEnabled: false,
1498
        maxFileCount: 1,
1499
        allowedFileExtensions: ['jpeg', 'jpg', 'png'],
1500
        msgPlaceholder: 'LABEL_RECOMMENDED_SIZE $image_size',
1501
    });
1502
 
1503
    $('#form-slide-video-edit #order').inputNumberFormat({decimal: 0});
1504
 
1505
    $('#form-slide-video-edit #file').fileinput({
1506
        theme: 'fas',
1507
        language: 'es',
1508
        showUpload: false,
1509
        dropZoneEnabled: false,
1510
        maxFileCount: 1,
1511
        allowedFileExtensions: ['mp4', 'mpeg','webm'],
1512
        msgPlaceholder: 'Video de extensión mp4, mpeg, webm',
1513
    });
1514
 
1515
    $('#form-slide-video-edit #background').fileinput({
1516
        theme: 'fas',
1517
        language: 'es',
1518
        showUpload: false,
1519
        dropZoneEnabled: false,
1520
        maxFileCount: 1,
1521
        allowedFileExtensions: ['jpeg', 'jpg', 'png'],
1522
        msgPlaceholder: 'LABEL_RECOMMENDED_SIZE $image_size',
1523
    });
1524
 
1525
 
1526
 
1527
    $('#form-slide-document-add #order').inputNumberFormat({decimal: 0});
1528
 
1529
    $('#form-slide-document-add #file').fileinput({
1530
        theme: 'fas',
1531
        language: 'es',
1532
        showUpload: false,
1533
        dropZoneEnabled: false,
1534
        maxFileCount: 1,
1535
        allowedFileExtensions: ['pdf'],
1536
        msgPlaceholder: 'Documentos de extensión pdf',
1537
    });
1538
 
1539
    $('#form-slide-document-add #background').fileinput({
1540
        theme: 'fas',
1541
        language: 'es',
1542
        showUpload: false,
1543
        dropZoneEnabled: false,
1544
        maxFileCount: 1,
1545
        allowedFileExtensions: ['jpeg', 'jpg', 'png'],
1546
        msgPlaceholder: 'LABEL_RECOMMENDED_SIZE $image_size',
1547
    });
1548
 
1549
 
1550
    $('#form-slide-document-edit #order').inputNumberFormat({decimal: 0});
1551
 
1552
    $('#form-slide-document-edit #file').fileinput({
1553
        theme: 'fas',
1554
        language: 'es',
1555
        showUpload: false,
1556
        dropZoneEnabled: false,
1557
        maxFileCount: 1,
1558
        allowedFileExtensions: ['pdf'],
1559
        msgPlaceholder: 'Documentos de extensión pdf',
1560
    });
1561
 
1562
    $('#form-slide-document-edit #background').fileinput({
1563
        theme: 'fas',
1564
        language: 'es',
1565
        showUpload: false,
1566
        dropZoneEnabled: false,
1567
        maxFileCount: 1,
1568
        allowedFileExtensions: ['jpeg', 'jpg', 'png'],
1569
        msgPlaceholder: 'LABEL_RECOMMENDED_SIZE $image_size',
1570
    });
1571
 
1572
 
1573
    $('#form-slide-audio-add #order').inputNumberFormat({decimal: 0});
1574
 
1575
    $('#form-slide-audio-add #file').fileinput({
1576
        theme: 'fas',
1577
        language: 'es',
1578
        showUpload: false,
1579
        dropZoneEnabled: false,
1580
        maxFileCount: 1,
1581
        allowedFileExtensions: ['wav', 'mp3'],
1582
        msgPlaceholder: 'Audios de extensión wav y mp3',
1583
    });
1584
 
1585
    $('#form-slide-audio-add #background').fileinput({
1586
        theme: 'fas',
1587
        language: 'es',
1588
        showUpload: false,
1589
        dropZoneEnabled: false,
1590
        maxFileCount: 1,
1591
        allowedFileExtensions: ['jpeg', 'jpg', 'png'],
1592
        msgPlaceholder: 'LABEL_RECOMMENDED_SIZE $image_size',
1593
    });
1594
 
1595
 
1596
    $('#form-slide-audio-edit #order').inputNumberFormat({decimal: 0});
1597
 
1598
    $('#form-slide-audio-edit #file').fileinput({
1599
        theme: 'fas',
1600
        language: 'es',
1601
        showUpload: false,
1602
        dropZoneEnabled: false,
1603
        maxFileCount: 1,
1604
        allowedFileExtensions: ['wav', 'mp3'],
1605
        msgPlaceholder: 'Audios de extensión wav y mp3',
1606
    });
1607
 
1608
    $('#form-slide-audio-edit #background').fileinput({
1609
        theme: 'fas',
1610
        language: 'es',
1611
        showUpload: false,
1612
        dropZoneEnabled: false,
1613
        maxFileCount: 1,
1614
        allowedFileExtensions: ['jpeg', 'jpg', 'png'],
1615
        msgPlaceholder: 'LABEL_RECOMMENDED_SIZE $image_size',
1616
    });
1617
 
1618
 
1619
    $('#form-slide-quizz-add #order').inputNumberFormat({decimal: 0});
1620
 
1621
    $('#form-slide-quizz-add #background').fileinput({
1622
        theme: 'fas',
1623
        language: 'es',
1624
        showUpload: false,
1625
        dropZoneEnabled: false,
1626
        maxFileCount: 1,
1627
        allowedFileExtensions: ['jpeg', 'jpg', 'png'],
1628
        msgPlaceholder: 'LABEL_RECOMMENDED_SIZE $image_size',
1629
    });
1630
 
1631
 
1632
    $('#form-slide-quizz-edit #order').inputNumberFormat({decimal: 0});
1633
 
1634
    $('#form-slide-quizz-edit #background').fileinput({
1635
        theme: 'fas',
1636
        language: 'es',
1637
        showUpload: false,
1638
        dropZoneEnabled: false,
1639
        maxFileCount: 1,
1640
        allowedFileExtensions: ['jpeg', 'jpg', 'png'],
1641
        msgPlaceholder: 'LABEL_RECOMMENDED_SIZE $image_size',
1642
    });
1643
 
1644
 
1645
 
1646
 
1647
 
1648
 
1649
 
1650
    CKEDITOR.replace('description_add');
1651
    CKEDITOR.replace('description_edit');
1652
 
1653
 
1654
   $('body').on('click', '.btn-view-image', function(e) {
1655
        e.preventDefault();
1656
 
1657
        $('#company-microlearning-view-image-box').modal('show');
1658
 
1659
        $('#image-view').attr('src', $(this).data('href'));
1660
 
1661
        return false;
1662
    });
1663
 
1664
 
1665
    $('body').on('click', '.btn-play-video', function(e) {
1666
        e.preventDefault();
1667
 
1668
        $('#microlearning-play-video').attr('src', $(this).data('href'));
1669
        $('#company-microlearning-play-video-box').modal('show');
1670
 
1671
        return false;
1672
    });
1673
 
1674
    $('body').on('click', '.btn-play-audio', function(e) {
1675
        e.preventDefault();
1676
 
1677
 
1678
        $('#microlearning-play-audio').attr('src', $(this).data('href'));
1679
        $('#company-microlearning-play-audio-box').modal('show');
1680
 
1681
        return false;
1682
    });
1683
 
1684
    $('body').on('click', '.btn-view-document', function(e) {
1685
        e.preventDefault();
1686
 
1687
 
1688
        $('#document-view').attr('src', $(this).data('href'));
1689
        $('#company-microlearning-view-document-box').modal('show');
1690
 
1691
        return false;
1692
    });
1693
 
1694
    $('body').on('click', '.btn-view-text', function(e) {
1695
        e.preventDefault();
1696
 
1697
        var url = $(this).data('href');
1698
        $.ajax({
1699
            'dataType'  : 'json',
1700
            'accept'    : 'application/json',
1701
            'method'    : 'get',
1702
            'url'       :  url,
1703
        }).done(function(response) {
1704
            if(response['success']) {
1705
                $('#document-text').html( response['data']  );
1706
            }
1707
 
1708
        }).fail(function( jqXHR, textStatus, errorThrown) {
1709
            $.fn.showError(textStatus);
1710
        }).always(function() {
1711
            NProgress.done();
1712
        });
1713
 
1714
 
1715
        $('#company-microlearning-view-text-box').modal('show');
1716
 
1717
        return false;
1718
    });
1719
 
1720
 
1721
 
1722
    $('#form-filter #topic_uuid').change(function(e) {
1723
        e.preventDefault();
1724
 
1725
        $('#form-filter #capsule_uuid').empty();
1726
        gridTable.api().ajax.reload(null, false);
1727
    })
1728
 
1729
 
1730
    $('#form-filter #capsule_uuid').change(function(e) {
1731
        e.preventDefault();
1732
 
1733
        gridTable.api().ajax.reload(null, false);
1734
    })
1735
 
1736
    $('button.btn-add').click(function(e) {
1737
        e.preventDefault()
1738
 
1739
        $('#company-microlearning-add-capsule-type-box').modal('show');
1740
 
1741
    } );
1742
 
1743
 
1744
 
1745
    $('body').on('click', 'button.btn-refresh', function(e) {
1746
        e.preventDefault();
1747
        gridTable.api().ajax.reload(null, false);
1748
    });
1749
 
6113 nelberth 1750
    	/*Script del editor (Aqui comienza el cielo y la tierra) */
1751
		var imagenServidorNoticia;
1752
		var scroll_altura,viente;
1753
		var nombre_user = $(".perfil_u_nombre").text();
1754
		var primer_nombre = nombre_user.split(" ")[0];
1755
		var nuevoHtmlImagen='<div class="articulo_noticia animated fadeIn"><div class="pasos"><div class="titulo_pasos animated fadeInDown delay-04 fast">LABEL_STEP_1</div><div class="paso_opcion"><div class="responsing_cut"><div class="icon_cut"><span class="fa fa-scissors"></span></div><div class="contenido_cut"><div class="animated fadeInRight delay-04 fast"><div><div class="titulo_cut"><div>LABEL_CUT</div><div class="fa fa-times" id="cerrar_cut_modal"></div></div><div class="opcion_editor recortar10"><div>LABEL_CUT</div><div id="blockCelda"><span class="fa fa-lock"></span></div></div></div></div></div></div><div class="responsing_text"><div class="icon_text"><span class="fa fa-text-width"></span></div><div class="contenido_text"><div class="animated fadeInRight delay-04 fast"><div class="texto"><div class="titulo_text"><div>LABEL_ADD_TEXT</div><div class="fa fa-times" id="cerrar_text_modal"></div></div><input id="texto_input" type="text" name="texto" placeholder="LABEL_ADD_TEXT_HERE"><div class="fonts"><div class="font" id="negritas" data-tooltip="Negritas"><i class="fa fa-bold" aria-hidden="true"></i></div><div class="font" id="italic" data-tooltip="Letra Cursiva"><i class="fa fa-italic" aria-hidden="true"></i></div><input type="color" class="" data-tooltip="Color de la letra" name="" id="color" value="#ffffff"> <input type="number" class="" data-tooltip="Tamaño de la letra" name="" id="font-size" max="500" min="1" step="1" value="48"></div><div class="fonts"><div class="font fa" data-tooltip="Sombra de la letra" id="shadow">A</div><div class="font" id="rectangulo" data-tooltip="Fondo de la letra"><div class="rectangulo">C</div></div><input type="color" name="" id="colorrect" value="#000000" class="" data-tooltip="Color del fondo"> <input type="number" name="" id="opacidad" max="100" min="1" step="1" value="100" class="" data-tooltip="Transparensia del fondo"></div><div class="fonts_style"><div class="fs at" id="arial">LABEL_FONT_ARIAL</div><div class="fs" id="calibri">LABEL_FONT_CALIBRI</div><div class="fs" id="forte">LABEL_FONT_FORTE</div><div class="fs" id="impact">LABEL_FONT_IMPACT</div><div class="fs" id="jokerman">LABEL_FONT_JOKERMAN</div><div class="fs" id="mb">LABEL_FONT_MV_BOLI</div><div class="fs" id="tnr">LABEL_FONT_TIMES_NEW_ROMAN</div><div class="fs" id="verdana">LABEL_FONT_VERDANA</div><div class="fs" id="vivaldi">LABEL_FONT_VIVALDI</div></div></div></div></div></div><div class="responsing_filtros"><div class="icon_filter"><span class="fa fa-eyedropper"></span></div><div class="contenido_filter"><div class="titulo_filtro"><div>LABEL_FILTERS</div><div class="fa fa-times" id="cerrar_filter_modal"></div></div><div class="opciones_imagen"><div class="opcion_editor oa" id="normal">LABEL_FILTER_NORMAL</div><div class="opcion_editor" id="noche">LABEL_FILTER_NIGHT</div><div class="opcion_editor" id="sa">LABEL_FILTER_SAINT_ANA</div><div class="opcion_editor" id="crema">LABEL_FILTER_CREAM</div><div class="opcion_editor" id="magia">LABEL_FILTER_MAGIC</div><div class="opcion_editor" id="relieve">LABEL_FILTER_RELIEF</div><div class="opcion_editor" id="luz">LABEL_FILTER_LIGHT</div><div class="opcion_editor" id="saturacion">LABEL_FILTER_SATURATION</div><div class="opcion_editor" id="retoque">LABEL_FILTER_RETOUCH</div><div class="opcion_editor" id="orange">LABEL_FILTER_ORANGE</div><div class="opcion_editor" id="setenta">LABEL_FILTER_WIND</div><div class="opcion_editor" id="desierto">LABEL_FILTER_DESERT</div><div class="opcion_editor" id="bosque">LABEL_FILTER_FOREST</div><div class="opcion_editor" id="villa">LABEL_FILTER_TOWN</div><div class="opcion_editor" id="rosa">LABEL_FILTER_PINK</div><div class="opcion_editor" id="historia">LABEL_FILTER_HISTORY</div><div class="opcion_editor" id="gris">LABEL_FILTER_GRAY</div><div class="opcion_editor" id="lhs">LABEL_FILTER_OLD_PICTURE</div><div class="opcion_editor" id="encantador">LABEL_FILTER_CHARMING</div><div class="opcion_editor" id="emocion">LABEL_FILTER_EMOTION</div><div class="opcion_editor" id="beige">LABEL_FILTER_BEIGE</div><div class="opcion_editor" id="fine">LABEL_FILTER_FINE</div><div class="opcion_editor" id="lord">LABEL_FILTER_LORD</div><div class="opcion_editor" id="70">LABEL_FILTER_70S</div><div class="opcion_editor" id="arbol">LABEL_FILTER_TREE</div><div class="opcion_editor" id="verano">LABEL_FILTER_SUMMER</div><div class="opcion_editor" id="cf">LABEL_FILTER_COLD_WEATHER</div><div class="opcion_editor" id="angeles">LABEL_FILTER_ANGELS</div><div class="opcion_editor" id="caliente">LABEL_FILTER_HOT</div><div class="opcion_editor" id="otono">LABEL_FILTER_FALL</div><div class="opcion_editor" id="marzo">LABEL_FILTER_MARCH</div><div class="opcion_editor" id="pera">LABEL_FILTER_PEAR</div><div class="opcion_editor" id="comun">LABEL_FILTER_COMMON</div><div class="opcion_editor" id="oro">LABEL_FILTER_GOLD</div><div class="opcion_editor" id="gotico">LABEL_FILTER_GOTHIC</div><div class="opcion_editor" id="forestal">LABEL_FILTER_FORESTRY</div><div class="opcion_editor" id="luna">LABEL_FILTER_MOON</div><div class="opcion_editor" id="fiesta">LABEL_FILTER_PARTY</div></div></div></div><div class="volver"><span class="icon-undo"></span>LABEL_START_OVER</div><div class="paso_1 paso animated bounceInDown delay-04 fast">1</div><div class="paso_2 a1 animated bounceInDown delay-06 fast">2</div><div class="paso_2 b1 animated bounceInDown delay-08 fast">3</div></div></div><div class="editor_imagenes"><div class="fondo_oscuro"></div><div class="editor_imagenes2"><div class="filtros animated fadeInLeft delay-04 fast"><div class="titulo_filtro"><span class="icon-eyedropper fa fa-eyedropper"></span>LABEL_FILTERS</div><div class="opciones_imagen"><div class="opcion_editor oa" id="normal">LABEL_FILTER_NORMAL</div><div class="opcion_editor" id="noche">LABEL_FILTER_NIGHT</div><div class="opcion_editor" id="sa">LABEL_FILTER_SAINT_ANA</div><div class="opcion_editor" id="crema">LABEL_FILTER_CREAM</div><div class="opcion_editor" id="magia">LABEL_FILTER_MAGIC</div><div class="opcion_editor" id="relieve">LABEL_FILTER_RELIEF</div><div class="opcion_editor" id="luz">LABEL_FILTER_LIGHT</div><div class="opcion_editor" id="saturacion">LABEL_FILTER_SATURATION</div><div class="opcion_editor" id="retoque">LABEL_FILTER_RETOUCH</div><div class="opcion_editor" id="orange">LABEL_FILTER_ORANGE</div><div class="opcion_editor" id="setenta">LABEL_FILTER_WIND</div><div class="opcion_editor" id="desierto">LABEL_FILTER_DESERT</div><div class="opcion_editor" id="bosque">LABEL_FILTER_FOREST</div><div class="opcion_editor" id="villa">LABEL_FILTER_TOWN</div><div class="opcion_editor" id="rosa">LABEL_FILTER_PINK</div><div class="opcion_editor" id="historia">LABEL_FILTER_HISTORY</div><div class="opcion_editor" id="gris">LABEL_FILTER_GRAY</div><div class="opcion_editor" id="lhs">LABEL_FILTER_OLD_PICTURE</div><div class="opcion_editor" id="encantador">LABEL_FILTER_CHARMING</div><div class="opcion_editor" id="emocion">LABEL_FILTER_EMOTION</div><div class="opcion_editor" id="beige">LABEL_FILTER_BEIGE</div><div class="opcion_editor" id="fine">LABEL_FILTER_FINE</div><div class="opcion_editor" id="lord">LABEL_FILTER_LORD</div><div class="opcion_editor" id="70">LABEL_FILTER_70S</div><div class="opcion_editor" id="arbol">LABEL_FILTER_TREE</div><div class="opcion_editor" id="verano">LABEL_FILTER_SUMMER</div><div class="opcion_editor" id="cf">LABEL_FILTER_COLD_WEATHER</div><div class="opcion_editor" id="angeles">LABEL_FILTER_ANGELS</div><div class="opcion_editor" id="caliente">LABEL_FILTER_HOT</div><div class="opcion_editor" id="otono">LABEL_FILTER_FALL</div><div class="opcion_editor" id="marzo">LABEL_FILTER_MARCH</div><div class="opcion_editor" id="pera">LABEL_FILTER_PEAR</div><div class="opcion_editor" id="comun">LABEL_FILTER_COMMON</div><div class="opcion_editor" id="oro">LABEL_FILTER_GOLD</div><div class="opcion_editor" id="gotico">LABEL_FILTER_GOTHIC</div><div class="opcion_editor" id="forestal">LABEL_FILTER_FORESTRY</div><div class="opcion_editor" id="luna">LABEL_FILTER_MOON</div><div class="opcion_editor" id="fiesta">LABEL_FILTER_PARTY</div></div></div><div class="canvas_imagen"><div class="canvas recortar"><div class="canvas_subir" id="imagen_noticia"><span class="icon-plus fa fa-plus"></span>LABEL_DRAG_IMAGE_HERE</div></div></div><div class="modificar animated fadeInRight delay-04 fast"><div><div class="titulo_recortar"><span class="icon-ungroup fa fa-scissors"></span>LABEL_CUT</div><div class="opcion_editor recortar10"><div>LABEL_CUT</div><div id="blockCelda"><span class="fa fa-lock"></span></div></div></div><div class="texto"><div class="titulo_texto"><span class="icon-plus fa fa-text-width"></span>LABEL_ADD_TEXT</div><input id="texto_input" type="text" name="texto" placeholder="LABEL_ADD_TEXT_HERE"><div class="fonts"><div class="font" id="negritas" data-tooltip="Negritas"><i class="fa fa-bold" aria-hidden="true"></i></div><div class="font" id="italic" data-tooltip="Letra Cursiva"><i class="fa fa-italic" aria-hidden="true"></i></div><input type="color" class="" data-tooltip="Color de la letra" name="" id="color" value="#ffffff"> <input type="number" class="" data-tooltip="Tamaño de la letra" name="" id="font-size" max="500" min="1" step="1" value="48"></div><div class="fonts"><div class="font fa" data-tooltip="Sombra de la letra" id="shadow">A</div><div class="font" id="rectangulo" data-tooltip="Fondo de la letra"><div class="rectangulo">C</div></div><input type="color" name="" id="colorrect" value="#000000" class="" data-tooltip="Color del fondo"> <input type="number" name="" id="opacidad" max="100" min="1" step="1" value="100" class="" data-tooltip="Transparensia del fondo"></div><div class="fonts_style"><div class="fs at" id="arial">LABEL_FONT_ARIAL</div><div class="fs" id="calibri">LABEL_FONT_CALIBRI</div><div class="fs" id="forte">LABEL_FONT_FORTE</div><div class="fs" id="impact">LABEL_FONT_IMPACT</div><div class="fs" id="jokerman">LABEL_FONT_JOKERMAN</div><div class="fs" id="mb">LABEL_FONT_MV_BOLI</div><div class="fs" id="tnr">LABEL_FONT_TIMES_NEW_ROMAN</div><div class="fs" id="verdana">LABEL_FONT_VERDANA</div><div class="fs" id="vivaldi">LABEL_FONT_VIVALDI</div></div></div></div></div><div class="botones_dimenciones"><div class="scale"><div class="dimenciones"><div id="ancho">1240px</div><div>x</div><div id="alto">720px</div></div><div class="porciento"><div id="menos_scale"><span class="icon-minus fa fa-minus"></span></div><div class="ps"><ul class="cantidades_scale"><li data-scale="2" class="as">200%</li><li data-scale="1" class="as">100%</li><li data-scale="0.75" class="as">75%</li><li data-scale="0.5" class="as">50%</li><li data-scale="0.25" class="as">25%</li></ul><div id="porciento_scale">50%</div></div><div id="mas_scale"><span class="icon-plus fa fa-plus"></span></div></div></div><div class="botones"><button class="boton_normal" id="ir_atras">LABEL_GO_BACK</button><button class="boton_normal" id="boton_recortar">LABEL_DATATABLE_SNEXT</button></div></div></div></div><dav class="fixed_noticia"></dav><dav class="cuadro_noticias animated bounceInUp delay-04" id="cuadro_noticias"><dav class="relative"><div class="titulo_topico">LABEL_TITLE_TOPIC</div><canvas class="imagen_noticias" id="imagen_noticias" width="320" height="480"></canvas></dav><div class="progreso d-flex align-items-center justify-content-between"><progress value="0" max="100"></progress><span class="ml-2">0.0%</span></div></dav>'
1756
 
1757
		$(document).on("click", ".info_noticia", function(e){
1758
			imagenServidorNoticia = elemento.toDataURL("image/jpeg", 1.0);
1759
			console.log(imagenServidorNoticia.split(','))
1760
			$('.file').val(imagenServidorNoticia.split(',')[1]);
1761
			console.log($('.file').val())
1762
			$(".c1").addClass("paso");
1763
 
1764
 
1765
		})
1766
		var edit;
1767
		function iniciarEditor(add=true, image=''){
1768
		 cortar=false;
1769
		recorte_listo=false;
1770
		texto="";
1771
		seis=true;
1772
		color="#ffffff";
1773
		texto_listo=false,siete=false;
1774
		uno=true;
1775
		size=48;
1776
		cinco=true;
1777
		xf=320,yf =480;
1778
		negritas=false, bold="";
1779
		shadow = true, nueve=true;
1780
		italic=false, ita="";
1781
		rectangulo=false, diez=false;
1782
     	fontfamily="Arial";
1783
     	r=0,g=0,b=0,a=1;
1784
		 edit=add;
1785
		console.log(edit)
1786
		window.clearInterval(editorNoticia);
1787
		setTimeout(function(){
1788
			scroll_altura=$(".articulo_noticia").offset().top-110;
1789
			anchoFondoOscuro = $(".articulo_noticia").width();
1790
			altoFondoOscuro = $(".editor_imagenes").height();
1791
			$(".fondo_oscuro").css("width",""+anchoFondoOscuro+"px");
1792
			$(".fondo_oscuro").css("height",""+altoFondoOscuro+"px");
1793
 
1794
		},navegacion(nuevoHtmlImagen,edit,image));
1795
 
1796
		}
1797
 
1798
		$(document).on("click", ".volver", function(){
1799
		var nombre_user = $(".perfil_u_nombre").text();
1800
		var primer_nombre = nombre_user.split(" ")[0];
1801
		 cortar=false;
1802
		cinco=true;
1803
		recorte_listo=false;
1804
		texto="";
1805
		seis=true;
1806
		color="#ffffff";
1807
		texto_listo=false,siete=false;
1808
		uno=true;
1809
		size=48;
1810
		xf=320,yf =480;
1811
		negritas=false, bold="";
1812
		shadow = true, nueve=true;
1813
		italic=false, ita="";
1814
		rectangulo=false, diez=false;
1815
     	fontfamily="Arial";
1816
     	r=0,g=0,b=0,a=1;
1817
		 var imagenServidorNoticia;
1818
		 console.log(edit)
1819
		window.clearInterval(editorNoticia);
1820
		setTimeout(function(){
1821
			scroll_altura=$(".articulo_noticia").offset().top-110;
1822
			anchoFondoOscuro = $(".articulo_noticia").width();
1823
			altoFondoOscuro = $(".editor_imagenes").height();
1824
			$(".fondo_oscuro").css("width",""+anchoFondoOscuro+"px");
1825
			$(".fondo_oscuro").css("height",""+altoFondoOscuro+"px");
1826
 
1827
		},navegacion(nuevoHtmlImagen,edit,'',false));
1828
 
1829
		})
1830
 
1831
		function navegacion(nuevoHtmlImagen,add,image,reload=true){
1832
			if(add){
1833
				$('#contenido2').html('')
1834
				$('#contenido').html(nuevoHtmlImagen)
1835
 
1836
			}else{
1837
				if(reload){
1838
					$('#contenido').html('')
1839
					const getBase64FromUrl = async (url) => {
1840
						const data = await fetch(url);
1841
						const blob = await data.blob();
1842
						return new Promise((resolve) => {
1843
							const reader = new FileReader();
1844
							reader.readAsDataURL(blob);
1845
							reader.onloadend = function() {
1846
							const base64data = reader.result;
1847
							resolve(base64data);
1848
							}
1849
						});
1850
					}
1851
 
1852
					getBase64FromUrl(image).then(function(e){
1853
						$('#form-topic-edit #name').trigger('change');
1854
						$(".volver").css("display","block")
1855
						$(".a1").addClass("paso");
1856
						$(".titulo_pasos").html("LABEL_STEP_2");
1857
						setTimeout(function(){
1858
							recorte_listo=true;
1859
							$(".fondo_oscuro").css("display","none");
1860
							$("#boton_recortar").removeClass("recortar").text("LABEL_SEND").addClass("info_noticia").attr('type','submit');
1861
							$(".recortar10").removeClass("recortar");
1862
							$(".canvas").removeClass("recortar");
1863
							$(".b1").addClass("paso");
1864
							$(".titulo_pasos").html("LABEL_STEP_3");
1865
							if(texto!=""){
1866
								seis=true;
1867
								siete=true;
1868
							}
1869
							cinco=true;
1870
							dos=true;
1871
							cuatro=true;
1872
							actualizar();
1873
 
1874
						},editorNoticia(e));
1875
 
1876
 
1877
					})
1878
 
1879
					setTimeout(function(){
1880
						$(".canvas_subir").html('<span class="icon-plus fa fa-spinner"></span> Cargando...')
1881
						$('#form-topic-edit #name').trigger('change');
1882
					},$('#contenido2').html(nuevoHtmlImagen));
1883
				}else{
1884
					$('#contenido').html('')
1885
					setTimeout(function(){
1886
						$('#form-topic-edit #name').trigger('change');
1887
					},$('#contenido2').html(nuevoHtmlImagen));
1888
				}
1889
			}
1890
		}
1891
 
1892
		$(window).on("scroll", function(){
1893
			console.log(scroll_altura)
1894
		if($(window).scrollTop()>scroll_altura){
1895
			$("#cuadro_noticias").addClass("fixed");
1896
		}else{
1897
			$("#cuadro_noticias").removeClass("fixed");
1898
		}
1899
	})
1900
 
1901
	$(document).on("dragover", "#imagen_noticia", function(e){
1902
		e.preventDefault();
1903
		e.stopPropagation();
1904
		$(this).css({"background":"rgba(0,0,0,.2)"})
1905
	})
1906
	$(document).on("drop", "#imagen_noticia", function(e){
1907
		e.preventDefault();
1908
		e.stopPropagation();
1909
		$(this).css("background", "none");
1910
		var archivo = e.originalEvent.dataTransfer.files;
1911
		var img=archivo[0];
1912
		if(img.type =="image/jpeg"||img.type =="image/png"){
1913
			$(".modificar").removeClass("animated");
1914
			var render = new FileReader();
1915
			render.readAsDataURL(img);
1916
			render.onload = function(e){
1917
				$(".volver").css("display","block")
1918
				$(".a1").addClass("paso");
1919
				$(".titulo_pasos").html("LABEL_STEP_2");
1920
				console.log(e.target.result)
1921
				editorNoticia(e.target.result)
1922
			}
1923
		}
1924
	})
1925
	$(document).on("dragover", "body", function(e){
1926
		e.preventDefault();
1927
		e.stopPropagation();
1928
	})
1929
	$(document).on("drop", "body", function(e){
1930
		e.preventDefault();
1931
		e.stopPropagation();
1932
	})
1933
 
1934
	var canvas='<div class="editorNoticia"><canvas id="editorNoticia">LABEL_NOT_SUPPORTED</canvas></div>';
1935
	$(document).on("mouseover", ".editorNoticia", function(){
1936
		$("body").css({"overflow": "hidden"});
1937
		$(".cuadro_noticias, .fixed_noticia,.tituloEditor,.grid-padre").css("margin-right", "17px")
1938
		$(".barra,.footer").css("padding-right","17px")
1939
 
1940
 
1941
	})
1942
	$(document).on("mouseover", "#editorNoticia", function(){
1943
		if(recorte_listo){
1944
			ocho=true;
1945
		}
1946
	})
1947
	$(document).on("mouseout", "#editorNoticia", function(){
1948
		if(recorte_listo){
1949
			ocho=false;
1950
			actualizar2()
1951
		}
1952
	})
1953
	$(document).on("mouseout", ".editorNoticia",function(){
1954
		$("body").css({"overflow": "auto"})
1955
		$(".cuadro_noticias, .fixed_noticia,.tituloEditor,.grid-padre").css("margin-right", "0px")
1956
		$(".barra,.footer").css("padding-right","0px")
1957
 
1958
	})
1959
	$(document).on('mousewheel', ".editorNoticia",function(e){
1960
		var ruedita = e.originalEvent.wheelDelta
1961
		if(ruedita>0){
1962
			scale = scale+(scale/10);
1963
			$("#porciento_scale").html((scale*100).toFixed(2)+"%")
1964
		}else{
1965
			scale = scale-(scale/10);
1966
			$("#porciento_scale").html((scale*100).toFixed(2)+"%")
1967
		}
1968
		$("#editorNoticia").css({"transform": "scale("+scale+")"});
1969
	})
1970
	$(document).on("click", ".as", function(e){
1971
		e.preventDefault();
1972
		 scale = $(this).data("scale");
1973
		 $("#porciento_scale").html((scale*100).toFixed(2)+"%")
1974
		 $("#editorNoticia").css({"transform": "scale("+scale+")"});
1975
 
1976
	})
1977
	$(document).on("click", ".ps", function(e){
1978
		e.preventDefault();
1979
		$(".cantidades_scale").slideToggle(200).css("display", "block");
1980
	})
1981
	$(document).on("click", "#cerrar_filter_modal, .icon_filter", function(e){
1982
		e.preventDefault();
1983
		if(recorte_listo){
1984
		$(".contenido_filter").slideToggle(200).css("display", "block");
1985
		}
1986
	})
1987
	$(document).on("click", "#cerrar_text_modal, .icon_text", function(e){
1988
		e.preventDefault();
1989
		if(recorte_listo){
1990
			$(".contenido_text").slideToggle(200).css("display", "block");
1991
		}
1992
	})
1993
 
1994
	$(document).on("click", "#cerrar_cut_modal, .icon_cut", function(e){
1995
		e.preventDefault();
1996
		if(cortar){
1997
			$(".contenido_cut").slideToggle(200).css("display", "block");
1998
		}
1999
 
2000
	})
2001
	$(document).on("click", "#menos_scale", function(e){
2002
		e.preventDefault();
2003
		scale = scale-(scale/10);
2004
		 $("#porciento_scale").html((scale*100).toFixed(2)+"%")
2005
		 $("#editorNoticia").css({"transform": "scale("+scale+")"});
2006
	})
2007
 
2008
	$(document).on("click", "#mas_scale", function(e){
2009
		e.preventDefault();
2010
		scale = scale+(scale/10);
2011
		 $("#porciento_scale").html((scale*100).toFixed(2)+"%")
2012
		 $("#editorNoticia").css({"transform": "scale("+scale+")"});
2013
	})
2014
	$(document).on("click", "#noche", function(){
2015
		$(".oa").removeClass("oa")
2016
		filter( .5,1.3,1.31,1.33,1.38);
2017
		$(this).addClass("oa")
2018
	})
2019
	$(document).on("click", "#sa", function(){
2020
		$(".oa").removeClass("oa")
2021
		filter( .7,1.1,1.64,1.66,1.50);
2022
		$(this).addClass("oa")
2023
	})
2024
	$(document).on("click", "#crema", function(){
2025
		$(".oa").removeClass("oa")
2026
		filter( .75,1,1.66,1.60,1.51);
2027
		$(this).addClass("oa")
2028
	})
2029
	$(document).on("click", "#setenta", function(){
2030
		$(".oa").removeClass("oa")
2031
		filter( .8,.75,1.60,1.66,1.58);
2032
		$(this).addClass("oa")
2033
	})
2034
	$(document).on("click", "#orange", function(){
2035
		$(".oa").removeClass("oa")
2036
		filter( .8,1,1.6,1.45,1.49);
2037
		$(this).addClass("oa")
2038
	})
2039
	$(document).on("click", "#relieve", function(){
2040
		$(".oa").removeClass("oa")
2041
		filter( .7,1.2,1.60,1.66,1.58);
2042
		$(this).addClass("oa")
2043
	})
2044
	$(document).on("click", "#bosque", function(){
2045
		$(".oa").removeClass("oa")
2046
		filter( .85,.75,1.47,1.66,1.54);
2047
		$(this).addClass("oa")
2048
	})
2049
	$(document).on("click", "#desierto", function(){
2050
		$(".oa").removeClass("oa")
2051
		filter( .8,.9,1.66,1.43,1.28);
2052
		$(this).addClass("oa")
2053
	})
2054
	$(document).on("click", "#villa", function(){
2055
		$(".oa").removeClass("oa")
2056
		filter( .8,.8,1.71,1.64,1.58);
2057
		$(this).addClass("oa")
2058
	})
2059
	$(document).on("click", "#magia", function(){
2060
		$(".oa").removeClass("oa")
2061
		filter( .7,1.2,1.49,1.49,1.6);
2062
		$(this).addClass("oa")
2063
	})
2064
	$(document).on("click", "#luz", function(){
2065
		$(".oa").removeClass("oa")
2066
		filter( .9,.9,1.45,1.54,1.54);
2067
		$(this).addClass("oa")
2068
	})
2069
	$(document).on("click", "#retoque", function(){
2070
		$(".oa").removeClass("oa")
2071
		filter( .9,1.3,1,1,1);
2072
		$(this).addClass("oa")
2073
	})
2074
	$(document).on("click", "#saturacion", function(){
2075
		$(".oa").removeClass("oa")
2076
		filter( 1,1.5,1,1,1);
2077
		$(this).addClass("oa")
2078
	})
2079
	$(document).on("click", "#rosa", function(){
2080
		$(".oa").removeClass("oa")
2081
		filter( .8,1.2,1.24,.99,1);
2082
		$(this).addClass("oa")
2083
	})
2084
	$(document).on("click", "#historia", function(){
2085
		$(".oa").removeClass("oa")
2086
		filter( .9,1.1,1.33,1.19,.91);
2087
		$(this).addClass("oa")
2088
	})
2089
	$(document).on("click", "#encantador", function(){
2090
		$(".oa").removeClass("oa")
2091
		filter( .9,1.2,26,-12,0,2);
2092
		$(this).addClass("oa")
2093
	})
2094
	$(document).on("click", "#emocion", function(){
2095
		$(".oa").removeClass("oa")
2096
		filter( 1.1,1.4,40,12,-6,2);
2097
		$(this).addClass("oa")
2098
	})
2099
	$(document).on("click", "#beige", function(){
2100
		$(".oa").removeClass("oa")
2101
		filter( .9,1.32,56,47,17,2);
2102
		$(this).addClass("oa")
2103
	})
2104
	$(document).on("click", "#fine", function(){
2105
		$(".oa").removeClass("oa")
2106
		filter( .87,1.19,55,37,23,2);
2107
		$(this).addClass("oa")
2108
	})
2109
	$(document).on("click", "#lord", function(){
2110
		$(".oa").removeClass("oa")
2111
		filter( 1.2,.9,67,13,-23,2);
2112
		$(this).addClass("oa")
2113
	})
2114
	$(document).on("click", "#70", function(){
2115
		$(".oa").removeClass("oa")
2116
		filter( 1.2,1.2,35,7,18,2);
2117
		$(this).addClass("oa")
2118
	})
2119
	$(document).on("click", "#arbol", function(){
2120
		$(".oa").removeClass("oa")
2121
		filter(.92,1.23,-11,11,11,2);
2122
		$(this).addClass("oa")
2123
	})
2124
	$(document).on("click", "#verano", function(){
2125
		$(".oa").removeClass("oa")
2126
		filter( 1,1.4,-3,-1,-12,2);
2127
		$(this).addClass("oa")
2128
	})
2129
	$(document).on("click", "#cf", function(){
2130
		$(".oa").removeClass("oa")
2131
		filter( .85,1.26,-15,2,-1,2);
2132
		$(this).addClass("oa")
2133
	})
2134
	$(document).on("click", "#angeles", function(){
2135
		$(".oa").removeClass("oa")
2136
		filter( 1,1.4,5,12,1,2);
2137
		$(this).addClass("oa")
2138
	})
2139
	$(document).on("click", "#caliente", function(){
2140
		$(".oa").removeClass("oa")
2141
		filter( .9,1.2,43,-17,-55,2);
2142
		$(this).addClass("oa")
2143
	})
2144
	$(document).on("click", "#otono", function(){
2145
		$(".oa").removeClass("oa")
2146
		filter( 1,1.29,29,26,17,2);
2147
		$(this).addClass("oa")
2148
	})
2149
	$(document).on("click", "#marzo", function(){
2150
		$(".oa").removeClass("oa")
2151
		filter( .85,1.3,43,25,-11,2);
2152
		$(this).addClass("oa")
2153
	})
2154
	$(document).on("click", "#pera", function(){
2155
		$(".oa").removeClass("oa")
2156
		filter( .8,1.25,31,41,12,2);
2157
		$(this).addClass("oa")
2158
	})
2159
	$(document).on("click", "#comun", function(){
2160
		$(".oa").removeClass("oa")
2161
		filter( 1,1.36,4,5,1,2);
2162
		$(this).addClass("oa")
2163
	})
2164
	$(document).on("click", "#oro", function(){
2165
		$(".oa").removeClass("oa")
2166
		filter( .9,1.3,37,-25,1,2);
2167
		$(this).addClass("oa")
2168
	})
2169
	$(document).on("click", "#gotico", function(){
2170
		$(".oa").removeClass("oa")
2171
		filter( 1.1,1.3,-47,-42,-30,2);
2172
		$(this).addClass("oa")
2173
	})
2174
	$(document).on("click", "#forestal", function(){
2175
		$(".oa").removeClass("oa")
2176
		filter( 1,1.4,-5,42,11,2);
2177
		$(this).addClass("oa")
2178
	})
2179
	$(document).on("click", "#luna", function(){
2180
		$(".oa").removeClass("oa")
2181
		filter( .9,1.2,-5,-7,4,2);
2182
		$(this).addClass("oa")
2183
	})
2184
	$(document).on("click", "#fiesta", function(){
2185
		$(".oa").removeClass("oa")
2186
		filter( 1.1,1.3,-1,-1,26,2);
2187
		$(this).addClass("oa")
2188
	})
2189
	$(document).on("click", "#gris", function(){
2190
		$(".oa").removeClass("oa")
2191
		filtergris(1,1)
2192
		$(this).addClass("oa")
2193
	})
2194
	$(document).on("click", "#lhs", function(){
2195
		$(".oa").removeClass("oa")
2196
		filtergris(.8,1.5);
2197
		$(this).addClass("oa")
2198
	})
2199
	$(document).on("click", "#normal", function(){
2200
		$(".oa").removeClass("oa")
2201
		$(this).addClass("oa")
2202
		filter();
2203
	})
2204
	var texto_listo=false,siete=false;
2205
	var texto;
2206
	$(document).on("keyup", "#texto_input", function(e){
2207
		e.preventDefault();
2208
		texto = $(this).val();
2209
		if(texto_actualizar){
2210
			siete=true;
2211
		}
2212
		if(texto!=""){
2213
			texto_actualizar=true;
2214
			actualizar2();
2215
		}else{
2216
			actualizar2();
2217
		}
2218
 
2219
	})
2220
	var color="#ffffff";
2221
	$(document).on("change", "#color", function(){
2222
    	color=$(this).val();
2223
    	seis=true;
2224
    	actualizar2();
2225
    })
2226
    var size=48;
2227
    $(document).on("keyup change", "#font-size", function(){
2228
    	size=$(this).val();
2229
    	size = parseInt(size);
2230
    	seis=true;
2231
    	siete=true;
2232
    	actualizar2();
2233
    })
2234
    var negritas=false, bold="";
2235
    $(document).on("click", "#negritas", function(e){
2236
    	e.preventDefault();
2237
    	if(!negritas){
2238
    		bold="bold";
2239
    		$(this).addClass("fa");
2240
    		seis=true;
2241
    		siete=true;
2242
    		actualizar2();
2243
    		negritas=true;
2244
    	}else{
2245
    		bold="";
2246
    		$(this).removeClass("fa");
2247
    		seis=true;
2248
    		siete=true;
2249
    		actualizar2();
2250
    		negritas=false;
2251
    	}
2252
    })
2253
    var italic=false, ita="";
2254
     $(document).on("click", "#italic", function(e){
2255
    	e.preventDefault();
2256
    	if(!italic){
2257
    		ita="italic";
2258
    		$(this).addClass("fa");
2259
    		seis=true;
2260
    		siete=true;
2261
    		actualizar2();
2262
    		italic=true;
2263
    	}else{
2264
    		ita="";
2265
    		$(this).removeClass("fa");
2266
    		seis=true;
2267
    		siete=true;
2268
    		actualizar2();
2269
    		italic=false;
2270
    	}
2271
    })
2272
     var fontfamily="Arial";
2273
     $(document).on("click", ".fs", function(e){
2274
    	e.preventDefault();
2275
    	$(".at").removeClass("at");
2276
    	$(this).addClass("at");
2277
    	fontfamily= $(this).text();
2278
    	seis=true;
2279
    	siete=true;
2280
    	actualizar2();
2281
 
2282
    })
2283
     var shadow = true, nueve=true;
2284
     $(document).on("click","#shadow", function(e){
2285
     	e.preventDefault();
2286
     	if(shadow){
2287
     		$(this).removeClass("fa");
2288
     		seis=true;
2289
     		nueve=false;
2290
     		actualizar2();
2291
     		shadow=false;
2292
     	}else{
2293
     		$(this).addClass("fa");
2294
     		seis=true;
2295
     		nueve=true;
2296
     		actualizar2();
2297
     		shadow=true;
2298
     	}
2299
 
2300
     })
2301
     var rectangulo=false, diez=false, colorrect="#000000";
2302
     $(document).on("click", "#rectangulo", function(e){
2303
     	e.preventDefault();
2304
     	if(!rectangulo){
2305
     		$(this).addClass("fa");
2306
     		diez=true;
2307
     		actualizar2();
2308
     		rectangulo=true;
2309
     	}else{
2310
     		$(this).removeClass("fa");
2311
     		diez=false;
2312
     		actualizar2();
2313
     		rectangulo=false;
2314
     	}
2315
 
2316
     })
2317
     var r=0,g=0,b=0;
2318
    $(document).on("change", "#colorrect", function(){
2319
    	colorrect=$(this).val();
2320
    	r=parseInt(colorrect.slice(1,3),16);
2321
    	g=parseInt(colorrect.slice(3,5),16);
2322
    	b=parseInt(colorrect.slice(5,7),16);
2323
    	seis=true;
2324
    	actualizar2();
2325
    })
2326
    var a=1;
2327
 
2328
    $(document).on("keyup change", "#opacidad", function(){
2329
    	a=$(this).val();
2330
    	a=a/100;
2331
    	seis=true;
2332
    	actualizar2();
2333
    })
2334
	var imaNoti = new Image();
2335
	function filter(brillo=1, contraste=1, rojo=1, verde=1, azul=1, valor=1){
2336
		cuatro=false;
2337
		restaurar(brillo, contraste);
2338
		datos=imagenOriginal.data;
2339
		if(valor==2){
2340
			for (var i =  0; i <datos.length; i+=4) {
2341
				datos[i]=datos[i]+rojo;
2342
				datos[i+1]=datos[i+1]+verde;
2343
				datos[i+2]=datos[i+2]+azul;
2344
			}
2345
		}else{
2346
			for (var i =  0; i <datos.length; i+=4) {
2347
				datos[i]=datos[i]*rojo;
2348
				datos[i+1]=datos[i+1]*verde;
2349
				datos[i+2]=datos[i+2]*azul
2350
			}
2351
		}
2352
		editor.putImageData(imagenOriginal,0,0)
2353
		var imagenNoticia = elemento.toDataURL("image/jpeg", 1.0);
2354
	    imaNoti.src = imagenNoticia;
2355
		actualizar2();
2356
	}
2357
	function filtergris(brillo=1, contraste=1){
2358
		cuatro=false;
2359
		restaurar(brillo, contraste);
2360
		datos=imagenOriginal.data;
2361
		var auxiliar;
2362
		for (var i =  0; i <datos.length; i+=4) {
2363
			auxiliar = 0.34 * datos[i] + 0.5 *datos[i+1] + 0.16 * datos[i+2];
2364
			datos[i]=auxiliar;
2365
			datos[i+1]=auxiliar;
2366
			datos[i+2]=auxiliar;
2367
		}
2368
 
2369
		editor.putImageData(imagenOriginal,0,0)
2370
		var imagenNoticia = elemento.toDataURL("image/jpeg", 1.0);
2371
	    imaNoti.src = imagenNoticia;
2372
		actualizar2();
2373
	}
2374
	function restaurar(brillo = 1, contraste=1){
2375
		editor.filter = "none"
2376
		editor.filter = 'contrast('+contraste+') brightness('+brillo+') saturate(1) sepia(0)';
2377
		editor.fillStyle="rgba(255,255,255,1)"
2378
		editor.fillRect(0,0,ancho,alto);
2379
		editor.fillStyle=""+color+"";
2380
		var pxf=0,pyf=0;
2381
			if(xf>=(yf/recorte)){
2382
				pxf=xf/ancho;
2383
				pyf=yf/pxf;
2384
				py=(alto/2)-(pyf/2);
2385
				editor.drawImage(imagen,x,y,xf,yf,0,py,ancho,pyf);
2386
			}else{
2387
				pyf=yf/alto;
2388
				pxf=xf/pyf;
2389
				px=(ancho/2)-(pxf/2);
2390
				editor.drawImage(imagen,x,y,xf,yf,px,0,pxf,alto);
2391
			}
2392
		imagenOriginal = editor.getImageData(0,0,ancho,alto)
2393
	}
2394
	var ocho=false;
2395
	function actualizar2(){
2396
		if(recorte_listo){
2397
		if(cuatro){
2398
			imagenOriginal = editor.getImageData(0,0,ancho,alto)
2399
			var imagenNoticia = elemento.toDataURL("image/jpeg", 1.0);
2400
	    	imaNoti.src = imagenNoticia;
2401
	    	cuatro=false;
2402
		}
2403
		editor.filter = "none"
2404
		$(imaNoti).ready(function(e){
2405
			noticia.drawImage(imaNoti,0,0,320,480);
2406
			editor.drawImage(imaNoti,0,0,ancho,alto)
2407
			if(texto_actualizar){
2408
				if(texto!=""){
2409
					if(seis){
2410
						ancho_imaNoti = imaNoti.width;
2411
 
2412
						scale_noticia = -(((ancho_imaNoti-320)/ancho_imaNoti)-1);
2413
						editor.fillStyle=""+color+"";
2414
						editor.strokeStyle="rgb(255,255,255)";
2415
						if(nueve){
2416
							editor.shadowColor="rgba(0,0,0,.5)";
2417
							editor.shadowOffsetX=6;
2418
							editor.shadowOffsetY=6;
2419
							editor.shadowBlur=6;
2420
							noticia.shadowColor="rgba(0,0,0,.5)";
2421
							noticia.shadowOffsetX=6*scale_noticia;
2422
							noticia.shadowOffsetY=6*scale_noticia;
2423
							noticia.shadowBlur=6*scale_noticia;
2424
						}else{
2425
							editor.shadowColor="rgba(0,0,0,0)";
2426
							noticia.shadowColor="rgba(0,0,0,0)";
2427
						}
2428
						editor.font=""+ita+" "+bold+" "+size+"px "+fontfamily+"";
2429
						editor.textAlign="start";
2430
						editor.textBaseline="top";
2431
 
2432
						var sizeNoticia = size*scale_noticia;
2433
						noticia.fillStyle=""+color+"";
2434
						noticia.font=""+ita+" "+bold+" "+sizeNoticia+"px "+fontfamily+"";
2435
						noticia.textAlign="start";
2436
						noticia.textBaseline="top";
2437
						seis=false;
2438
					}
2439
					if(siete){
2440
						dimencionesTexto = editor.measureText(texto);
2441
						txf=dimencionesTexto.width+20;
2442
						tyf= (20+size);
2443
						siete=false;
2444
					}
2445
					if(cinco){
2446
						dimencionesTexto = editor.measureText(texto);
2447
						if(xf>=(yf/recorte)){
2448
							tx=(xf/2)-(dimencionesTexto.width/2);
2449
							ty=(xf*recorte/2)-(size/2);
2450
						}else{
2451
							tx=(yf/recorte/2)-(dimencionesTexto.width/2);
2452
							ty=(yf/2)-(size/2);
2453
						}
2454
 
2455
						txf=dimencionesTexto.width+20;
2456
						tyf= size+20;
2457
						cinco=false;
2458
					}
2459
					if(diez){
2460
						editor.fillStyle="rgba("+r+","+g+","+b+","+a+")";
2461
						noticia.fillStyle="rgba("+r+","+g+","+b+","+a+")";
2462
						editor.fillRect(tx-10,ty-10,txf,tyf);
2463
						noticia.fillRect(((tx-10)*scale_noticia),((ty-10)*scale_noticia),txf*scale_noticia,tyf*scale_noticia);
2464
						editor.fillStyle=""+color+"";
2465
						noticia.fillStyle=""+color+"";
2466
 
2467
					}
2468
					editor.fillText(texto,tx,ty);
2469
					noticia.fillText(texto,(tx*scale_noticia),ty*scale_noticia);
2470
					if(ocho){
2471
						editor.strokeRect(tx-10,ty-10,txf,tyf)
2472
						editor.arc(tx+txf,ty+tyf,10,0,Math.PI*2,false);
2473
						editor.fill();
2474
						editor.beginPath();
2475
					}
2476
					texto_listo=true;
2477
				}
2478
			}
2479
		})
2480
 
2481
	}
2482
	}
2483
	function actualizar(){
2484
			$(imagen).ready(function(e){
2485
				if(uno){
2486
					ancho=imagen.width, alto = imagen.height;
2487
					elemento.width = ancho;
2488
					elemento.height = alto;
2489
					$(".scale").css("display","flex");
2490
					mitadX=ancho/2;
2491
					mitadY=alto/2;
2492
					x=mitadX-xf/2;
2493
					y=mitadY-yf/2;
2494
					if(ancho<=alto){
2495
					 scale = -(((alto-450)/alto)-1);
2496
 
2497
					}else{
2498
					 scale = -(((ancho-500)/ancho)-1);
2499
					}
2500
					$("#porciento_scale").html((scale*100).toFixed(2)+"%")
2501
					$("#ancho").html(ancho+"px");
2502
					$("#alto").html(alto+"px");
2503
					uno=false;
2504
				}
2505
				if(dos){
2506
 
2507
					if(xf>=(yf/recorte)){
2508
						alto=xf*recorte;
2509
						ancho=xf;
2510
					}else{
2511
						ancho=yf/recorte;
2512
						alto=yf;
2513
 
2514
					}
2515
					elemento.width = ancho;
2516
					elemento.height = alto;
2517
					if(xf<=yf){
2518
					 scale = -(((yf-450)/yf)-1);
2519
 
2520
					}else{
2521
					 scale = -(((xf-500)/xf)-1);
2522
					}
2523
 
2524
					$("#porciento_scale").html((scale*100).toFixed(2)+"%")
2525
					$("#ancho").html(Math.round(xf)+"px");
2526
					$("#alto").html(Math.round(yf)+"px");
2527
					dos=false;
2528
				}
2529
 
2530
					var pxf=0,pyf=0;
2531
					noticia.fillStyle="rgba(255,255,255,1)"
2532
					noticia.fillRect(0,0,320,480);
2533
				if(xf>=(yf/recorte)){
2534
					pxf=xf/320;
2535
					pyf=yf/pxf;
2536
					py=(480/2)-(pyf/2);
2537
					noticia.drawImage(imagen,x,y,xf,yf,0,py,320,pyf);
2538
				}else{
2539
					pyf=yf/480;
2540
					pxf=xf/pyf;
2541
					px=(320/2)-(pxf/2);
2542
					noticia.drawImage(imagen,x,y,xf,yf,px,0,pxf,480);
2543
				}
2544
 
2545
				$("#editorNoticia").css({"transform": "scale("+scale+")"});
2546
				if(!recorte_listo){
2547
					editor.drawImage(imagen,0,0,ancho,alto);
2548
					editor.fillStyle="rgba(0,0,0,.2)"
2549
					editor.fillRect(0,0,ancho,alto);
2550
					editor.fillStyle="rgba(255,255,255,.1)"
2551
					editor.fillRect(x,y,xf,yf);
2552
					editor.fillStyle="rgba(255,255,255,.5)"
2553
					editor.fillRect(x,y,16,16);
2554
					editor.fillRect((x+xf)-16,y,16,16);
2555
					editor.fillRect(x,y+yf-16,16,16);
2556
					editor.fillRect(x+xf-16,yf+y-16,16,16);
2557
					esta=true;
2558
				}else{
2559
					var pxf=0,pyf=0;
2560
 
2561
					editor.fillStyle="rgba(255,255,255,1)"
2562
					editor.fillRect(0,0,ancho,alto);
2563
					if(xf>=(yf/recorte)){
2564
						pxf=xf/ancho;
2565
						pyf=yf/pxf;
2566
						py=(alto/2)-(pyf/2);
2567
						editor.drawImage(imagen,x,y,xf,yf,0,py,ancho,pyf);
2568
					}else{
2569
						pyf=yf/alto;
2570
						pxf=xf/pyf;
2571
						px=(ancho/2)-(pxf/2);
2572
						editor.drawImage(imagen,x,y,xf,yf,px,0,pxf,alto);
2573
				}
2574
 
2575
				}
2576
			})
2577
		}
2578
	var imagenOriginal;
2579
	var x,y,xf=320,yf =480, elemento,editor,centro, total,scale,dimencionesTexto,ancho_imaNoti,
2580
	recorte_listo=false,alto,ancho,tx,ty,txf,tyf,cuatro=true,texto_actualizar=false,cinco=true,seis=true,cuatro;
2581
	var  mitadY,mitadX, uno=true,dos=false, recorte=480/320, imagen_noticias, scale_noticia, tres=true,rotar=false, cortar=false;;
2582
	var translateX;
2583
 
2584
	$(document).on("click", ".recortar10", function(e){
2585
 
2586
		e.preventDefault();
2587
		recorte_listo=false;
2588
		uno=true;
2589
		$(".fondo_oscuro").css("display","block");
2590
		$("#boton_recortar").addClass("recortar").text("Recortar").removeClass("info_noticia");
2591
		$("#boton_recortar3").addClass("recortar").text("Recortar").removeClass("info_noticia3");
2592
		$(".contenido_text").css("display", "none");
2593
		$(".contenido_filter").css("display", "none");
2594
		$(".recortar10").addClass("recortar");
2595
		$(".canvas").addClass("recortar")
2596
		$(".oa").removeClass("oa");
2597
		$("#normal").addClass("oa");
2598
		$(".b1").removeClass("paso");
2599
		$(".titulo_pasos").html("LABEL_STEP_2");
2600
		window.clearInterval(actualizar2);
2601
		actualizar();
2602
 
2603
	})
2604
 
2605
 
2606
	blockCelda=true;
2607
	$(document).on("click", "#blockCelda", function(e){
2608
		e.preventDefault();
2609
		if(blockCelda){
2610
			$(this).html('<span class="fa fa-unlock"></span>')
2611
 
2612
			blockCelda=false;
2613
		}else{
2614
			$(this).html('<span class="fa fa-lock"></span>')
2615
			blockCelda=true;
2616
		}
2617
		t4=true;
2618
 
2619
	})
2620
	var imagen
2621
	function editorNoticia(img){
2622
		 cortar=true;
2623
		imagen= new Image();
2624
		$(".canvas").html(canvas);
2625
		elemento = document.getElementById("editorNoticia");
2626
		editor = elemento.getContext("2d");
2627
		elemento2 = document.getElementById("imagen_noticias");
2628
		noticia = elemento2.getContext("2d");
2629
 
2630
		$(document).on("click", ".boton_marino.recortar",function(e){
2631
			e.preventDefault();
2632
			recorte_listo=true;
2633
			$(".fondo_oscuro").css("display","none");
2634
			$("#boton_recortar").removeClass("recortar").text("LABEL_SEND").addClass("info_noticia").attr('type','submit');
2635
			$(".recortar10").removeClass("recortar");
2636
			$(".canvas").removeClass("recortar");
2637
			$(".b1").addClass("paso");
2638
			$(".titulo_pasos").html("LABEL_STEP_3");
2639
			if(texto!=""){
2640
				seis=true;
2641
				siete=true;
2642
			}
2643
			cinco=true;
2644
			dos=true;
2645
			cuatro=true;
2646
			actualizar();
2647
		})
2648
 
2649
		var cli = false, t1= false, t2=false,t3=false,t4=false,tcli=false;
2650
		var mouse =[];
2651
 
2652
 
2653
		function raton(elemento, e){
2654
			return {
2655
				x:((e.pageX - elemento.offsetLeft - ((ancho/2)-((ancho*scale)/2)))/scale),
2656
				y:((e.pageY - elemento.offsetTop - ((alto/2)-((alto*scale)/2)))/scale)
2657
			}
2658
		}
2659
 
2660
		imagen.src=img;
2661
		$(".recortar10").addClass("recortar");
2662
		$("#boton_recortar").removeClass("boton_normal").addClass("recortar boton_marino").text("LABEL_CUT")
2663
		actualizar();
2664
 
2665
		$(elemento).mousemove(function(e){
2666
			mouse = raton(this, e);
2667
			//console.log("raton x: "+mouse.x+ " raton Y: " +mouse.y+ " tx: "+tx+" ty: "+ty+" txf:"+(txf+tx)+" tyf:"+(tyf+ty) )
2668
			if(!recorte_listo){
2669
				if(x+16<mouse.x &&(xf+x-16)>mouse.x && y+16<mouse.y && (y+yf-16)>mouse.y){
2670
			 		$(elemento).css("cursor","move");
2671
			 	}else if((xf+x-16)<mouse.x &&(xf+x)>mouse.x && (y+yf-16)<mouse.y && (y+yf)>mouse.y){
2672
			 		$(elemento).css("cursor","nw-resize");
2673
			 	}else if((xf+x-16)<mouse.x &&(xf+x)>mouse.x && y<mouse.y && (y+16)>mouse.y){
2674
			 		$(elemento).css("cursor","ne-resize");
2675
			 	}else if(x<mouse.x &&(16+x)>mouse.x && y<mouse.y && (y+16)>mouse.y){
2676
			 		$(elemento).css("cursor","se-resize");
2677
			 	}else if(x<mouse.x &&(16+x)>mouse.x && (y+yf-16)<mouse.y &&(y+yf)>mouse.y){
2678
			 		$(elemento).css("cursor","sw-resize");
2679
			 	}else{
2680
			 		$(elemento).css("cursor","default");
2681
			 	}
2682
			}else if(texto_listo){
2683
				if(tx-10<mouse.x && tx-10+txf>mouse.x && ty-10<mouse.y && ty-10+tyf>mouse.y){
2684
			 		$(elemento).css("cursor","move");
2685
			 	}else if((txf+tx-10)<mouse.x &&(txf+tx-10+20)>mouse.x && (ty-10+tyf)<mouse.y && (ty-10+tyf+20)>mouse.y){
2686
			 		$(elemento).css("cursor","pointer");
2687
			 	}else{
2688
			 		$(elemento).css("cursor","default");
2689
			 	}
2690
			}
2691
			else{
2692
				$(elemento).css("cursor","default");
2693
			}
2694
		})
2695
		$(elemento).mousedown(function(e){
2696
			mouse = raton(this, e);
2697
			if(!recorte_listo){
2698
				if(x+16<mouse.x &&(xf+x-16)>mouse.x && y+16<mouse.y && (y+yf-16)>mouse.y){
2699
			 		cli = true;
2700
			 	}
2701
			 	if((xf+x-16)<mouse.x &&(xf+x)>mouse.x && (y+yf-16)<mouse.y && (y+yf)>mouse.y){
2702
			 		t4 = true;
2703
			 	}
2704
				if((xf+x-16)<mouse.x &&(xf+x)>mouse.x && y<mouse.y && (y+16)>mouse.y){
2705
			 		t3 = true;
2706
			 	}
2707
			 	if(x<mouse.x &&(16+x)>mouse.x && y<mouse.y && (y+16)>mouse.y){
2708
			 		t1 = true;
2709
			 	}
2710
			 	if(x<mouse.x &&(16+x)>mouse.x && (y+yf-16)<mouse.y &&(y+yf)>mouse.y){
2711
			 		t2 = true;
2712
			 	}
2713
			}else if(texto_listo){
2714
				if(tx-10<mouse.x && tx-10+txf>mouse.x && ty-10<mouse.y && ty-10+tyf>mouse.y){
2715
			 		tcli=true;
2716
			 	}else if((txf+tx-10)<mouse.x &&(txf+tx-10+20)>mouse.x && (ty-10+tyf)<mouse.y && (ty-10+tyf+20)>mouse.y){
2717
			 		rotar=true;
2718
			 	}
2719
			}
2720
 
2721
		 })
2722
 
2723
		 $(elemento).mousemove(function(e){
2724
		 	mouse = raton(this, e);
2725
		 	if(!recorte_listo){
2726
			 	if(cli){
2727
			 		if((mouse.y-(yf/2))>=0&&(mouse.y+(yf/2))<=alto){
2728
				 		y = (mouse.y-(yf/2));
2729
			 		}else{
2730
			 			if((mouse.y-(yf/2))<0){
2731
			 				y=0;
2732
			 			}
2733
			 			if((mouse.y+(yf/2))>alto){
2734
			 				y=alto-yf;
2735
			 			}
2736
			 		}
2737
			 		if((mouse.x-(xf/2))>=0&&(mouse.x+(xf/2))<=ancho){
2738
			 			x = (mouse.x-(xf/2));
2739
			 		}else{
2740
			 			if((mouse.x-(xf/2))<0){
2741
			 				x=0;
2742
			 			}
2743
			 			if((mouse.x+(xf/2))>ancho){
2744
			 				x=(ancho)-xf;
2745
			 			}
2746
			 		}
2747
			 	}
2748
				if(blockCelda){
2749
			 	if(t4){
2750
			 		if(mouse.y<(alto-10)&&(x+xf)<=(ancho)){
2751
				 		if(Math.round(xf)>=50){
2752
							if(((mouse.y-y)/recorte)>50){
2753
				 				yf=mouse.y-y;
2754
				 				xf=(yf/recorte);
2755
				 			}
2756
						}
2757
			 		}else{
2758
			 			if(mouse.y>=(alto-10)){
2759
			 				yf=alto-y;
2760
				 			xf=(yf/recorte);
2761
				 			t4=false;
2762
			 			}
2763
			 			if(x+xf>(ancho)){
2764
			 				xf=(ancho)-x;
2765
				 			yf=(xf*recorte);
2766
				 			t4=false;
2767
			 			}
2768
			 		}
2769
			 	}
2770
			 	if(t3){
2771
			 		if(mouse.y>0&&(x+xf)<=(ancho)){
2772
				 		if(Math.round(xf)>=50){
2773
							if(((yf+(y-mouse.y))/recorte)>50){
2774
					 			yf=yf+(y-mouse.y);
2775
					 			xf=(yf/recorte);
2776
					 			y=mouse.y;
2777
				 			}
2778
				 		}
2779
 
2780
			 		}else{
2781
			 			if(mouse.y<=0) {
2782
			 				yf=yf+(y-mouse.y);
2783
				 			xf=(yf/recorte);
2784
			 				y=0;
2785
			 				t3=false;
2786
			 			}
2787
			 			if(x+xf>(ancho)){
2788
			 				xf=(ancho)-x;
2789
				 			yf=xf*recorte;
2790
				 			t3=false;
2791
			 			}
2792
			 		}
2793
			 	}
2794
			 	if(t2){
2795
			 		if(mouse.y<(alto-10)&&x>=0){
2796
				 		if(Math.round(xf)>=50){
2797
							if(((mouse.y-y)/recorte)>50){
2798
					 			x=(x+(yf-(mouse.y-y))/recorte);
2799
					 			yf=mouse.y-y;
2800
					 			xf=(yf/recorte);
2801
				 			}
2802
					 	}
2803
 
2804
			 		}else{
2805
			 			if(mouse.y>=(alto-10)) {
2806
			 				yf=alto-y;
2807
				 			xf=(yf/recorte);
2808
				 			t2=false;
2809
			 			}
2810
			 			if(0>x){
2811
			 				x=0;
2812
			 				xf=mouse.y-y;
2813
				 			yf=(xf*recorte);
2814
				 			t2=false;
2815
			 			}
2816
			 		}
2817
			 	}
2818
			 	if(t1){
2819
			 		if(mouse.y>0&&x>=0){
2820
				 		if(Math.round(xf)>=50){
2821
							if(((yf+(y-mouse.y))/recorte)>50){
2822
								yf=yf+(y-mouse.y);
2823
					 			xf=(yf/recorte);
2824
					 			x=(x-(y-mouse.y)/recorte);
2825
					 			y=mouse.y;
2826
							}
2827
				 		}
2828
			 		}else{
2829
			 			if(mouse.y<=0) {
2830
			 				yf=yf+(y-mouse.y);
2831
				 			xf=(yf/recorte);
2832
			 				y=0;
2833
			 				t1=false;
2834
			 			}
2835
			 			if(0>x){
2836
			 				x=0;
2837
			 				xf=yf+(y-mouse.y);
2838
				 			yf=(xf*recorte);
2839
				 			t1=false;
2840
			 			}
2841
			 		}
2842
			 	}
2843
				}else{
2844
				 if(t4){
2845
			 		if(mouse.y<(alto-10-(2/scale))&&mouse.x<=(ancho-(2/scale))){
2846
 
2847
							if((mouse.y-y)>50){
2848
				 				yf=mouse.y-y;
2849
				 			}
2850
							if((mouse.x-x)>50){
2851
								xf=mouse.x-x;
2852
							}
2853
 
2854
			 		}else{
2855
			 			if(mouse.y>=(alto-10-(2/scale))){
2856
			 				yf=alto-y;
2857
			 			}
2858
			 			if(mouse.x>(ancho-(2/scale))){
2859
			 				xf=(ancho)-x;
2860
			 			}
2861
						 t4=false;
2862
			 		}
2863
			 	}
2864
			 	if(t3){
2865
			 		if(mouse.y>(2/scale)&&mouse.x<=(ancho-(2/scale))){
2866
 
2867
							if((yf-(mouse.y-y))>50){
2868
				 				yf=yf-(mouse.y-y);
2869
								y=mouse.y;
2870
				 			}
2871
							if((mouse.x-x)>50){
2872
								xf=mouse.x-x;
2873
							}
2874
 
2875
 
2876
			 		}else{
2877
						if(mouse.x>(ancho-(2/scale))){
2878
							xf=ancho-x;
2879
						}
2880
						if(mouse.y<=(2/scale)){
2881
							yf=yf-(mouse.y-y);
2882
							y=0;
2883
						}
2884
			 			t3=false;
2885
			 		}
2886
			 	}
2887
				/* Izquierda abajo */
2888
			 	if(t2){
2889
			 		if(mouse.y<(alto-10-(2/scale))&&mouse.x>=(2/scale)){
2890
							 if((mouse.y-y)>50){
2891
								yf=mouse.y-y;
2892
				 			}
2893
							if((xf-(mouse.x-x))>50){
2894
								xf=xf-(mouse.x-x);
2895
								x=mouse.x
2896
							}
2897
 
2898
			 		}else{
2899
			 			if(mouse.y>=(alto-10-(2/scale))) {
2900
							yf=alto-y;
2901
			 			}
2902
 
2903
			 			if(mouse.x<(2/scale)){
2904
							xf=xf-(mouse.x-x);
2905
			 				x=0;
2906
			 			}
2907
						 t2=false;
2908
			 		}
2909
			 	}
2910
				/* izquierda arriba */
2911
			 	if(t1){
2912
			 		if(mouse.y>(2/scale)&&mouse.x>=(2/scale)){
2913
 
2914
							if((yf-(mouse.y-y))>50){
2915
				 				yf=yf-(mouse.y-y);
2916
								y=mouse.y;
2917
				 			}
2918
							if((xf-(mouse.x-x))>50){
2919
								xf=xf-(mouse.x-x);
2920
								x=mouse.x
2921
							}
2922
 
2923
			 		}else{
2924
						if(mouse.y<=(2/scale)){
2925
							yf=yf-(mouse.y-y);
2926
							y=0;
2927
						}
2928
						 if(mouse.x<(2/scale)){
2929
							xf=xf-(mouse.x-x);
2930
			 				x=0;
2931
 
2932
			 			}
2933
						 t1=false;
2934
			 		}
2935
			 	}
2936
			}
2937
 
2938
		 	actualizar();
2939
		 	}else if(texto_listo){
2940
		 		if(tcli){
2941
		 			tx=mouse.x-(txf/2)
2942
		 			ty=mouse.y-(tyf/2)
2943
		 		}else if(rotar){
2944
 
2945
		 		}
2946
 
2947
		 		actualizar2();
2948
		 	}
2949
		 })
2950
		 $(elemento).mouseup(function(e){
2951
		 	if(!recorte_listo){
2952
			 	cli=false;
2953
			 	t1=false;
2954
			 	t2=false;
2955
			 	t3=false;
2956
			 	t4=false;
2957
		 	}else if (texto_listo) {
2958
		 		tcli=false;
2959
		 	}
2960
		 })
2961
 
2962
 
2963
	}
2964
	/* Titulo */
2965
 
2966
var titulo_noticia, censor_titulo = true, numero_titulo=0;
2967
	$(document).on("keyup change", "#name", function(e){
2968
	console.log(numero_titulo)
2969
	titulo_noticia = $(this).val();
2970
	titulo_elemento= $(".titulo_topico");
2971
	if(titulo_noticia!=""){
2972
		if(censor_titulo){
2973
			titulo_elemento.html(titulo_noticia);
2974
			if(titulo_elemento.height()>38){
2975
				var titulo_noticia2 = "";
2976
				for(var i =0; i <titulo_noticia.length;i++){
2977
					titulo_noticia2 = titulo_noticia2 + titulo_noticia.split("")[i];
2978
					titulo_elemento.html(titulo_noticia2);
2979
					if(titulo_elemento.height()>38){
2980
						titulo_noticia2 = titulo_noticia2.slice(0,-5) + "...";
2981
						titulo_elemento.html(titulo_noticia2);
2982
						numero_titulo = titulo_noticia2.length;
2983
						censor_titulo=false;
2984
						break;
2985
					}
2986
 
2987
				}
2988
			}else{
2989
				numero_titulo=0;
2990
			}
2991
		}else{
2992
			if(numero_titulo+1>=titulo_noticia.length){
2993
				titulo_elemento.html(titulo_noticia);
2994
				censor_titulo=true;
2995
			}
2996
		}
2997
	}else{
2998
		titulo_elemento.html("LABEL_TITLE_TOPIC");
2999
		censor_titulo = true;
3000
	}
3001
})
3002
 
1 www 3003
});
3004
JS;
3005
$this->inlineScript()->captureEnd();
3006
?>
3007
 
3008
 
3009
<!-- Content Header (Page header) -->
3010
<section class="content-header">
3011
	<div class="container-fluid">
3012
    	<div class="row mb-2">
3013
        	<div class="col-sm-12">
3014
            	<h1>LABEL_SLIDES</h1>
3015
			</div>
3016
		</div>
3017
	</div><!-- /.container-fluid -->
3018
</section>
3019
 
6122 nelberth 3020
<section class="content" id='content1'>
1 www 3021
	<div class="container-fluid">
3022
    	<div class="row">
3023
        	<div class="col-12">
3024
				<div class="card">
3025
					<div class="card-header">
3026
						<?php
3027
                        $form = $this->form;
3028
            	        $form->setAttributes([
3029
                            'name'    => 'form-filter',
3030
                            'id'      => 'form-filter',
3031
                        ]);
3032
 
3033
                        $form->prepare();
3034
                        echo $this->form()->openTag($form);
3035
                        ?>
3036
                        <div class="row">
3037
                            <div class="col-md-6 col-sm-12">
3038
                                <div class="form-group">
3039
                                    <?php
3040
                                        $element = $form->get('topic_uuid');
3041
 
3042
                                        $element->setOptions(['label' => 'LABEL_TOPIC']);
3043
 
3044
                                        $element->setAttributes(['class' => 'form-control']);
3045
                                        echo $this->formLabel($element);
3046
                                        echo $this->formSelect($element);
3047
                                    ?>
3048
                                </div>
3049
                            </div>
3050
                            <div class="col-md-6 col-sm-12">
3051
                                <div class="form-group">
3052
                                    <?php
3053
                                        $element = $form->get('capsule_uuid');
3054
                                        $element->setOptions(['label' => 'LABEL_CAPSULE']);
3055
                                        $element->setAttributes(['class' => 'form-control']);
3056
                                        echo $this->formLabel($element);
3057
                                        echo $this->formSelect($element);
3058
                                    ?>
3059
                                </div>
3060
                            </div>
3061
                        </div>
3062
						<?php echo $this->form()->closeTag($form); ?>
3063
					</div>
3064
					<div class="card-body">
20 steven 3065
        	    		<table id="gridTable" class="table   table-hover">
1 www 3066
                      		<thead>
3067
        						<tr>
3068
                                	<th>LABEL_NAME</th>
3069
                                  	<th>LABEL_DETAILS</th>
3070
                                  	<th>LABEL_MEDIA</th>
3071
                                  	<th>LABEL_ACTIONS</th>
3072
                                </tr>
3073
                       		</thead>
3074
                         	<tbody>
3075
                         	</tbody>
3076
                    	</table>
3077
                   	</div>
3078
                   	<div class="card-footer clearfix">
3079
                   		<div style="float:right;">
3080
							<button type="button" class="btn btn-info btn-refresh"><i class="fa fa-refresh"></i> LABEL_REFRESH  </button>
3081
							<?php if($allowAdd) : ?>
3082
							<button type="button" class="btn btn-primary btn-add"><i class="fa fa-plus"></i> LABEL_ADD </button>
3083
							<?php endif; ?>
3084
						</div>
3085
                 	</div>
3086
          		</div>
3087
           	</div>
3088
        </div>
3089
 	</div>
3090
</section>
3091
 
3092
 
3093
 
3094
<!-- The Modal -->
3095
<div class="modal" id="company-microlearning-slide-text-add-box">
3096
	<div class="modal-dialog   modal-xl">
3097
    	<div class="modal-content">
3098
    		<?php
3099
    	    $form = $this->formTextAdd;
3100
    	    $form->setAttributes([
3101
    	       'method'    => 'post',
3102
    	       'name'      => 'form-slide-text-add',
3103
    	       'id'        => 'form-slide-text-add'
3104
    	    ]);
3105
    	    $form->prepare();
3106
    	    echo $this->form()->openTag($form);
3107
 
3108
    	    $element = $form->get('type');
3109
    	    echo $this->formHidden($element);
3110
 
3111
    	    ?>
3112
            <!-- Modal Header -->
3113
      		<div class="modal-header">
3114
        		<h4 class="modal-title">LABEL_ADD_TEXT_SLIDE</h4>
3115
        		<button type="button" class="close" data-dismiss="modal">&times;</button>
3116
      		</div>
3117
 
3118
            <!-- Modal body -->
3119
            <div class="modal-body">
3120
				<div class="form-group">
3121
    				<?php
3122
                        $element = $form->get('name');
3123
                        $element->setAttributes(['class' => 'form-control']);
3124
                        $element->setOptions(['label' => 'LABEL_NAME']);
3125
                        echo $this->formLabel($element);
3126
                        echo $this->formText($element);
3127
                    ?>
3128
				</div>
3129
                <div class="form-group">
3130
                	<?php
3131
                    $element = $form->get('description');
3132
                    $element->setOptions(['label' => 'LABEL_DESCRIPTION']);
3133
                    $element->setAttributes(['id' => 'description_add', 'rows' => '2',  'class' => 'form-control']);
3134
                    echo $this->formLabel($element);
3135
                    echo $this->formTextArea($element);
3136
                    ?>
3137
   				</div>
3138
				<div class="form-group">
3139
    				<?php
3140
                        $element = $form->get('order');
3141
                        $element->setAttributes(['class' => 'form-control']);
3142
                        $element->setOptions(['label' => 'LABEL_ORDER']);
3143
                        echo $this->formLabel($element);
3144
                        echo $this->formText($element);
3145
                    ?>
3146
				</div>
3147
				<div class="form-group">
3148
 
3149
                 		<?php
3150
                        $element = $form->get('background');
3151
                        $element->setAttributes(['class' => 'form-control']);
3152
                        $element->setOptions(['label' => 'LABEL_IMAGE_BACKGROUND']);
3153
                        $element->setAttributes(['accept' => 'image/jpg,image/jpeg,image/png']);
3154
                        echo $this->formLabel($element);
3155
                        ?>
3156
                        <div class="file-loading">
3157
                        <?php echo $this->formFile($element);?>
3158
                        </div>
3159
 
3160
          		</div>
3161
      		</div>
3162
 
3163
            <!-- Modal footer -->
3164
      		<div class="modal-footer">
3165
      			<button type="submit" class="btn btn-primary">LABEL_SAVE</button>
3166
        		<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
3167
          	</div>
3168
          	<?php echo $this->form()->closeTag($form); ?>
3169
         </div>
3170
	</div>
3171
</div>
3172
 
3173
 
3174
 
3175
 
3176
<!-- The Modal -->
3177
<div class="modal" id="company-microlearning-slide-text-edit-box">
3178
	<div class="modal-dialog   modal-xl">
3179
    	<div class="modal-content">
3180
    		<?php
3181
    	    $form = $this->formTextEdit;
3182
    	    $form->setAttributes([
3183
    	       'method'    => 'post',
3184
    	       'name'      => 'form-slide-text-edit',
3185
    	       'id'        => 'form-slide-text-edit'
3186
    	    ]);
3187
    	    $form->prepare();
3188
    	    echo $this->form()->openTag($form);
3189
 
3190
    	    $element = $form->get('type');
3191
    	    echo $this->formHidden($element);
3192
 
3193
    	    ?>
3194
            <!-- Modal Header -->
3195
      		<div class="modal-header">
3196
        		<h4 class="modal-title">LABEL_EDIT_TEXT_SLIDE</h4>
3197
        		<button type="button" class="close" data-dismiss="modal">&times;</button>
3198
      		</div>
3199
 
3200
            <!-- Modal body -->
3201
            <div class="modal-body">
3202
				<div class="form-group">
3203
    				<?php
3204
                        $element = $form->get('name');
3205
                        $element->setAttributes(['class' => 'form-control']);
3206
                        $element->setOptions(['label' => 'LABEL_NAME']);
3207
                        echo $this->formLabel($element);
3208
                        echo $this->formText($element);
3209
                    ?>
3210
				</div>
3211
                <div class="form-group">
3212
                	<?php
3213
                    $element = $form->get('description');
3214
                    $element->setOptions(['label' => 'LABEL_DESCRIPTION']);
3215
                    $element->setAttributes(['id' => 'description_edit', 'rows' => '2',  'class' => 'form-control']);
3216
                    echo $this->formLabel($element);
3217
                    echo $this->formTextArea($element);
3218
                    ?>
3219
   				</div>
3220
				<div class="form-group">
3221
    				<?php
3222
                        $element = $form->get('order');
3223
                        $element->setAttributes(['class' => 'form-control']);
3224
                        $element->setOptions(['label' => 'LABEL_ORDER']);
3225
                        echo $this->formLabel($element);
3226
                        echo $this->formText($element);
3227
                    ?>
3228
				</div>
3229
				<div class="form-group">
3230
 
3231
                 		<?php
3232
                        $element = $form->get('background');
3233
                        $element->setAttributes(['class' => 'form-control']);
3234
                        $element->setOptions(['label' => 'LABEL_IMAGE_BACKGROUND']);
3235
                        $element->setAttributes(['accept' => 'image/jpg,image/jpeg,image/png']);
3236
                        echo $this->formLabel($element);
3237
                        ?>
3238
                        <div class="file-loading">
3239
                        <?php echo $this->formFile($element);?>
3240
                        </div>
3241
 
3242
          		</div>
3243
      		</div>
3244
 
3245
            <!-- Modal footer -->
3246
      		<div class="modal-footer">
3247
      			<button type="submit" class="btn btn-primary">LABEL_SAVE</button>
3248
        		<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
3249
          	</div>
3250
          	<?php echo $this->form()->closeTag($form); ?>
3251
         </div>
3252
	</div>
3253
</div>
3254
 
3255
 
3256
 
3257
<!-- The Modal -->
6126 nelberth 3258
<div  id="company-microlearning-slide-image-add-box" style='display:none' >
1 www 3259
    		<?php
3260
    	    $form = $this->formImageAdd;
3261
    	    $form->setAttributes([
3262
    	       'method'    => 'post',
3263
    	        'name'      => 'form-slide-image-add',
3264
    	        'id'        => 'form-slide-image-add'
3265
    	    ]);
3266
    	    $form->prepare();
3267
    	    echo $this->form()->openTag($form);
3268
 
3269
    	    $element = $form->get('type');
3270
    	    echo $this->formHidden($element);
3271
 
3272
    	    ?>
3273
            <!-- Modal Header -->
6126 nelberth 3274
            <div class="d-flex justify-content-center tituloEditor">
6131 nelberth 3275
              <h4>LABEL_ADD_IMAGE_SLIDE</h4>
1 www 3276
 
6126 nelberth 3277
             </div>
3278
 
1 www 3279
            <!-- Modal body -->
6126 nelberth 3280
            <div class="grid-padre">
6140 nelberth 3281
                 <div class="form-group grid-1-2">
1 www 3282
    				<?php
3283
                        $element = $form->get('name');
3284
                        $element->setAttributes(['class' => 'form-control']);
3285
                        $element->setOptions(['label' => 'LABEL_NAME']);
3286
                        echo $this->formLabel($element);
3287
                        echo $this->formText($element);
3288
                    ?>
3289
				</div>
6142 nelberth 3290
 
6137 nelberth 3291
 
6134 nelberth 3292
                <?php
3293
                    $element = $form->get('file');
3294
					$element->setAttributes([ 'class' => 'file']);
3295
                    echo $this->formHidden($element);
3296
                ?>
6129 nelberth 3297
				<div class="form-group grid-1-2">
1 www 3298
    				<?php
3299
                        $element = $form->get('order');
3300
                        $element->setAttributes(['class' => 'form-control']);
3301
                        $element->setOptions(['label' => 'LABEL_ORDER']);
3302
                        echo $this->formLabel($element);
3303
                        echo $this->formText($element);
3304
                    ?>
3305
				</div>
6142 nelberth 3306
                <div class="contenido form-group " id="contenido"></div>
1 www 3307
      		</div>
3308
 
6125 nelberth 3309
 
1 www 3310
          	<?php echo $this->form()->closeTag($form); ?>
3311
</div>
3312
 
6505 nelberth 3313
<div  id="company-microlearning-slide-image-edit-box" style='display:none' >
3314
            <?php
3315
    	    $form = $this->formImageEdit;
3316
    	    $form->setAttributes([
3317
    	       'method'    => 'post',
3318
    	       'name'      => 'form-slide-image-edit',
3319
    	       'id'        => 'form-slide-image-edit'
3320
    	    ]);
3321
    	    $form->prepare();
3322
    	    echo $this->form()->openTag($form);
3323
 
3324
    	    $element = $form->get('type');
3325
    	    echo $this->formHidden($element);
3326
 
3327
    	    ?>
3328
            <!-- Modal Header -->
3329
            <div class="d-flex justify-content-center tituloEditor">
3330
              <h4>LABEL_EDIT_IMAGE_SLIDE</h4>
3331
 
3332
             </div>
3333
 
3334
            <!-- Modal body -->
3335
            <div class="grid-padre">
3336
                 <div class="form-group grid-1-2">
3337
    				<?php
3338
                        $element = $form->get('name');
3339
                        $element->setAttributes(['class' => 'form-control']);
3340
                        $element->setOptions(['label' => 'LABEL_NAME']);
3341
                        echo $this->formLabel($element);
3342
                        echo $this->formText($element);
3343
                    ?>
3344
				</div>
3345
 
3346
 
3347
                <?php
3348
                    $element = $form->get('file');
3349
					$element->setAttributes([ 'class' => 'file']);
3350
                    echo $this->formHidden($element);
3351
                ?>
3352
				<div class="form-group grid-1-2">
3353
    				<?php
3354
                        $element = $form->get('order');
3355
                        $element->setAttributes(['class' => 'form-control']);
3356
                        $element->setOptions(['label' => 'LABEL_ORDER']);
3357
                        echo $this->formLabel($element);
3358
                        echo $this->formText($element);
3359
                    ?>
3360
				</div>
3361
                <div class="contenido form-group " id="contenido2"></div>
3362
      		</div>
1 www 3363
 
6505 nelberth 3364
 
3365
          	<?php echo $this->form()->closeTag($form); ?>
3366
</div>
1 www 3367
 
3368
 
3369
<!-- The Modal -->
6505 nelberth 3370
<div class="modal" id="company-microlearning-slide-imsage-edit-box">
1 www 3371
	<div class="modal-dialog   modal-xl">
3372
    	<div class="modal-content">
3373
    		<?php
3374
    	    $form = $this->formImageEdit;
3375
    	    $form->setAttributes([
3376
    	       'method'    => 'post',
3377
    	       'name'      => 'form-slide-image-edit',
3378
    	       'id'        => 'form-slide-image-edit'
3379
    	    ]);
3380
    	    $form->prepare();
3381
    	    echo $this->form()->openTag($form);
3382
 
3383
    	    $element = $form->get('type');
3384
    	    echo $this->formHidden($element);
3385
 
3386
    	    ?>
3387
            <!-- Modal Header -->
3388
      		<div class="modal-header">
3389
        		<h4 class="modal-title">LABEL_EDIT_IMAGE_SLIDE</h4>
3390
        		<button type="button" class="close" data-dismiss="modal">&times;</button>
3391
      		</div>
3392
 
3393
            <!-- Modal body -->
3394
            <div class="modal-body">
3395
				<div class="form-group">
3396
    				<?php
3397
                        $element = $form->get('name');
3398
                        $element->setAttributes(['class' => 'form-control']);
3399
                        $element->setOptions(['label' => 'LABEL_NAME']);
3400
                        echo $this->formLabel($element);
3401
                        echo $this->formText($element);
3402
                    ?>
3403
				</div>
3404
				<div class="form-group">
3405
    				<?php
3406
                        $element = $form->get('order');
3407
                        $element->setAttributes(['class' => 'form-control']);
3408
                        $element->setOptions(['label' => 'LABEL_ORDER']);
3409
                        echo $this->formLabel($element);
3410
                        echo $this->formText($element);
3411
                    ?>
3412
				</div>
3413
				<div class="form-group">
3414
 
3415
                 		<?php
3416
                        $element = $form->get('file');
3417
                        $element->setAttributes(['class' => 'form-control']);
3418
                        $element->setOptions(['label' => 'LABEL_IMAGE']);
3419
                        $element->setAttributes(['accept' => 'image/jpg,image/jpeg,image/png']);
3420
                        echo $this->formLabel($element);
3421
                        ?>
3422
                        <div class="file-loading">
3423
                        <?php echo $this->formFile($element);?>
3424
                        </div>
3425
 
3426
          		</div>
3427
      		</div>
3428
 
3429
            <!-- Modal footer -->
3430
      		<div class="modal-footer">
3431
      			<button type="submit" class="btn btn-primary">LABEL_SAVE</button>
3432
        		<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
3433
          	</div>
3434
          	<?php echo $this->form()->closeTag($form); ?>
3435
         </div>
3436
	</div>
3437
</div>
3438
 
3439
 
3440
 
3441
 
3442
<!-- The Modal -->
3443
<div class="modal" id="company-microlearning-slide-video-add-box">
3444
	<div class="modal-dialog   modal-xl">
3445
    	<div class="modal-content">
3446
    		<?php
3447
    	    $form = $this->formVideoAdd;
3448
    	    $form->setAttributes([
3449
    	       'method'    => 'post',
3450
    	        'name'      => 'form-slide-video-add',
3451
    	        'id'        => 'form-slide-video-add'
3452
    	    ]);
3453
    	    $form->prepare();
3454
    	    echo $this->form()->openTag($form);
3455
 
3456
    	    $element = $form->get('type');
3457
    	    echo $this->formHidden($element);
3458
 
3459
    	    ?>
3460
            <!-- Modal Header -->
3461
      		<div class="modal-header">
3462
        		<h4 class="modal-title">LABEL_ADD_VIDEO_SLIDE</h4>
3463
        		<button type="button" class="close" data-dismiss="modal">&times;</button>
3464
      		</div>
3465
 
3466
            <!-- Modal body -->
3467
            <div class="modal-body">
3468
				<div class="form-group">
3469
    				<?php
3470
                        $element = $form->get('name');
3471
                        $element->setAttributes(['class' => 'form-control']);
3472
                        $element->setOptions(['label' => 'LABEL_NAME']);
3473
                        echo $this->formLabel($element);
3474
                        echo $this->formText($element);
3475
                    ?>
3476
				</div>
3477
				<div class="form-group">
3478
    				<?php
3479
                        $element = $form->get('order');
3480
                        $element->setAttributes(['class' => 'form-control']);
3481
                        $element->setOptions(['label' => 'LABEL_ORDER']);
3482
                        echo $this->formLabel($element);
3483
                        echo $this->formText($element);
3484
                    ?>
3485
				</div>
3486
				<div class="form-group">
3487
 
3488
                 		<?php
3489
                        $element = $form->get('file');
3490
                        $element->setAttributes(['class' => 'form-control']);
3491
                        $element->setOptions(['label' => 'LABEL_VIDEO']);
3492
                        $element->setAttributes(['accept' => 'video/webm,video/mpeg,video/mp4']);
3493
                        echo $this->formLabel($element);
3494
                        ?>
3495
                        <div class="file-loading">
3496
                        <?php echo $this->formFile($element);?>
3497
                        </div>
3498
 
3499
          		</div>
3500
          		<div class="form-group">
3501
 
3502
                 		<?php
3503
                        $element = $form->get('background');
3504
                        $element->setAttributes(['class' => 'form-control']);
3505
                        $element->setOptions(['label' => 'LABEL_IMAGE_BACKGROUND']);
3506
                        $element->setAttributes(['accept' => 'image/jpg,image/jpeg,image/png']);
3507
                        echo $this->formLabel($element);
3508
                        ?>
3509
                        <div class="file-loading">
3510
                        <?php echo $this->formFile($element);?>
3511
                        </div>
3512
 
3513
          		</div>
3514
      		</div>
3515
 
3516
            <!-- Modal footer -->
3517
      		<div class="modal-footer">
3518
      			<button type="submit" class="btn btn-primary">LABEL_SAVE</button>
3519
        		<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
3520
          	</div>
3521
          	<?php echo $this->form()->closeTag($form); ?>
3522
         </div>
3523
	</div>
3524
</div>
3525
 
3526
 
3527
 
3528
 
3529
<!-- The Modal -->
3530
<div class="modal" id="company-microlearning-slide-video-edit-box">
3531
	<div class="modal-dialog   modal-xl">
3532
    	<div class="modal-content">
3533
        	<?php
3534
    	    $form = $this->formVideoEdit;
3535
    	    $form->setAttributes([
3536
    	       'method'    => 'post',
3537
    	       'name'      => 'form-slide-video-edit',
3538
    	       'id'        => 'form-slide-video-edit'
3539
    	    ]);
3540
    	    $form->prepare();
3541
    	    echo $this->form()->openTag($form);
3542
 
3543
    	    $element = $form->get('type');
3544
    	    echo $this->formHidden($element);
3545
 
3546
    	    ?>
3547
 
3548
            <!-- Modal Header -->
3549
      		<div class="modal-header">
3550
        		<h4 class="modal-title">LABEL_EDIT_VIDEO_SLIDE</h4>
3551
        		<button type="button" class="close" data-dismiss="modal">&times;</button>
3552
      		</div>
3553
 
3554
            <!-- Modal body -->
3555
            <div class="modal-body">
3556
				<div class="form-group">
3557
    				<?php
3558
                        $element = $form->get('name');
3559
                        $element->setAttributes(['class' => 'form-control']);
3560
                        $element->setOptions(['label' => 'LABEL_NAME']);
3561
                        echo $this->formLabel($element);
3562
                        echo $this->formText($element);
3563
                    ?>
3564
				</div>
3565
				<div class="form-group">
3566
    				<?php
3567
                        $element = $form->get('order');
3568
                        $element->setAttributes(['class' => 'form-control']);
3569
                        $element->setOptions(['label' => 'LABEL_ORDER']);
3570
                        echo $this->formLabel($element);
3571
                        echo $this->formText($element);
3572
                    ?>
3573
				</div>
3574
				<div class="form-group">
3575
 
3576
                 		<?php
3577
                        $element = $form->get('file');
3578
                        $element->setAttributes(['class' => 'form-control']);
3579
                        $element->setOptions(['label' => 'LABEL_VIDEO']);
3580
                        $element->setAttributes(['accept' => 'video/webm,video/mpeg,video/mp4']);
3581
                        echo $this->formLabel($element);
3582
                        ?>
3583
                        <div class="file-loading">
3584
                        <?php echo $this->formFile($element);?>
3585
                        </div>
3586
 
3587
          		</div>
3588
          		<div class="form-group">
3589
 
3590
                 		<?php
3591
                        $element = $form->get('background');
3592
                        $element->setAttributes(['class' => 'form-control']);
3593
                        $element->setOptions(['label' => 'LABEL_IMAGE_BACKGROUND']);
3594
                        $element->setAttributes(['accept' => 'image/jpg,image/jpeg,image/png']);
3595
                        echo $this->formLabel($element);
3596
                        ?>
3597
                        <div class="file-loading">
3598
                        <?php echo $this->formFile($element);?>
3599
                        </div>
3600
 
3601
          		</div>
3602
      		</div>
3603
 
3604
            <!-- Modal footer -->
3605
      		<div class="modal-footer">
3606
      			<button type="submit" class="btn btn-primary">LABEL_SAVE</button>
3607
        		<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
3608
          	</div>
3609
          	<?php echo $this->form()->closeTag($form); ?>
3610
         </div>
3611
	</div>
3612
</div>
3613
 
3614
 
3615
 
3616
 
3617
<!-- The Modal -->
3618
<div class="modal" id="company-microlearning-slide-document-add-box">
3619
	<div class="modal-dialog   modal-xl">
3620
    	<div class="modal-content">
3621
    		<?php
3622
    	    $form = $this->formDocumentAdd;
3623
    	    $form->setAttributes([
3624
    	       'method'    => 'post',
3625
    	        'name'      => 'form-slide-document-add',
3626
    	        'id'        => 'form-slide-document-add'
3627
    	    ]);
3628
    	    $form->prepare();
3629
    	    echo $this->form()->openTag($form);
3630
 
3631
    	    $element = $form->get('type');
3632
    	    echo $this->formHidden($element);
3633
 
3634
    	    ?>
3635
            <!-- Modal Header -->
3636
      		<div class="modal-header">
3637
        		<h4 class="modal-title">LABEL_ADD_DOCUMENT_SLIDE</h4>
3638
        		<button type="button" class="close" data-dismiss="modal">&times;</button>
3639
      		</div>
3640
 
3641
            <!-- Modal body -->
3642
            <div class="modal-body">
3643
				<div class="form-group">
3644
    				<?php
3645
                        $element = $form->get('name');
3646
                        $element->setAttributes(['class' => 'form-control']);
3647
                        $element->setOptions(['label' => 'LABEL_NAME']);
3648
                        echo $this->formLabel($element);
3649
                        echo $this->formText($element);
3650
                    ?>
3651
				</div>
3652
				<div class="form-group">
3653
    				<?php
3654
                        $element = $form->get('order');
3655
                        $element->setAttributes(['class' => 'form-control']);
3656
                        $element->setOptions(['label' => 'LABEL_ORDER']);
3657
                        echo $this->formLabel($element);
3658
                        echo $this->formText($element);
3659
                    ?>
3660
				</div>
3661
				<div class="form-group">
3662
 
3663
                 		<?php
3664
                        $element = $form->get('file');
3665
                        $element->setAttributes(['class' => 'form-control']);
3666
                        $element->setOptions(['label' => 'LABEL_DOCUMENT']);
3667
                        $element->setAttributes(['accept' => 'application/pdf']);
3668
                        echo $this->formLabel($element);
3669
                        ?>
3670
                        <div class="file-loading">
3671
                        <?php echo $this->formFile($element);?>
3672
                        </div>
3673
 
3674
          		</div>
3675
         		<div class="form-group">
3676
 
3677
                 		<?php
3678
                        $element = $form->get('background');
3679
                        $element->setAttributes(['class' => 'form-control']);
3680
                        $element->setOptions(['label' => 'LABEL_IMAGE_BACKGROUND']);
3681
                        $element->setAttributes(['accept' => 'image/jpg,image/jpeg,image/png']);
3682
                        echo $this->formLabel($element);
3683
                        ?>
3684
                        <div class="file-loading">
3685
                        <?php echo $this->formFile($element);?>
3686
                        </div>
3687
 
3688
          		</div>
3689
      		</div>
3690
 
3691
            <!-- Modal footer -->
3692
      		<div class="modal-footer">
3693
      			<button type="submit" class="btn btn-primary">LABEL_SAVE</button>
3694
        		<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
3695
          	</div>
3696
          	<?php echo $this->form()->closeTag($form); ?>
3697
         </div>
3698
	</div>
3699
</div>
3700
 
3701
 
3702
 
3703
 
3704
<!-- The Modal -->
3705
<div class="modal" id="company-microlearning-slide-document-edit-box">
3706
	<div class="modal-dialog   modal-xl">
3707
    	<div class="modal-content">
3708
    		<?php
3709
    	    $form = $this->formDocumentEdit;
3710
    	    $form->setAttributes([
3711
    	       'method'    => 'post',
3712
    	       'name'      => 'form-slide-document-edit',
3713
    	       'id'        => 'form-slide-document-edit'
3714
    	    ]);
3715
    	    $form->prepare();
3716
    	    echo $this->form()->openTag($form);
3717
 
3718
    	    $element = $form->get('type');
3719
    	    echo $this->formHidden($element);
3720
 
3721
    	    ?>
3722
            <!-- Modal Header -->
3723
      		<div class="modal-header">
3724
        		<h4 class="modal-title">LABEL_EDIT_DOCUMENT_SLIDE</h4>
3725
        		<button type="button" class="close" data-dismiss="modal">&times;</button>
3726
      		</div>
3727
 
3728
            <!-- Modal body -->
3729
            <div class="modal-body">
3730
				<div class="form-group">
3731
    				<?php
3732
                        $element = $form->get('name');
3733
                        $element->setAttributes(['class' => 'form-control']);
3734
                        $element->setOptions(['label' => 'LABEL_NAME']);
3735
                        echo $this->formLabel($element);
3736
                        echo $this->formText($element);
3737
                    ?>
3738
				</div>
3739
				<div class="form-group">
3740
    				<?php
3741
                        $element = $form->get('order');
3742
                        $element->setAttributes(['class' => 'form-control']);
3743
                        $element->setOptions(['label' => 'LABEL_ORDER']);
3744
                        echo $this->formLabel($element);
3745
                        echo $this->formText($element);
3746
                    ?>
3747
				</div>
3748
				<div class="form-group">
3749
 
3750
                 		<?php
3751
                        $element = $form->get('file');
3752
                        $element->setAttributes(['class' => 'form-control']);
3753
                        $element->setOptions(['label' => 'LABEL_DOCUMENT']);
3754
                        $element->setAttributes(['accept' => 'application/pdf']);
3755
                        echo $this->formLabel($element);
3756
                        ?>
3757
                        <div class="file-loading">
3758
                        <?php echo $this->formFile($element);?>
3759
                        </div>
3760
 
3761
          		</div>
3762
         		<div class="form-group">
3763
 
3764
                 		<?php
3765
                        $element = $form->get('background');
3766
                        $element->setAttributes(['class' => 'form-control']);
3767
                        $element->setOptions(['label' => 'LABEL_IMAGE_BACKGROUND']);
3768
                        $element->setAttributes(['accept' => 'image/jpg,image/jpeg,image/png']);
3769
                        echo $this->formLabel($element);
3770
                        ?>
3771
                        <div class="file-loading">
3772
                        <?php echo $this->formFile($element);?>
3773
                        </div>
3774
 
3775
          		</div>
3776
      		</div>
3777
 
3778
            <!-- Modal footer -->
3779
      		<div class="modal-footer">
3780
      			<button type="submit" class="btn btn-primary">LABEL_SAVE</button>
3781
        		<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
3782
          	</div>
3783
          	<?php echo $this->form()->closeTag($form); ?>
3784
         </div>
3785
	</div>
3786
</div>
3787
 
3788
 
3789
 
3790
<!-- The Modal -->
3791
<div class="modal" id="company-microlearning-slide-audio-add-box">
3792
	<div class="modal-dialog   modal-xl">
3793
    	<div class="modal-content">
3794
    		<?php
3795
    	    $form = $this->formAudioAdd;
3796
    	    $form->setAttributes([
3797
    	       'method'    => 'post',
3798
    	        'name'      => 'form-slide-audio-add',
3799
    	        'id'        => 'form-slide-audio-add'
3800
    	    ]);
3801
    	    $form->prepare();
3802
    	    echo $this->form()->openTag($form);
3803
 
3804
    	    $element = $form->get('type');
3805
    	    echo $this->formHidden($element);
3806
 
3807
    	    ?>
3808
            <!-- Modal Header -->
3809
      		<div class="modal-header">
3810
        		<h4 class="modal-title">LABEL_ADD_AUDIO_SLIDE</h4>
3811
        		<button type="button" class="close" data-dismiss="modal">&times;</button>
3812
      		</div>
3813
 
3814
            <!-- Modal body -->
3815
            <div class="modal-body">
3816
				<div class="form-group">
3817
    				<?php
3818
                        $element = $form->get('name');
3819
                        $element->setAttributes(['class' => 'form-control']);
3820
                        $element->setOptions(['label' => 'LABEL_NAME']);
3821
                        echo $this->formLabel($element);
3822
                        echo $this->formText($element);
3823
                    ?>
3824
				</div>
3825
				<div class="form-group">
3826
    				<?php
3827
                        $element = $form->get('order');
3828
                        $element->setAttributes(['class' => 'form-control']);
3829
                        $element->setOptions(['label' => 'LABEL_ORDER']);
3830
                        echo $this->formLabel($element);
3831
                        echo $this->formText($element);
3832
                    ?>
3833
				</div>
3834
				<div class="form-group">
3835
 
3836
                 		<?php
3837
                        $element = $form->get('file');
3838
                        $element->setAttributes(['class' => 'form-control']);
3839
                        $element->setOptions(['label' => 'LABEL_AUDIO']);
3840
                        $element->setAttributes(['accept' => 'audio/x-wav, audio/mpeg']);
3841
                        echo $this->formLabel($element);
3842
                        ?>
3843
                        <div class="file-loading">
3844
                        <?php echo $this->formFile($element);?>
3845
                        </div>
3846
 
3847
          		</div>
3848
          		<div class="form-group">
3849
 
3850
                 		<?php
3851
                        $element = $form->get('background');
3852
                        $element->setAttributes(['accept' => 'image/jpg,image/jpeg,image/png']);
3853
                        $element->setAttributes(['class' => 'form-control']);
3854
                        $element->setOptions(['label' => 'LABEL_IMAGE_BACKGROUND']);
3855
                        echo $this->formLabel($element);
3856
                        ?>
3857
                        <div class="file-loading">
3858
                        <?php echo $this->formFile($element);?>
3859
                        </div>
3860
 
3861
          		</div>
3862
      		</div>
3863
 
3864
            <!-- Modal footer -->
3865
      		<div class="modal-footer">
3866
      			<button type="submit" class="btn btn-primary">LABEL_SAVE</button>
3867
        		<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
3868
          	</div>
3869
          	<?php echo $this->form()->closeTag($form); ?>
3870
         </div>
3871
	</div>
3872
</div>
3873
 
3874
 
3875
 
3876
 
3877
 
3878
<!-- The Modal -->
3879
<div class="modal" id="company-microlearning-slide-audio-edit-box">
3880
	<div class="modal-dialog   modal-xl">
3881
    	<div class="modal-content">
3882
        	<?php
3883
    	    $form = $this->formAudioEdit;
3884
    	    $form->setAttributes([
3885
    	       'method'    => 'post',
3886
    	       'name'      => 'form-slide-audio-edit',
3887
    	       'id'        => 'form-slide-audio-edit'
3888
    	    ]);
3889
    	    $form->prepare();
3890
    	    echo $this->form()->openTag($form);
3891
 
3892
    	    $element = $form->get('type');
3893
    	    echo $this->formHidden($element);
3894
 
3895
    	    ?>
3896
 
3897
            <!-- Modal Header -->
3898
      		<div class="modal-header">
3899
        		<h4 class="modal-title">LABEL_EDIT_AUDIO_SLIDE</h4>
3900
        		<button type="button" class="close" data-dismiss="modal">&times;</button>
3901
      		</div>
3902
 
3903
            <!-- Modal body -->
3904
            <div class="modal-body">
3905
				<div class="form-group">
3906
    				<?php
3907
                        $element = $form->get('name');
3908
                        $element->setAttributes(['class' => 'form-control']);
3909
                        $element->setOptions(['label' => 'LABEL_ORDER']);
3910
                        echo $this->formLabel($element);
3911
                        echo $this->formText($element);
3912
                    ?>
3913
				</div>
3914
				<div class="form-group">
3915
    				<?php
3916
                        $element = $form->get('order');
3917
                        $element->setAttributes(['class' => 'form-control']);
3918
                        $element->setOptions(['label' => 'LABEL_ORDER']);
3919
                        echo $this->formLabel($element);
3920
                        echo $this->formText($element);
3921
                    ?>
3922
				</div>
3923
				<div class="form-group">
3924
 
3925
                 		<?php
3926
                        $element = $form->get('file');
3927
                        $element->setAttributes(['class' => 'form-control']);
3928
                        $element->setOptions(['label' => 'LABEL_AUDIO']);
3929
                        $element->setAttributes(['accept' => 'audio/x-wav, audio/mpeg']);
3930
                        echo $this->formLabel($element);
3931
                        ?>
3932
                        <div class="file-loading">
3933
                        <?php echo $this->formFile($element);?>
3934
                        </div>
3935
 
3936
          		</div>
3937
          		<div class="form-group">
3938
 
3939
                 		<?php
3940
                        $element = $form->get('background');
3941
                        $element->setAttributes(['class' => 'form-control']);
3942
                        $element->setOptions(['label' => 'LABEL_IMAGE_BACKGROUND']);
3943
                        $element->setAttributes(['accept' => 'image/jpg,image/jpeg,image/png']);
3944
                        echo $this->formLabel($element);
3945
                        ?>
3946
                        <div class="file-loading">
3947
                        <?php echo $this->formFile($element);?>
3948
                        </div>
3949
 
3950
          		</div>
3951
      		</div>
3952
 
3953
            <!-- Modal footer -->
3954
      		<div class="modal-footer">
3955
      			<button type="submit" class="btn btn-primary">LABEL_SAVE</button>
3956
        		<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
3957
          	</div>
3958
          	<?php echo $this->form()->closeTag($form); ?>
3959
         </div>
3960
	</div>
3961
</div>
3962
 
3963
 
3964
 
3965
<!-- The Modal -->
3966
<div class="modal" id="company-microlearning-slide-quizz-add-box">
3967
	<div class="modal-dialog   modal-xl">
3968
    	<div class="modal-content">
3969
    		<?php
3970
    	    $form = $this->formQuizzAdd;
3971
    	    $form->setAttributes([
3972
    	       'method'    => 'post',
3973
    	        'name'      => 'form-slide-quizz-add',
3974
    	        'id'        => 'form-slide-quizz-add'
3975
    	    ]);
3976
    	    $form->prepare();
3977
    	    echo $this->form()->openTag($form);
3978
 
3979
    	    $element = $form->get('type');
3980
    	    echo $this->formHidden($element);
3981
 
3982
    	    ?>
3983
            <!-- Modal Header -->
3984
      		<div class="modal-header">
3985
        		<h4 class="modal-title">LABEL_ADD_QUIZ_SLIDE</h4>
3986
        		<button type="button" class="close" data-dismiss="modal">&times;</button>
3987
      		</div>
3988
 
3989
            <!-- Modal body -->
3990
            <div class="modal-body">
3991
				<div class="form-group">
3992
    				<?php
3993
                        $element = $form->get('name');
3994
                        $element->setAttributes(['class' => 'form-control']);
3995
                        $element->setOptions(['label' => 'LABEL_NAME']);
3996
                        echo $this->formLabel($element);
3997
                        echo $this->formText($element);
3998
                    ?>
3999
				</div>
4000
				<div class="form-group">
4001
    				<?php
4002
                        $element = $form->get('order');
4003
                        $element->setAttributes(['class' => 'form-control']);
4004
                        $element->setOptions(['label' => 'LABEL_ORDER']);
4005
                        echo $this->formLabel($element);
4006
                        echo $this->formText($element);
4007
                    ?>
4008
				</div>
4009
          		<div class="form-group">
4010
 
4011
                 		<?php
4012
                        $element = $form->get('background');
4013
                        $element->setAttributes(['class' => 'form-control']);
4014
                        $element->setOptions(['label' => 'LABEL_IMAGE_BACKGROUND']);
4015
                        $element->setAttributes(['accept' => 'image/jpg,image/jpeg,image/png']);
4016
                        echo $this->formLabel($element);
4017
                        ?>
4018
                        <div class="file-loading">
4019
                        <?php echo $this->formFile($element);?>
4020
                        </div>
4021
 
4022
          		</div>
4023
				<div class="form-group">
4024
    				<?php
4025
                        $element = $form->get('quiz_id');
4026
                        $element->setAttributes(['class' => 'form-control']);
4027
                        $element->setOptions(['label' => 'LABEL_QUIZ']);
4028
                        echo $this->formLabel($element);
4029
                        echo $this->formSelect($element);
4030
                    ?>
4031
				</div>
4032
      		</div>
4033
 
4034
            <!-- Modal footer -->
4035
      		<div class="modal-footer">
4036
      			<button type="submit" class="btn btn-primary">LABEL_SAVE</button>
4037
        		<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
4038
          	</div>
4039
          	<?php echo $this->form()->closeTag($form); ?>
4040
         </div>
4041
	</div>
4042
</div>
4043
 
4044
 
4045
 
4046
<!-- The Modal -->
4047
<div class="modal" id="company-microlearning-slide-quizz-edit-box">
4048
	<div class="modal-dialog   modal-xl">
4049
    	<div class="modal-content">
4050
        	<?php
4051
    	    $form = $this->formQuizzEdit;
4052
    	    $form->setAttributes([
4053
    	       'method'    => 'post',
4054
    	       'name'      => 'form-slide-quizz-edit',
4055
    	       'id'        => 'form-slide-quizz-edit'
4056
    	    ]);
4057
    	    $form->prepare();
4058
    	    echo $this->form()->openTag($form);
4059
 
4060
    	    $element = $form->get('type');
4061
    	    echo $this->formHidden($element);
4062
 
4063
    	    ?>
4064
 
4065
            <!-- Modal Header -->
4066
      		<div class="modal-header">
4067
        		<h4 class="modal-title">LABEL_EDIT_QUIZ_SLIDE</h4>
4068
        		<button type="button" class="close" data-dismiss="modal">&times;</button>
4069
      		</div>
4070
 
4071
            <!-- Modal body -->
4072
            <div class="modal-body">
4073
				<div class="form-group">
4074
    				<?php
4075
                        $element = $form->get('name');
4076
                        $element->setAttributes(['class' => 'form-control']);
4077
                        $element->setOptions(['label' => 'LABEL_NAME']);
4078
                        echo $this->formLabel($element);
4079
                        echo $this->formText($element);
4080
                    ?>
4081
				</div>
4082
				<div class="form-group">
4083
    				<?php
4084
                        $element = $form->get('order');
4085
                        $element->setAttributes(['class' => 'form-control']);
4086
                        $element->setOptions(['label' => 'LABEL_ORDER']);
4087
                        echo $this->formLabel($element);
4088
                        echo $this->formText($element);
4089
                    ?>
4090
				</div>
4091
          		<div class="form-group">
4092
 
4093
                 		<?php
4094
                        $element = $form->get('background');
4095
                        $element->setAttributes(['class' => 'form-control']);
4096
                        $element->setOptions(['label' => 'LABEL_IMAGE_BACKGROUND']);
4097
                        $element->setAttributes(['accept' => 'image/jpg,image/jpeg,image/png']);
4098
                        echo $this->formLabel($element);
4099
                        ?>
4100
                        <div class="file-loading">
4101
                        <?php echo $this->formFile($element);?>
4102
                        </div>
4103
 
4104
          		</div>
4105
				<div class="form-group">
4106
    				<?php
4107
                        $element = $form->get('quiz_id');
4108
                        $element->setAttributes(['class' => 'form-control']);
4109
                        $element->setOptions(['label' => 'LABEL_QUIZ']);
4110
                        echo $this->formLabel($element);
4111
                        echo $this->formSelect($element);
4112
                    ?>
4113
				</div>
4114
 
4115
 
4116
      		</div>
4117
 
4118
            <!-- Modal footer -->
4119
      		<div class="modal-footer">
4120
      			<button type="submit" class="btn btn-primary">LABEL_SAVE</button>
4121
        		<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
4122
          	</div>
4123
 
4124
          	<?php echo $this->form()->closeTag($form); ?>
4125
         </div>
4126
	</div>
4127
</div>
4128
 
4129
 
4130
 
4131
<!-- The Modal -->
4132
<div class="modal" id="company-microlearning-play-video-box">
4133
	<div class="modal-dialog ">
4134
    	<div class="modal-content">
4135
 
4136
            <!-- Modal Header -->
4137
      		<div class="modal-header">
4138
        		<h4 class="modal-title">LABEL_PLAY_VIDEO</h4>
4139
        		<button type="button" class="close" data-dismiss="modal">&times;</button>
4140
      		</div>
4141
 
4142
            <!-- Modal body -->
4143
            <div class="modal-body">
4144
				<video src=""  style="width: 300px; height: auto" controls preload="false" autoplay="false"  poster="" id="microlearning-play-video"></video>
4145
      		</div>
4146
 
4147
            <!-- Modal footer -->
4148
      		<div class="modal-footer">
4149
        		<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
4150
          	</div>
4151
         </div>
4152
	</div>
4153
</div>
4154
 
4155
 
4156
 
4157
 
4158
 
4159
<!-- The Modal -->
4160
<div class="modal" id="company-microlearning-play-audio-box">
4161
	<div class="modal-dialog ">
4162
    	<div class="modal-content">
4163
 
4164
            <!-- Modal Header -->
4165
      		<div class="modal-header">
4166
        		<h4 class="modal-title">LABEL_PLAY_AUDIO</h4>
4167
        		<button type="button" class="close" data-dismiss="modal">&times;</button>
4168
      		</div>
4169
 
4170
            <!-- Modal body -->
4171
            <div class="modal-body">
4172
				<audio src="" controls autoplay="false"  id="microlearning-play-audio" >
4173
                  Your browser does not support the <code>audio</code> element.
4174
                </audio>
4175
      		</div>
4176
 
4177
            <!-- Modal footer -->
4178
      		<div class="modal-footer">
4179
        		<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
4180
          	</div>
4181
         </div>
4182
	</div>
4183
</div>
4184
 
4185
 
4186
<!-- The Modal -->
4187
<div class="modal" id="company-microlearning-view-image-box">
4188
	<div class="modal-dialog ">
4189
    	<div class="modal-content">
4190
 
4191
            <!-- Modal Header -->
4192
      		<div class="modal-header">
6108 nelberth 4193
        		<h4 class="modal-title">LABEL_IMAGE</h4>
1 www 4194
        		<button type="button" class="close" data-dismiss="modal">&times;</button>
4195
      		</div>
4196
 
4197
            <!-- Modal body -->
4198
            <div class="modal-body text-center">
4199
				<img src="" class="img img-responsive" style="width: 300px; height: auto" id="image-view" />
4200
      		</div>
4201
 
4202
            <!-- Modal footer -->
4203
      		<div class="modal-footer">
4204
        		<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
4205
          	</div>
4206
         </div>
4207
	</div>
4208
</div>
4209
 
4210
 
4211
<!-- The Modal -->
4212
<div class="modal" id="company-microlearning-view-document-box">
4213
	<div class="modal-dialog ">
4214
    	<div class="modal-content">
4215
 
4216
            <!-- Modal Header -->
4217
      		<div class="modal-header">
4218
        		<h4 class="modal-title">LABEL_DOCUMENT</h4>
4219
        		<button type="button" class="close" data-dismiss="modal">&times;</button>
4220
      		</div>
4221
 
4222
            <!-- Modal body -->
4223
            <div class="modal-body text-center">
4224
            	<iframe id="document-view" style="width: 450px; height: 300px; scroll: auto">
4225
 
4226
            	</iframe>
4227
       	</div>
4228
 
4229
            <!-- Modal footer -->
4230
      		<div class="modal-footer">
4231
        		<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
4232
          	</div>
4233
         </div>
4234
	</div>
4235
</div>
4236
 
4237
 
4238
<!-- The Modal -->
4239
<div class="modal" id="company-microlearning-view-text-box">
4240
	<div class="modal-dialog modal-xl">
4241
    	<div class="modal-content">
4242
 
4243
            <!-- Modal Header -->
4244
      		<div class="modal-header">
4245
        		<h4 class="modal-title">LABEL_TEXT</h4>
4246
        		<button type="button" class="close" data-dismiss="modal">&times;</button>
4247
      		</div>
4248
 
4249
            <!-- Modal body -->
4250
            <div class="modal-body" >
4251
            	<div id="document-text" style="width: 100%; height: 300px; scroll: auto; overflow: auto;">
4252
 
4253
 
4254
            	</div>
4255
 
4256
       	</div>
4257
 
4258
            <!-- Modal footer -->
4259
      		<div class="modal-footer">
4260
        		<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
4261
          	</div>
4262
         </div>
4263
	</div>
4264
</div>
4265
 
4266
 
4267
<!-- The Modal -->
4268
<div class="modal" id="company-microlearning-add-capsule-type-box">
4269
	<div class="modal-dialog ">
4270
    	<div class="modal-content">
4271
 
4272
            <!-- Modal Header -->
4273
      		<div class="modal-header">
6092 nelberth 4274
        		<h4 class="modal-title">LABEL_ADD_CAPSULE_SELECT_TYPE</h4>
1 www 4275
        		<button type="button" class="close" data-dismiss="modal">&times;</button>
4276
      		</div>
4277
 
4278
            <!-- Modal body -->
4279
            <div class="modal-body">
4280
				<table style="width: 100%">
4281
					<tr>
4282
      					<td class="text-left" ><button type="button" class="btn btn-primary btn-add-text"> Texto </button></td>
4283
      					<td class="text-left" ><button type="button" class="btn btn-primary btn-add-image"> Imagén </button></td>
4284
      				</tr>
4285
      				<tr>
4286
						<td class="text-left" ><button type="button" class="btn btn-primary btn-add-video"> Video </button></td>
4287
						<td class="text-left" ><button type="button" class="btn btn-primary btn-add-audio"> Audio </button></td>
4288
					</tr>
4289
					<tr>
4290
						<td class="text-left" ><button type="button" class="btn btn-primary btn-add-document"> Documento </button></td>
4291
        				<td class="text-left" ><button type="button" class="btn btn-primary btn-add-quizz"> Cuestionario </button></td>
4292
        			</tr>
4293
                </table>
4294
      		</div>
4295
 
4296
            <!-- Modal footer -->
4297
      		<div class="modal-footer">
4298
        		<button type="button" class="btn btn-danger" data-dismiss="modal">LABEL_CLOSE</button>
4299
          	</div>
4300
         </div>
4301
	</div>
4302
</div>
4303
 
4304
 
4305
 
4306
 
4307