Proyectos de Subversion LeadersLinked - Backend

Rev

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