Proyectos de Subversion LeadersLinked - Backend

Rev

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