Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 16845 | Rev 16905 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 16845 Rev 16891
Línea 236... Línea 236...
236 
                },
 236 
                },
237 
                required: true
 237 
                required: true
238 
            },
 238 
            },
239 
           'file': {
 239 
           'file': {
240 
                required: true,
 240 
                required: true,
- 
 
 241 
                extension: 'jpg|jpeg|png',
- 
 
 242 
                accept: 'image/jpg,image/jpeg,image/png'
241 
            },
 243 
            },
242 
            'order' : {
 244 
            'order' : {
243 
                required: true,
 245 
                required: true,
244 
                digits: true,
 246 
                digits: true,
245 
                min: 1,
 247 
                min: 1,
Línea 269... Línea 271...
269 
                'contentType': false,
 271 
                'contentType': false,
270 
            }).done(function(response) {
 272 
            }).done(function(response) {
271 
				console.log(response)
 273 
				console.log(response)
272 
				if(response['success']) {
 274 
				if(response['success']) {
273 
                    $.fn.showSuccess(response['data']);
 275 
                    $.fn.showSuccess(response['data']);
- 
 
 276 
 
274 
                    $('body, html').animate({scrollTop: '0px'}, 300);
 277 
                    $('#row-add').hide();
275 
					$('#content1').css('display','block');
 278 
                    $('#row-edit').hide();
276 
            		$('#addImage').css('display','none');
 279 
                    $('#row-listing').show();
- 
 
 280 
 
- 
 
 281 
 
277 
                    gridTable.api().ajax.reload(null, false);
 282 
                    gridTable.api().ajax.reload(null, false);
278 
                } else {
 283 
                } else {
279 
                    validatorAdd.resetForm();
 284 
                    validatorAdd.resetForm();
280 
                    if(jQuery.type(response['data']) == 'string') {
 285 
                    if(jQuery.type(response['data']) == 'string') {
281 
                        $.fn.showError(response['data']);
 286 
                        $.fn.showError(response['data']);
Línea 285... Línea 290...
285 
                        });
 290 
                        });
286 
                    }
 291 
                    }
287 
                }
 292 
                }
288 
            }).fail(function( jqXHR, textStatus, errorThrown) {
 293 
            }).fail(function( jqXHR, textStatus, errorThrown) {
Línea 289... Línea -...
289
- 
 
- 
 
 294
290 
				console.log(jqXHR)
 295 
 
291 
                $.fn.showError(textStatus);
 296 
                $.fn.showError(textStatus);
292 
            }).always(function() {
 - 
 
- 
 
 297 
            }).always(function() {
293 
				$('.info_noticia').prop('disabled', false);
 298 
 
294 
                NProgress.done();
 299 
                NProgress.done();
295 
            });
 300 
            });
296 
            return false;
 301 
            return false;
297 
        },
 302 
        },
Línea 316... Línea 321...
316 
                },
 321 
                },
317 
                required: true
 322 
                required: true
318 
            },
 323 
            },
319 
           'file': {
 324 
           'file': {
320 
                required: true,
 325 
                required: true,
- 
 
 326 
                extension: 'jpg|jpeg|png',
- 
 
 327 
                accept: 'image/jpg,image/jpeg,image/png'
321 
            },
 328 
            },
322 
            'order' : {
 329 
            'order' : {
323 
                required: true,
 330 
                required: true,
324 
                digits: true,
 331 
                digits: true,
325 
                min: 1,
 332 
                min: 1,
Línea 335... Línea 342...
335 
            var formdata = false;
 342 
            var formdata = false;
336 
            if (window.FormData){
 343 
            if (window.FormData){
337 
                formdata = new FormData(form); //form[0]);
 344 
                formdata = new FormData(form); //form[0]);
338 
            }
 345 
            }
Línea 339... Línea -...
339 
 
 - 
 
- 
 
 346 
 
340 
            $('.info_noticia').prop('disabled', true);
 347 
 
341 
			NProgress.start();
 348 
			NProgress.start();
342 
            $.ajax({
 349 
            $.ajax({
343 
                'dataType'  : 'json',
 350 
                'dataType'  : 'json',
344 
                'accept'    : 'application/json',
 351 
                'accept'    : 'application/json',
Línea 349... Línea 356...
349 
                'contentType': false,
 356 
                'contentType': false,
350 
            }).done(function(response) {
 357 
            }).done(function(response) {
351 
                if(response['success']) {
 358 
                if(response['success']) {
352 
                    $.fn.showSuccess(response['data']);
 359 
                    $.fn.showSuccess(response['data']);
Línea 353... Línea -...
353
- 
 
354 
                    $('body, html').animate({scrollTop: '0px'}, 300);
 - 
 
355 
					$('#content1').css('display','block');
 - 
 
- 
 
 360
356 
            		$('#topicEdit').css('display','none');
 361
- 
 
 362 
                    gridTable.api().ajax.reload(null, false);
- 
 
 363 
 
- 
 
 364 
 
- 
 
 365 
                    $('#row-add').hide();
- 
 
 366 
                    $('#row-edit').hide();
- 
 
 367 
                    $('#row-listing').show();
357 
                    gridTable.api().ajax.reload(null, false);
 368 
 
358 
                } else {
 369 
                } else {
359 
                    validatorAdd.resetForm();
 370 
                    validatorEdit.resetForm();
360 
                    if(jQuery.type(response['data']) == 'string') {
 371 
                    if(jQuery.type(response['data']) == 'string') {
361 
                        $.fn.showError(response['data']);
 372 
                        $.fn.showError(response['data']);
362 
                    } else  {
 373 
                    } else  {
363 
                        $.each(response['data'], function( fieldname, errors ) {
 374 
                        $.each(response['data'], function( fieldname, errors ) {
Línea 367... Línea 378...
367 
                }
 378 
                }
368 
            }).fail(function( jqXHR, textStatus, errorThrown) {
 379 
            }).fail(function( jqXHR, textStatus, errorThrown) {
369 
                $.fn.showError(textStatus);
 380 
                $.fn.showError(textStatus);
370 
            }).always(function() {
 381 
            }).always(function() {
Línea 371... Línea -...
371
- 
 
- 
 
 382
372 
				$('.info_noticia').prop('disabled', false);
 383 
 
373 
                NProgress.done();
 384 
                NProgress.done();
374 
            });
 385 
            });
375 
            return false;
 386 
            return false;
376 
        },
 387 
        },
Línea 418... Línea 429...
418
429
419 
        $('body').on('click', '.btn-view-image-app', function(e) {
 430 
        $('body').on('click', '.btn-view-image-app', function(e) {
Línea 420... Línea 431...
420 
            e.preventDefault();
 431 
            e.preventDefault();
421
432
422 
            $('#image-app').attr('src', $(this).data('href'));
 433 
            $('#image-app').attr('src', $(this).data('href'));
423 
            $('#modalImageApp').modal('show');
 434 
            $('#modalPreviewImage').modal('show');
Línea 424... Línea 435...
424 
            return false;
 435 
            return false;
Línea 434... Línea 445...
434 
            $('#form-topic-add #name').val('');
 445 
            $('#form-topic-add #name').val('');
435 
            $('#form-topic-add #order').val('1');
 446 
            $('#form-topic-add #order').val('1');
436 
            $('#form-topic-add #name').val('');
 447 
            $('#form-topic-add #name').val('');
Línea 437... Línea 448...
437
448
- 
 
 449 
            $('#form-topic-add #status').val('');
- 
 
 450 
            $('#form-topic-add #file').fileinput('reset');
- 
 
 451 
            $('#form-topic-add #file').val('');
Línea 438... Línea 452...
438 
            $('#form-topic-add #status').val('');
 452
439 
 
 453 
 
440
- 
 
441 
            CKEDITOR.instances.description_add.setData('');
 - 
 
442 
            validatorAdd.resetForm();
 - 
 
443 
            $('#content1').css('display','none');
 454
444 
            $('#addImage').css('display','block');
 455 
            CKEDITOR.instances.description_add.setData('');
445 
			iniciarEditor()
 - 
 
446
456 
            validatorAdd.resetForm();
447 
            return false;
 457
448 
        });
 - 
 
449 
		$('body').on('click', '#ir_atras', function(e) {
 458 
            $('#row-edit').hide();
450 
            e.preventDefault();
 - 
 
451
- 
 
452
- 
 
453 
			$('body, html').animate({scrollTop: '0px'}, 300);
 - 
 
Línea 454... Línea -...
454 
            $('#content1').css('display','block');
 - 
 
455 
            $('#addImage').css('display','none');
 459 
            $('#row-listing').hide();
456 
			$('#topicEdit').css('display','none');
 460 
            $('#row-add').show();
Línea -... Línea 461...
- 
 
 461 
 
Línea 457... Línea 462...
457 
 
 462 
 
Línea 458... Línea 463...
458
463 
            return false;
459 
            return false;
 464 
        });
460 
        });
 465 
 
461 
 
 466 
 
462
467
463 
        $('#form-topic-edit #order').inputNumberFormat({decimal: 0});
 468 
        $('#form-topic-edit #order').inputNumberFormat({decimal: 0});
464
469
465 
       /* $('#form-topic-edit #file').fileinput({
 470 
          $('#form-topic-add #file').fileinput({
466 
            theme: 'fas',
 471 
                theme: 'fa',
467 
            language: 'es',
 472 
                language: 'es',
- 
 
 473 
                showUpload: false,
- 
 
 474 
                dropZoneEnabled: false,
- 
 
 475 
                maxFileCount: 1,
- 
 
 476 
                placeholder:  'LABEL_RECOMMENDED_SIZE $image_size',
- 
 
 477 
                allowedFileExtensions: ['jpeg', 'jpg', 'png'],
- 
 
 478 
            });
- 
 
 479
- 
 
 480 
            $('#form-topic-edit #file').fileinput({
- 
 
 481 
                theme: 'fa',
Línea 468... Línea 482...
468 
            showUpload: false,
 482 
                language: 'es',
469 
            dropZoneEnabled: false,
 483 
                showUpload: false,
Línea 470... Línea 484...
470 
            maxFileCount: 1,
 484 
                dropZoneEnabled: false,
Línea 490... Línea 504...
490
504
491 
                    $('#form-topic-edit').attr('action',url);
 505 
                    $('#form-topic-edit').attr('action',url);
492 
                    $('#form-topic-edit #name').val(response['data']['name']);
 506 
                    $('#form-topic-edit #name').val(response['data']['name']);
Línea 493... Línea 507...
493 
                    $('#form-topic-edit #order').val(response['data']['order']);
 507 
                    $('#form-topic-edit #order').val(response['data']['order']);
- 
 
 508 
 
- 
 
 509 
					$('#form-topic-edit #status').val(response['data']['status']);
Línea 494... Línea 510...
494 
 
 510 
                    $('#form-topic-edit #file').fileinput('reset');
495 
					 $('#form-topic-edit #status').val(response['data']['status']);
 511 
                    $('#form-topic-edit #file').val('');
- 
 
 512 
 
496 
 
 513 
                    CKEDITOR.instances.description_edit.setData(response['data']['description']);
497 
                    CKEDITOR.instances.description_edit.setData(response['data']['description']);
 514 
                    validatorEdit.resetForm();
498 
                    validatorEdit.resetForm();
 515 
 
- 
 
 516 
                    $('#row-add').hide();
499 
					$('#content1').css('display','none');
 517 
                    $('#row-listing').hide();
500 
            		$('#topicEdit').css('display','block');
 518 
                    $('#row-edit').show();
501 
					iniciarEditor(false,response['data']['image']);
 519
502 
                } else {
 520 
                } else {
503 
                    validatorEdit.resetForm();
 521 
                    validatorEdit.resetForm();
Línea 516... Línea 534...
516 
            });
 534 
            });
517 
        });
 535 
        });
Línea 518... Línea 536...
518 
 
 536 
 
519 
        $('body').on('click', 'button.btn-cancel', function(e) {
 537 
        $('body').on('click', 'button.btn-cancel', function(e) {
520 
            e.preventDefault();
 538 
            e.preventDefault();
521 
            $('#modalTopicAdd').modal('hide');
 539 
            $('#row-add').hide();
- 
 
 540 
            $('#row-edit').hide();
- 
 
 541 
            $('#row-listing').show();
522 
            $('#topicEdit').modal('hide');
 542
Línea 523... Línea 543...
523 
        });
 543 
        });
524
544
525 
        $('body').on('click', 'button.btn-refresh', function(e) {
 545 
        $('body').on('click', 'button.btn-refresh', function(e) {
Línea 556... Línea 576...
556 
                heigth: 100
 576 
                heigth: 100
557 
		});
 577 
		});
Línea 558... Línea -...
558 
 
 - 
 
559 
 
 - 
 
560 
 
 - 
 
561 
		/*Script del editor (Aqui comienza el cielo y la tierra) */
 - 
 
562 
		var imagenServidorNoticia;
 - 
 
563 
		var scroll_altura,viente;
 - 
 
564 
		var nombre_user = $(".perfil_u_nombre").text();
 - 
 
565 
		var primer_nombre = nombre_user.split(" ")[0];
 - 
 
566 
		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>'
 - 
 
567 
		$(document).on("click", ".info_noticia", function(e){
 - 
 
568 
			imagenServidorNoticia = elemento.toDataURL("image/jpeg", 1.0);
 - 
 
569 
			$('.file').val(imagenServidorNoticia.split(',')[1]);
 - 
 
570 
			$(".c1").addClass("paso");
 - 
 
571 
		})
 - 
 
572 
		var edit;
 - 
 
573 
		function iniciarEditor(add=true, image=''){
 - 
 
574 
		 cortar=false;
 - 
 
575 
		recorte_listo=false;
 - 
 
576 
		texto="";
 - 
 
577 
		seis=true;
 - 
 
578 
		color="#ffffff";
 - 
 
579 
		texto_listo=false,siete=false;
 - 
 
580 
		uno=true;
 - 
 
581 
		size=48;
 - 
 
582 
		blockCelda=false;
 - 
 
583 
		cinco=true;
 - 
 
584 
		xf=320,yf =480;
 - 
 
585 
		negritas=false, bold="";
 - 
 
586 
		shadow = true, nueve=true;
 - 
 
587 
		italic=false, ita="";
 - 
 
588 
		rectangulo=false, diez=false;
 - 
 
589 
     	fontfamily="Arial";
 - 
 
590 
     	r=0,g=0,b=0,a=1;
 - 
 
591 
		 edit=add;
 - 
 
592 
		window.clearInterval(editorNoticia);
- 
 
593 
		setTimeout(function(){
 - 
 
594 
			scroll_altura=$(".articulo_noticia").offset().top-110;
 - 
 
595 
			anchoFondoOscuro = $(".articulo_noticia").width();
 - 
 
596 
			altoFondoOscuro = $(".editor_imagenes").height();
 - 
 
597
- 
 
598 
		},navegacion(nuevoHtmlImagen,edit,image));
 - 
 
599 
 
 - 
 
600 
		}
 - 
 
601 
 
 - 
 
602 
		$(document).on("click", ".volver", function(){
 - 
 
603 
		var nombre_user = $(".perfil_u_nombre").text();
 - 
 
604 
		var primer_nombre = nombre_user.split(" ")[0];
 - 
 
605 
		 cortar=false;
 - 
 
606 
		cinco=true;
 - 
 
607 
		recorte_listo=false;
 - 
 
608 
		texto="";
 - 
 
609 
		seis=true;
 - 
 
610 
		color="#ffffff";
 - 
 
611 
		texto_listo=false,siete=false;
 - 
 
612 
		uno=true;
 - 
 
613 
		blockCelda=false;
 - 
 
614 
		size=48;
 - 
 
615
- 
 
616
- 
 
617 
		xf=320,yf =480;
 - 
 
618 
		negritas=false, bold="";
 - 
 
619 
		shadow = true, nueve=true;
 - 
 
620 
		italic=false, ita="";
 - 
 
621 
		rectangulo=false, diez=false;
 - 
 
622 
     	fontfamily="Arial";
 - 
 
623 
     	r=0,g=0,b=0,a=1;
 - 
 
624 
		 var imagenServidorNoticia;
 - 
 
625 
		 console.log(edit)
 - 
 
626 
		window.clearInterval(editorNoticia);
 - 
 
627 
		setTimeout(function(){
 - 
 
628 
			scroll_altura=$(".articulo_noticia").offset().top-110;
 - 
 
629 
			anchoFondoOscuro = $(".articulo_noticia").width();
 - 
 
630 
			altoFondoOscuro = $(".editor_imagenes").height();
 - 
 
631
- 
 
632 
		},navegacion(nuevoHtmlImagen,edit,'',false));
 - 
 
633
- 
 
634 
		})
 - 
 
635 
 
 - 
 
636 
		function navegacion(nuevoHtmlImagen,add,image,reload=true){
 - 
 
637 
			if(add){
 - 
 
638 
				edit=true;
 - 
 
639 
				$('#contenido2').html('')
 - 
 
640 
				$('#contenido').html(nuevoHtmlImagen)
 - 
 
641
- 
 
642 
			}else{
 - 
 
643 
				if(reload){
 - 
 
644 
					$('#contenido').html('')
 - 
 
645 
					const getBase64FromUrl = async (url) => {
 - 
 
646 
						const data = await fetch(url);
 - 
 
647 
						const blob = await data.blob();
 - 
 
648 
						return new Promise((resolve) => {
 - 
 
649 
							const reader = new FileReader();
 - 
 
650 
							reader.readAsDataURL(blob);
- 
 
651 
							reader.onloadend = function() {
 - 
 
652 
							const base64data = reader.result;
- 
 
653 
							resolve(base64data);
 - 
 
654 
							}
 - 
 
655 
						});
 - 
 
656 
					}
 - 
 
657 
 
 - 
 
658 
					getBase64FromUrl(image).then(function(e){
- 
 
659 
						$('#form-topic-edit #name').trigger('change');
 - 
 
660 
						$(".volver").css("display","block")
 - 
 
661 
						$(".a1").addClass("paso");
 - 
 
662 
						$(".titulo_pasos").html("LABEL_STEP_2");
 - 
 
663 
						setTimeout(function(){
 - 
 
664 
							recorte_listo=true;
 - 
 
665 
							$(".fondo_oscuro").css("display","none");
 - 
 
666 
							$("#boton_recortar").removeClass("recortar").text("LABEL_SEND").addClass("info_noticia").attr('type','submit');
 - 
 
667 
							$(".recortar10").removeClass("recortar");
 - 
 
668 
							$(".canvas").removeClass("recortar");
 - 
 
669 
							$(".b1").addClass("paso");
 - 
 
670 
							$(".titulo_pasos").html("LABEL_STEP_3");
 - 
 
671 
							if(texto!=""){
 - 
 
672 
								seis=true;
 - 
 
673 
								siete=true;
 - 
 
674 
							}
 - 
 
675 
							cinco=true;
 - 
 
676 
							dos=true;
 - 
 
677 
							cuatro=true;
 - 
 
678 
							actualizar();
 - 
 
679
- 
 
680 
						},editorNoticia(e));
 - 
 
681
- 
 
682
- 
 
683 
					})
 - 
 
684
- 
 
685 
					setTimeout(function(){
- 
 
686 
						$(".canvas_subir").html('<span class="icon-plus fa fa-spinner"></span> Cargando...')
 - 
 
687 
						$('#form-topic-edit #name').trigger('change');
 - 
 
688 
					},$('#contenido2').html(nuevoHtmlImagen));
 - 
 
689 
				}else{
 - 
 
690
- 
 
691 
					edit=true;
 - 
 
692 
					$('#contenido').html('')
 - 
 
693 
					setTimeout(function(){
- 
 
694 
						$('#form-topic-edit #name').trigger('change');
 - 
 
695 
					},$('#contenido2').html(nuevoHtmlImagen));
 - 
 
696 
				}
 - 
 
697 
			}
 - 
 
698 
		}
 - 
 
699 
 
 - 
 
700 
		$(window).on("scroll", function(){
 - 
 
701 
			console.log(scroll_altura)
 - 
 
702 
		if($(window).scrollTop()>scroll_altura){
 - 
 
703 
			$("#cuadro_noticias").addClass("fixed");
 - 
 
704 
		}else{
 - 
 
705 
			$("#cuadro_noticias").removeClass("fixed");
 - 
 
706 
		}
 - 
 
707 
	})
 - 
 
708 
	$(window).resize(function() {
- 
 
709 
		anchoFondoOscuro = $(".articulo_noticia").width();
 - 
 
710 
		altoFondoOscuro = $(".editor_imagenes").height();
 - 
 
711 
		setTimeout(function(){
 - 
 
712 
			anchoFondoOscuro = $(".articulo_noticia").width();
 - 
 
713 
			altoFondoOscuro = $(".editor_imagenes").height();
 - 
 
714 
		},300)
 - 
 
715
- 
 
716 
	});
 - 
 
717 
 
 - 
 
718 
	$(document).on("dragover", "#imagen_noticia", function(e){
 - 
 
719 
		e.preventDefault();
 - 
 
720 
		e.stopPropagation();
 - 
 
721 
		$(this).css({"background":"rgba(0,0,0,.2)"})
 - 
 
722 
	})
 - 
 
723 
	$(document).on("drop", "#imagen_noticia", function(e){
 - 
 
724 
		e.preventDefault();
 - 
 
725 
		e.stopPropagation();
 - 
 
726 
		$(this).css("background", "none");
 - 
 
727 
		var archivo = e.originalEvent.dataTransfer.files;
 - 
 
728 
		var img=archivo[0];
 - 
 
729 
		if(img.type =="image/jpeg"||img.type =="image/png"){
 - 
 
730 
			$(".modificar").removeClass("animated");
 - 
 
731 
			var render = new FileReader();
 - 
 
732 
			render.readAsDataURL(img);
 - 
 
733 
			render.onload = function(e){
 - 
 
734 
				imagen2=new Image();
 - 
 
735 
				imagen2.src=e.target.result;
 - 
 
736
- 
 
737 
				$(imagen2).ready(function(e){
 - 
 
738 
					if(imagen2.width<200||imagen2.height<200){
 - 
 
739 
						$.fn.showError('LABEL_MINIMUM_IMAGE_SIZE');
 - 
 
740 
					}else{
 - 
 
741 
						$(".volver").css("display","block")
 - 
 
742 
						$(".a1").addClass("paso");
 - 
 
743 
						$(".titulo_pasos").html("LABEL_STEP_2");
 - 
 
744 
						editorNoticia(imagen2.src)
 - 
 
745 
					}
- 
 
746 
				})
 - 
 
747 
			}
 - 
 
748 
		}else{
 - 
 
749 
			$.fn.showError('LABEL_SUPPORTED_FORMATS');
 - 
 
750 
		}
 - 
 
751 
	})
 - 
 
752 
	$(document).on("change", "#imagen_noticia_file", function(e){
 - 
 
753 
		file = $(this)[0].files[0];
 - 
 
754 
		e.preventDefault();
 - 
 
755 
		$(this).css("background", "none");
 - 
 
756 
		var archivo = file;
 - 
 
757 
		var img=file;
 - 
 
758 
		if(img.type =="image/jpeg"||img.type =="image/png"){
 - 
 
759 
			$(".modificar").removeClass("animated");
 - 
 
760 
			var render = new FileReader();
 - 
 
761 
			render.readAsDataURL(img);
 - 
 
762 
			render.onload = function(e){
 - 
 
763 
				imagen2=new Image();
 - 
 
764 
				imagen2.src=e.target.result;
 - 
 
765
- 
 
766 
				$(imagen2).ready(function(e){
 - 
 
767 
					if(imagen2.width<320||imagen2.height<480){
 - 
 
768 
						$.fn.showError('LABEL_MINIMUM_IMAGE_SIZE');
 - 
 
769 
					}else{
 - 
 
770 
						$(".volver").css("display","block")
 - 
 
771 
						$(".a1").addClass("paso");
 - 
 
772 
						$(".titulo_pasos").html("LABEL_STEP_2");
 - 
 
773 
						editorNoticia(imagen2.src)
 - 
 
774 
					}
- 
 
775 
				})
 - 
 
776 
			}
 - 
 
777 
		}else{
 - 
 
778 
			$.fn.showError('LABEL_SUPPORTED_FORMATS');
 - 
 
779 
		}
 - 
 
780 
	})
- 
 
781 
	$(document).on("dragover", "body", function(e){
 - 
 
782 
		e.preventDefault();
 - 
 
783 
		e.stopPropagation();
 - 
 
784 
	})
 - 
 
785 
	$(document).on("drop", "body", function(e){
 - 
 
786 
		e.preventDefault();
 - 
 
787 
		e.stopPropagation();
 - 
 
788 
	})
- 
 
789 
 
 - 
 
790 
	var canvas='<div class="editorNoticia"><canvas id="editorNoticia">LABEL_NOT_SUPPORTED</canvas></div>';
 - 
 
791 
	$(document).on("mouseover", ".editorNoticia", function(){
 - 
 
792 
		const getScrollBarWidth = () => window.innerWidth - document.documentElement.getBoundingClientRect().width
 - 
 
793 
		let anchoScroll= getScrollBarWidth()+"px";
 - 
 
794 
		$("body").css({"overflow": "hidden"});
 - 
 
795 
		$(".cuadro_noticias, .fixed_noticia,.tituloEditor,.grid-padre,.subpanel").css("margin-right",anchoScroll )
 - 
 
796 
		$(".barra,.footer").css("padding-right",anchoScroll)
 - 
 
797
- 
 
798 
 
 - 
 
799 
	})
 - 
 
800 
	$(document).on("mouseover", "#editorNoticia", function(){
 - 
 
801 
		if(recorte_listo){
 - 
 
802 
			ocho=true;
- 
 
803 
		}
 - 
 
804 
	})
 - 
 
805 
	$(document).on("mouseout", "#editorNoticia", function(){
 - 
 
806 
		if(recorte_listo){
 - 
 
807 
			ocho=false;
 - 
 
808 
			actualizar2()
 - 
 
809 
		}
 - 
 
810 
	})
 - 
 
811 
	$(document).on("mouseout", ".editorNoticia",function(){
 - 
 
812 
		$("body").css({"overflow": "auto"})
 - 
 
813 
		$(".cuadro_noticias, .fixed_noticia,.tituloEditor,.grid-padre,.subpanel").css("margin-right", "0px")
 - 
 
814 
		$(".barra,.footer").css("padding-right","0px")
 - 
 
815
- 
 
816 
	})
 - 
 
817 
	$(document).on('mousewheel', ".editorNoticia",function(e){
 - 
 
818 
		var ruedita = e.originalEvent.wheelDelta
- 
 
819 
		if(ruedita>0){
 - 
 
820 
			scale = scale+(scale/10);
- 
 
821 
			$("#porciento_scale").html((scale*100).toFixed(2)+"%")
 - 
 
822 
		}else{
 - 
 
823 
			scale = scale-(scale/10);
- 
 
824 
			$("#porciento_scale").html((scale*100).toFixed(2)+"%")
 - 
 
825 
		}
 - 
 
826 
		$("#editorNoticia").css({"transform": "scale("+scale+")"});
 - 
 
827 
	})
 - 
 
828 
	$(document).on("click", ".as", function(e){
 - 
 
829 
		e.preventDefault();
 - 
 
830 
		 scale = $(this).data("scale");
 - 
 
831 
		 $("#porciento_scale").html((scale*100).toFixed(2)+"%")
 - 
 
832 
		 $("#editorNoticia").css({"transform": "scale("+scale+")"});
 - 
 
833
- 
 
834 
	})
 - 
 
835 
	$(document).on("click", ".ps", function(e){
 - 
 
836 
		e.preventDefault();
 - 
 
837 
		$(".cantidades_scale").slideToggle(200).css("display", "block");
 - 
 
838 
	})
 - 
 
839 
	$(document).on("click", "#cerrar_filter_modal, .icon_filter", function(e){
 - 
 
840 
		e.preventDefault();
 - 
 
841 
		if(recorte_listo){
 - 
 
842 
		$(".contenido_filter").slideToggle(200).css("display", "block");
 - 
 
843 
		}
 - 
 
844 
	})
 - 
 
845 
	$(document).on("click", "#cerrar_text_modal, .icon_text", function(e){
 - 
 
846 
		e.preventDefault();
 - 
 
847 
		if(recorte_listo){
 - 
 
848 
			$(".contenido_text").slideToggle(200).css("display", "block");
 - 
 
849 
		}
 - 
 
850 
	})
 - 
 
851
- 
 
852 
	$(document).on("click", "#cerrar_cut_modal, .icon_cut", function(e){
 - 
 
853 
		e.preventDefault();
 - 
 
854 
		if(cortar){
 - 
 
855 
			$(".contenido_cut").slideToggle(200).css("display", "block");
 - 
 
856 
		}
 - 
 
857
- 
 
858 
	})
 - 
 
859 
	$(document).on("click", "#menos_scale", function(e){
 - 
 
860 
		e.preventDefault();
 - 
 
861 
		scale = scale-(scale/10);
 - 
 
862 
		 $("#porciento_scale").html((scale*100).toFixed(2)+"%")
 - 
 
863 
		 $("#editorNoticia").css({"transform": "scale("+scale+")"});
 - 
 
864 
	})
 - 
 
865 
 
 - 
 
866 
	$(document).on("click", ".canvas.recortar", function(e){
 - 
 
867 
		$('.sidebar-mini').addClass(function( index ) {
 - 
 
868 
  			return "sidebar-collapse";
 - 
 
869 
		});
 - 
 
870 
	})
 - 
 
871 
 
 - 
 
872 
	$(document).on("click", "#mas_scale", function(e){
 - 
 
873 
		e.preventDefault();
 - 
 
874 
		scale = scale+(scale/10);
 - 
 
875 
		 $("#porciento_scale").html((scale*100).toFixed(2)+"%")
 - 
 
876 
		 $("#editorNoticia").css({"transform": "scale("+scale+")"});
 - 
 
877 
	})
 - 
 
878 
	$(document).on('change', '#selectFiltro', function(e){
 - 
 
879
- 
 
880 
		data=$(this).val()
 - 
 
881 
		if(data=="normal"){
 - 
 
882 
			filter();
 - 
 
883 
		}else{
 - 
 
884 
			data=data.split(',');
 - 
 
885 
			if(data[2]=='gris'){
- 
 
886 
				filtergris(data[0],data[1]);
 - 
 
887 
			}else{
- 
 
888 
				filter(Number(data[0]),Number(data[1]),Number(data[2]),Number(data[3]),Number(data[4]),Number(data[5]));
 - 
 
889 
			}
 - 
 
890 
		}
 - 
 
891
- 
 
892
- 
 
893
- 
 
894 
	})
 - 
 
895
- 
 
896 
 
 - 
 
897 
	var texto_listo=false,siete=false;
 - 
 
898 
	var texto;
 - 
 
899 
	$(document).on("keyup", "#texto_input", function(e){
 - 
 
900 
		e.preventDefault();
 - 
 
901 
		texto = $(this).val();
 - 
 
902 
		if(texto_actualizar){
 - 
 
903 
			siete=true;
- 
 
904 
		}
 - 
 
905 
		if(texto!=""){
 - 
 
906 
			texto_actualizar=true;
 - 
 
907 
			actualizar2();
 - 
 
908 
		}else{
 - 
 
909 
			actualizar2();
 - 
 
910 
		}
 - 
 
911 
 
 - 
 
912 
	})
 - 
 
913 
	var color="#ffffff";
 - 
 
914 
 
 - 
 
915 
	$(document).on("change input", "#color", function(){
 - 
 
916 
    	color=$(this).val();
 - 
 
917 
    	seis=true;
 - 
 
918 
    	actualizar2();
 - 
 
919 
    })
 - 
 
920 
    var size=48;
 - 
 
921 
	$(document).on("keypress", "#font-size, #texto_input", function(e){
 - 
 
922 
    	if(e.which == 13){
 - 
 
923 
      		return false;
 - 
 
924 
    	}
 - 
 
925 
  	});
 - 
 
926 
    $(document).on("keyup change", "#font-size", function(e){
 - 
 
927 
		e.preventDefault();
 - 
 
928 
    	size=$(this).val();
 - 
 
929 
    	size = parseInt(size);
 - 
 
930 
    	seis=true;
 - 
 
931 
    	siete=true;
 - 
 
932 
    	actualizar2();
 - 
 
933 
    })
 - 
 
934 
    var negritas=false, bold="";
 - 
 
935 
    $(document).on("click", "#negritas", function(e){
 - 
 
936 
    	e.preventDefault();
 - 
 
937 
    	if(!negritas){
 - 
 
938 
    		bold="bold";
 - 
 
939 
    		$(this).addClass("fa");
 - 
 
940 
    		seis=true;
 - 
 
941 
    		siete=true;
 - 
 
942 
    		actualizar2();
 - 
 
943 
    		negritas=true;
 - 
 
944 
    	}else{
 - 
 
945 
    		bold="";
 - 
 
946 
    		$(this).removeClass("fa");
 - 
 
947 
    		seis=true;
 - 
 
948 
    		siete=true;
 - 
 
949 
    		actualizar2();
 - 
 
950 
    		negritas=false;
 - 
 
951 
    	}
 - 
 
952 
    })
 - 
 
953 
    var italic=false, ita="";
 - 
 
954 
     $(document).on("click", "#italic", function(e){
 - 
 
955 
    	e.preventDefault();
 - 
 
956 
    	if(!italic){
 - 
 
957 
    		ita="italic";
 - 
 
958 
    		$(this).addClass("fa");
 - 
 
959 
    		seis=true;
 - 
 
960 
    		siete=true;
 - 
 
961 
    		actualizar2();
 - 
 
962 
    		italic=true;
 - 
 
963 
    	}else{
 - 
 
964 
    		ita="";
 - 
 
965 
    		$(this).removeClass("fa");
 - 
 
966 
    		seis=true;
 - 
 
967 
    		siete=true;
 - 
 
968 
    		actualizar2();
 - 
 
969 
    		italic=false;
 - 
 
970 
    	}
 - 
 
971 
    })
 - 
 
972 
     var fontfamily="Arial";
 - 
 
973 
     $(document).on("change", "#selectFuente", function(e){
 - 
 
974 
    	e.preventDefault();
 - 
 
975 
    	fontfamily= $(this).val();
 - 
 
976 
    	seis=true;
 - 
 
977 
    	siete=true;
 - 
 
978 
    	actualizar2();
 - 
 
979
- 
 
980 
    })
 - 
 
981 
     var shadow = true, nueve=true;
 - 
 
982 
     $(document).on("click","#shadow", function(e){
 - 
 
983 
     	e.preventDefault();
 - 
 
984 
     	if(shadow){
 - 
 
985 
     		$(this).removeClass("fa");
 - 
 
986 
     		seis=true;
 - 
 
987 
     		nueve=false;
 - 
 
988 
     		actualizar2();
 - 
 
989 
     		shadow=false;
 - 
 
990 
     	}else{
 - 
 
991 
     		$(this).addClass("fa");
 - 
 
992 
     		seis=true;
 - 
 
993 
     		nueve=true;
 - 
 
994 
     		actualizar2();
 - 
 
995 
     		shadow=true;
 - 
 
996 
     	}
 - 
 
997 
 
 - 
 
998 
     })
 - 
 
999 
     var rectangulo=false, diez=false, colorrect="#000000";
 - 
 
1000 
     $(document).on("click", "#rectangulo", function(e){
 - 
 
1001 
     	e.preventDefault();
 - 
 
1002 
     	if(!rectangulo){
 - 
 
1003 
     		$(this).addClass("fa");
 - 
 
1004 
			$('.color_fondo_cuadro').css('display','flex')
 - 
 
1005 
     		diez=true;
 - 
 
1006 
     		actualizar2();
 - 
 
1007 
     		rectangulo=true;
 - 
 
1008 
     	}else{
 - 
 
1009 
     		$(this).removeClass("fa");
 - 
 
1010 
			 $('.color_fondo_cuadro').css('display','none')
 - 
 
1011 
     		diez=false;
 - 
 
1012 
     		actualizar2();
 - 
 
1013 
     		rectangulo=false;
 - 
 
1014 
     	}
 - 
 
1015 
 
 - 
 
1016 
     })
 - 
 
1017 
     var r=0,g=0,b=0;
 - 
 
1018 
    $(document).on("change input", "#colorrect", function(){
 - 
 
1019 
    	colorrect=$(this).val();
 - 
 
1020 
    	r=parseInt(colorrect.slice(1,3),16);
 - 
 
1021 
    	g=parseInt(colorrect.slice(3,5),16);
 - 
 
1022 
    	b=parseInt(colorrect.slice(5,7),16);
 - 
 
1023 
    	seis=true;
 - 
 
1024 
    	actualizar2();
 - 
 
1025 
    })
 - 
 
1026 
    var a=1;
 - 
 
1027
- 
 
1028 
    $(document).on("mousemove change ", "#opacidad", function(){
 - 
 
1029 
    	a=$(this).val();
 - 
 
1030 
    	a=a/100;
 - 
 
1031 
    	seis=true;
 - 
 
1032 
    	actualizar2();
 - 
 
1033 
    })
 - 
 
1034 
	var imaNoti = new Image();
 - 
 
1035 
	function filter(brillo=1, contraste=1, rojo=1, verde=1, azul=1, valor=1){
 - 
 
1036 
		cuatro=false;
 - 
 
1037 
		restaurar(brillo, contraste);
 - 
 
1038 
		datos=imagenOriginal.data;
 - 
 
1039 
		if(valor==2){
 - 
 
1040 
			for (var i =  0; i <datos.length; i+=4) {
 - 
 
1041 
				datos[i]=datos[i]+rojo;
 - 
 
1042 
				datos[i+1]=datos[i+1]+verde;
 - 
 
1043 
				datos[i+2]=datos[i+2]+azul;
 - 
 
1044 
			}
 - 
 
1045 
		}else{
 - 
 
1046 
			for (var i =  0; i <datos.length; i+=4) {
 - 
 
1047 
				datos[i]=datos[i]*rojo;
 - 
 
1048 
				datos[i+1]=datos[i+1]*verde;
 - 
 
1049 
				datos[i+2]=datos[i+2]*azul
 - 
 
1050 
			}
- 
 
1051 
		}
 - 
 
1052 
		editor.putImageData(imagenOriginal,0,0)
 - 
 
1053 
		var imagenNoticia = elemento.toDataURL("image/jpeg", 1.0);
 - 
 
1054 
	    imaNoti.src = imagenNoticia;
 - 
 
1055 
		actualizar2();
 - 
 
1056 
	}
 - 
 
1057 
	function filtergris(brillo=1, contraste=1){
 - 
 
1058 
		cuatro=false;
 - 
 
1059 
		restaurar(brillo, contraste);
 - 
 
1060 
		datos=imagenOriginal.data;
 - 
 
1061 
		var auxiliar;
 - 
 
1062 
		for (var i =  0; i <datos.length; i+=4) {
 - 
 
1063 
			auxiliar = 0.34 * datos[i] + 0.5 *datos[i+1] + 0.16 * datos[i+2];
- 
 
1064 
			datos[i]=auxiliar;
 - 
 
1065 
			datos[i+1]=auxiliar;
 - 
 
1066 
			datos[i+2]=auxiliar;
 - 
 
1067 
		}
- 
 
1068
- 
 
1069 
		editor.putImageData(imagenOriginal,0,0)
 - 
 
1070 
		var imagenNoticia = elemento.toDataURL("image/jpeg", 1.0);
 - 
 
1071 
	    imaNoti.src = imagenNoticia;
 - 
 
1072 
		actualizar2();
 - 
 
1073 
	}
 - 
 
1074 
	function restaurar(brillo = 1, contraste=1){
 - 
 
1075 
		editor.filter = "none"
 - 
 
1076 
		editor.filter = 'contrast('+contraste+') brightness('+brillo+') saturate(1) sepia(0)';
 - 
 
1077 
		editor.fillStyle="rgba(255,255,255,1)"
 - 
 
1078 
		editor.fillRect(0,0,ancho,alto);
 - 
 
1079 
		editor.fillStyle=""+color+"";
 - 
 
1080 
		var pxf=0,pyf=0;
 - 
 
1081 
			if(xf>=(yf/recorte)){
 - 
 
1082 
				pxf=xf/ancho;
 - 
 
1083 
				pyf=yf/pxf;
 - 
 
1084 
				py=(alto/2)-(pyf/2);
 - 
 
1085 
				editor.drawImage(imagen,x,y,xf,yf,0,py,ancho,pyf);
 - 
 
1086 
			}else{
 - 
 
1087 
				pyf=yf/alto;
 - 
 
1088 
				pxf=xf/pyf;
 - 
 
1089 
				px=(ancho/2)-(pxf/2);
 - 
 
1090 
				editor.drawImage(imagen,x,y,xf,yf,px,0,pxf,alto);
 - 
 
1091 
			}
 - 
 
1092 
		imagenOriginal = editor.getImageData(0,0,ancho,alto)
 - 
 
1093 
	}
 - 
 
1094 
	var ocho=false;
 - 
 
1095 
	function actualizar2(){
 - 
 
1096 
		if(recorte_listo){
 - 
 
1097 
		if(cuatro){
 - 
 
1098 
			imagenOriginal = editor.getImageData(0,0,ancho,alto)
 - 
 
1099 
			var imagenNoticia = elemento.toDataURL("image/jpeg", 1.0);
 - 
 
1100 
	    	imaNoti.src = imagenNoticia;
 - 
 
1101 
	    	cuatro=false;
 - 
 
1102 
		}
 - 
 
1103 
		editor.filter = "none"
 - 
 
1104 
		$(imaNoti).ready(function(e){
- 
 
1105 
			noticia.drawImage(imaNoti,0,0,320,480);
 - 
 
1106 
			editor.drawImage(imaNoti,0,0,ancho,alto)
 - 
 
1107 
			if(texto_actualizar){
 - 
 
1108 
				if(texto!=""){
 - 
 
1109 
					if(seis){
 - 
 
1110 
						ancho_imaNoti = imaNoti.width;
 - 
 
1111
- 
 
1112 
						scale_noticia = -(((ancho_imaNoti-320)/ancho_imaNoti)-1);
 - 
 
1113 
						editor.fillStyle=""+color+"";
 - 
 
1114 
						editor.strokeStyle="rgb(255,255,255)";
 - 
 
1115 
						if(nueve){
 - 
 
1116 
							editor.shadowColor="rgba(0,0,0,.5)";
 - 
 
1117 
							editor.shadowOffsetX=6;
 - 
 
1118 
							editor.shadowOffsetY=6;
 - 
 
1119 
							editor.shadowBlur=6;
 - 
 
1120 
							noticia.shadowColor="rgba(0,0,0,.5)";
 - 
 
1121 
							noticia.shadowOffsetX=6*scale_noticia;
 - 
 
1122 
							noticia.shadowOffsetY=6*scale_noticia;
 - 
 
1123 
							noticia.shadowBlur=6*scale_noticia;
 - 
 
1124 
						}else{
 - 
 
1125 
							editor.shadowColor="rgba(0,0,0,0)";
 - 
 
1126 
							noticia.shadowColor="rgba(0,0,0,0)";
 - 
 
1127 
						}
 - 
 
1128 
						editor.font=""+ita+" "+bold+" "+size+"px "+fontfamily+"";
 - 
 
1129 
						editor.textAlign="start";
 - 
 
1130 
						editor.textBaseline="top";
 - 
 
1131
- 
 
1132 
						var sizeNoticia = size*scale_noticia;
 - 
 
1133 
						noticia.fillStyle=""+color+"";
 - 
 
1134 
						noticia.font=""+ita+" "+bold+" "+sizeNoticia+"px "+fontfamily+"";
 - 
 
1135 
						noticia.textAlign="start";
 - 
 
1136 
						noticia.textBaseline="top";
 - 
 
1137 
						seis=false;
 - 
 
1138 
					}
 - 
 
1139 
					if(siete){
 - 
 
1140 
						dimencionesTexto = editor.measureText(texto);
 - 
 
1141 
						txf=dimencionesTexto.width+20;
 - 
 
1142 
						tyf= (20+size);
- 
 
1143 
						siete=false;
 - 
 
1144 
					}
 - 
 
1145 
					if(cinco){
 - 
 
1146 
						dimencionesTexto = editor.measureText(texto);
 - 
 
1147 
						if(xf>=(yf/recorte)){
 - 
 
1148 
							tx=(xf/2)-(dimencionesTexto.width/2);
 - 
 
1149 
							ty=(xf*recorte/2)-(size/2);
 - 
 
1150 
						}else{
 - 
 
1151 
							tx=(yf/recorte/2)-(dimencionesTexto.width/2);
 - 
 
1152 
							ty=(yf/2)-(size/2);
 - 
 
1153 
						}
 - 
 
1154
- 
 
1155 
						txf=dimencionesTexto.width+20;
 - 
 
1156 
						tyf= size+20;
- 
 
1157 
						cinco=false;
 - 
 
1158 
					}
 - 
 
1159 
					if(diez){
 - 
 
1160 
						editor.fillStyle="rgba("+r+","+g+","+b+","+a+")";
 - 
 
1161 
						noticia.fillStyle="rgba("+r+","+g+","+b+","+a+")";
 - 
 
1162 
						editor.fillRect(tx-10,ty-10,txf,tyf);
 - 
 
1163 
						noticia.fillRect(((tx-10)*scale_noticia),((ty-10)*scale_noticia),txf*scale_noticia,tyf*scale_noticia);
 - 
 
1164 
						editor.fillStyle=""+color+"";
 - 
 
1165 
						noticia.fillStyle=""+color+"";
 - 
 
1166 
 
 - 
 
1167 
					}
 - 
 
1168 
					editor.fillText(texto,tx,ty);
 - 
 
1169 
					noticia.fillText(texto,(tx*scale_noticia),ty*scale_noticia);
 - 
 
1170 
					if(ocho){
 - 
 
1171 
						editor.strokeRect(tx-10,ty-10,txf,tyf)
 - 
 
1172 
						editor.arc(tx+txf,ty+tyf,10,0,Math.PI*2,false);
 - 
 
1173 
						editor.fill();
 - 
 
1174 
						editor.beginPath();
 - 
 
1175 
					}
 - 
 
1176 
					texto_listo=true;
 - 
 
1177 
				}
 - 
 
1178 
			}
 - 
 
1179 
		})
 - 
 
1180
- 
 
1181 
	}
 - 
 
1182 
	}
 - 
 
1183 
	function actualizar(){
 - 
 
1184 
			$(imagen).ready(function(e){
 - 
 
1185 
				if(uno){
 - 
 
1186 
					ancho=imagen.width, alto = imagen.height;
 - 
 
1187 
					elemento.width = ancho;
 - 
 
1188 
					elemento.height = alto;
 - 
 
1189 
					$(".scale").css("display","flex");
 - 
 
1190 
					if(ancho<=alto){
 - 
 
1191 
					 scale = -(((alto-450)/alto)-1);
 - 
 
1192
- 
 
1193
- 
 
1194 
					}else{
- 
 
1195 
					 scale = -(((ancho-500)/ancho)-1);
 - 
 
1196
- 
 
1197 
					}
 - 
 
1198 
					scale=scale*0.80;
 - 
 
1199 
					if(edit){
 - 
 
1200 
						if((ancho*recorte)<=alto){
 - 
 
1201 
							xf=ancho*.70;
 - 
 
1202 
							yf=xf*recorte;
 - 
 
1203 
						}else{
 - 
 
1204 
							yf=alto*.70;
 - 
 
1205 
							xf=yf/recorte;
 - 
 
1206 
						}
 - 
 
1207 
					}
 - 
 
1208
- 
 
1209 
					cuadro_dimencion=Math.round(12/scale);
 - 
 
1210
- 
 
1211 
					if(xf<50||yf<50){
 - 
 
1212 
						xf=50;
 - 
 
1213 
						yf=xf*recorte;
 - 
 
1214 
					}
 - 
 
1215 
					console.log(xf+' '+yf)
 - 
 
1216 
					mitadX=ancho/2;
 - 
 
1217 
					mitadY=alto/2;
 - 
 
1218 
					x=mitadX-xf/2;
 - 
 
1219 
					y=mitadY-yf/2;
 - 
 
1220
- 
 
1221 
					$("#porciento_scale").html((scale*100).toFixed(2)+"%")
 - 
 
1222 
					$("#ancho").html(ancho+"px");
 - 
 
1223 
					$("#alto").html(alto+"px");
 - 
 
1224 
					uno=false;
 - 
 
1225 
				}
 - 
 
1226 
				if(dos){
 - 
 
1227
- 
 
1228 
					if(xf>=(yf/recorte)){
 - 
 
1229 
						alto=xf*recorte;
 - 
 
1230 
						ancho=xf;
 - 
 
1231 
					}else{
 - 
 
1232 
						ancho=yf/recorte;
 - 
 
1233 
						alto=yf;
 - 
 
1234 
 
 - 
 
1235 
					}
 - 
 
1236 
					elemento.width = ancho;
 - 
 
1237 
					elemento.height = alto;
 - 
 
1238 
					if(xf<=yf){
 - 
 
1239 
					 scale = -(((yf-450)/yf)-1);
 - 
 
1240
- 
 
1241 
					}else{
- 
 
1242 
					 scale = -(((xf-500)/xf)-1);
 - 
 
1243 
					}
 - 
 
1244
- 
 
1245 
					$("#porciento_scale").html((scale*100).toFixed(2)+"%")
 - 
 
1246 
					$("#ancho").html(Math.round(xf)+"px");
 - 
 
1247 
					$("#alto").html(Math.round(yf)+"px");
 - 
 
1248 
					dos=false;
 - 
 
1249 
				}
 - 
 
1250 
 
 - 
 
1251 
					var pxf=0,pyf=0;
 - 
 
1252 
					noticia.fillStyle="rgba(255,255,255,1)"
 - 
 
1253 
					noticia.fillRect(0,0,320,480);
 - 
 
1254 
				if(xf>=(yf/recorte)){
 - 
 
1255 
					pxf=xf/320;
 - 
 
1256 
					pyf=yf/pxf;
 - 
 
1257 
					py=(480/2)-(pyf/2);
 - 
 
1258 
					noticia.drawImage(imagen,x,y,xf,yf,0,py,320,pyf);
 - 
 
1259 
				}else{
 - 
 
1260 
					pyf=yf/480;
 - 
 
1261 
					pxf=xf/pyf;
 - 
 
1262 
					px=(320/2)-(pxf/2);
 - 
 
1263 
					noticia.drawImage(imagen,x,y,xf,yf,px,0,pxf,480);
 - 
 
1264 
				}
 - 
 
1265
- 
 
1266 
				$("#editorNoticia").css({"transform": "scale("+scale+")"});
 - 
 
1267 
				if(!recorte_listo){
 - 
 
1268 
					editor.drawImage(imagen,0,0,ancho,alto);
 - 
 
1269 
					editor.fillStyle="rgba(0,0,0,.2)"
 - 
 
1270 
					editor.fillRect(0,0,ancho,alto);
 - 
 
1271 
					editor.fillStyle="rgba(255,255,255,.2)"
 - 
 
1272 
					editor.fillRect(x,y,xf,yf);
 - 
 
1273 
					editor.fillStyle="rgba(255,255,255,0.8)"
 - 
 
1274 
					editor.fillRect(x,y,cuadro_dimencion,cuadro_dimencion);
 - 
 
1275 
					editor.fillRect((x+xf)-cuadro_dimencion,y,cuadro_dimencion,cuadro_dimencion);
 - 
 
1276 
					editor.fillRect(x,y+yf-cuadro_dimencion,cuadro_dimencion,cuadro_dimencion);
 - 
 
1277 
					editor.fillRect(x+xf-cuadro_dimencion,yf+y-cuadro_dimencion,cuadro_dimencion,cuadro_dimencion);
 - 
 
1278 
					esta=true;
 - 
 
1279 
				}else{
 - 
 
1280 
					var pxf=0,pyf=0;
 - 
 
1281
- 
 
1282 
					editor.fillStyle="rgba(255,255,255,1)"
 - 
 
1283 
					editor.fillRect(0,0,ancho,alto);
 - 
 
1284 
					if(xf>=(yf/recorte)){
 - 
 
1285 
						pxf=xf/ancho;
 - 
 
1286 
						pyf=yf/pxf;
 - 
 
1287 
						py=(alto/2)-(pyf/2);
 - 
 
1288 
						editor.drawImage(imagen,x,y,xf,yf,0,py,ancho,pyf);
 - 
 
1289 
					}else{
 - 
 
1290 
						pyf=yf/alto;
 - 
 
1291 
						pxf=xf/pyf;
 - 
 
1292 
						px=(ancho/2)-(pxf/2);
 - 
 
1293 
						editor.drawImage(imagen,x,y,xf,yf,px,0,pxf,alto);
 - 
 
1294 
				}
 - 
 
1295
- 
 
1296 
				}
 - 
 
1297 
			})
 - 
 
1298 
		}
 - 
 
1299 
	var imagenOriginal;
 - 
 
1300 
	var x,y,xf=320,yf =480, elemento,editor,centro, total,scale,dimencionesTexto,ancho_imaNoti,
 - 
 
1301 
	recorte_listo=false,alto,ancho,tx,ty,txf,tyf,cuatro=true,texto_actualizar=false,cinco=true,seis=true,cuatro;
 - 
 
1302 
	var  mitadY,mitadX, uno=true,dos=false, recorte=480/320, imagen_noticias, scale_noticia, tres=true,rotar=false, cortar=false;;
 - 
 
1303 
	var translateX, cuadro_dimencion;
 - 
 
1304
- 
 
1305 
	$(document).on("click", ".recortar10", function(e){
 - 
 
1306
- 
 
1307 
		e.preventDefault();
 - 
 
1308 
		recorte_listo=false;
 - 
 
1309 
		uno=true;
 - 
 
1310 
		$("#boton_recortar").addClass("recortar").text("Recortar").removeClass("info_noticia");
 - 
 
1311 
		$("#boton_recortar3").addClass("recortar").text("Recortar").removeClass("info_noticia3");
 - 
 
1312 
		$(".contenido_text").css("display", "none");
 - 
 
1313 
		$(".contenido_filter").css("display", "none");
 - 
 
1314 
		$(".recortar10").addClass("recortar");
 - 
 
1315 
		$(".canvas").addClass("recortar")
 - 
 
1316 
		$(".oa").removeClass("oa");
 - 
 
1317 
		$("#normal").addClass("oa");
 - 
 
1318 
		$(".b1").removeClass("paso");
 - 
 
1319 
		$(".titulo_pasos").html("LABEL_STEP_2");
 - 
 
1320 
		$('.selectFiltro').prop('selectedIndex','normal');
 - 
 
1321 
		window.clearInterval(actualizar2);
 - 
 
1322 
		actualizar();
 - 
 
1323 
 
 - 
 
1324 
	})
 - 
 
1325 
 
 - 
 
1326
- 
 
1327 
	blockCelda=false;
 - 
 
1328 
	$(document).on("click", "#blockCelda", function(e){
 - 
 
1329 
		e.preventDefault();
 - 
 
1330 
		if(blockCelda){
 - 
 
1331 
			$(this).html('<span class="fa fa-unlock"></span>')
 - 
 
1332
- 
 
1333 
			blockCelda=false;
 - 
 
1334 
		}else{
 - 
 
1335 
			$(this).html('<span class="fa fa-lock"></span>')
 - 
 
1336 
			blockCelda=true;
 - 
 
1337 
		}
 - 
 
1338 
		t4=true;
 - 
 
1339
- 
 
1340 
	})
 - 
 
1341 
	var imagen
- 
 
1342 
	function editorNoticia(img){
 - 
 
1343 
		 cortar=true;
 - 
 
1344 
		imagen= new Image();
 - 
 
1345 
		$(".canvas").html(canvas);
 - 
 
1346 
		elemento = document.getElementById("editorNoticia");
 - 
 
1347 
		editor = elemento.getContext("2d");
 - 
 
1348 
		elemento2 = document.getElementById("imagen_noticias");
 - 
 
1349 
		noticia = elemento2.getContext("2d");
 - 
 
1350 
 
 - 
 
1351 
		$(document).on("click", ".boton_marino.recortar",function(e){
 - 
 
1352 
			e.preventDefault();
 - 
 
1353 
			recorte_listo=true;
 - 
 
1354 
			$(".fondo_oscuro").css("display","none");
 - 
 
1355 
			$("#boton_recortar").removeClass("recortar").text("LABEL_SEND").addClass("info_noticia").attr('type','submit');
 - 
 
1356 
			$(".recortar10").removeClass("recortar");
 - 
 
1357 
			$(".canvas").removeClass("recortar");
 - 
 
1358 
			$(".b1").addClass("paso");
 - 
 
1359 
			$(".titulo_pasos").html("LABEL_STEP_3");
 - 
 
1360
- 
 
1361 
			if(texto!=""){
 - 
 
1362 
				seis=true;
 - 
 
1363 
				siete=true;
 - 
 
1364 
			}
 - 
 
1365 
			cinco=true;
 - 
 
1366 
			dos=true;
 - 
 
1367 
			cuatro=true;
 - 
 
1368 
			setTimeout(() => {
 - 
 
1369 
				actualizar2();
- 
 
1370 
			}, actualizar());
 - 
 
1371 
		})
 - 
 
1372 
 
 - 
 
1373 
		var cli = false, t1= false, t2=false,t3=false,t4=false,tcli=false;
 - 
 
1374 
		var mouse =[];
 - 
 
1375 
 
 - 
 
1376
- 
 
1377 
		function raton(elemento, e){
 - 
 
1378 
			return {
 - 
 
1379 
				x:((e.pageX - elemento.offsetLeft - ((ancho/2)-((ancho*scale)/2)))/scale),
 - 
 
1380 
				y:((e.pageY - elemento.offsetTop - ((alto/2)-((alto*scale)/2)))/scale)
 - 
 
1381 
			}
 - 
 
1382 
		}
 - 
 
1383 
 
 - 
 
1384 
		imagen.src=img;
 - 
 
1385 
		$(".recortar10").addClass("recortar");
 - 
 
1386 
		$("#boton_recortar").removeClass("boton_normal").addClass("recortar boton_marino").text("LABEL_CUT")
 - 
 
1387 
		actualizar();
 - 
 
1388 
 
 - 
 
1389 
		$(elemento).mousemove(function(e){
 - 
 
1390 
			mouse = raton(this, e);
 - 
 
1391
- 
 
1392 
			if(!recorte_listo){
 - 
 
1393 
				if(x<mouse.x &&(xf+x)>mouse.x && y<mouse.y && (y+yf)>mouse.y){
 - 
 
1394 
					if((xf+x-cuadro_dimencion)<mouse.x &&(xf+x)>mouse.x && (y+yf-cuadro_dimencion)<mouse.y && (y+yf)>mouse.y){
 - 
 
1395 
			 			$(elemento).css("cursor","nw-resize");
 - 
 
1396 
			 		}else if((xf+x-cuadro_dimencion)<mouse.x &&(xf+x)>mouse.x && y<mouse.y && (y+cuadro_dimencion)>mouse.y){
 - 
 
1397 
			 			$(elemento).css("cursor","ne-resize");
 - 
 
1398 
			 		}else if(x<mouse.x &&(cuadro_dimencion+x)>mouse.x && y<mouse.y && (y+cuadro_dimencion)>mouse.y){
 - 
 
1399 
			 			$(elemento).css("cursor","se-resize");
 - 
 
1400 
			 		}else if(x<mouse.x &&(cuadro_dimencion+x)>mouse.x && (y+yf-cuadro_dimencion)<mouse.y &&(y+yf)>mouse.y){
 - 
 
1401 
			 			$(elemento).css("cursor","sw-resize");
 - 
 
1402 
			 		}else{
 - 
 
1403 
						$(elemento).css("cursor","move");
 - 
 
1404 
					}
 - 
 
1405 
			 	}else{
 - 
 
1406 
			 		$(elemento).css("cursor","default");
 - 
 
1407 
			 	}
 - 
 
1408 
			}else if(texto_listo){
 - 
 
1409 
				if(tx-10<mouse.x && tx-10+txf>mouse.x && ty-10<mouse.y && ty-10+tyf>mouse.y){
 - 
 
1410 
			 		$(elemento).css("cursor","move");
 - 
 
1411 
			 	}else if((txf+tx-10)<mouse.x &&(txf+tx-10+20)>mouse.x && (ty-10+tyf)<mouse.y && (ty-10+tyf+20)>mouse.y){
 - 
 
1412 
			 		$(elemento).css("cursor","pointer");
 - 
 
1413 
			 	}else{
 - 
 
1414 
			 		$(elemento).css("cursor","default");
 - 
 
1415 
			 	}
 - 
 
1416 
			}
 - 
 
1417 
			else{
 - 
 
1418 
				$(elemento).css("cursor","default");
 - 
 
1419 
			}
 - 
 
1420 
		})
 - 
 
1421 
		$(elemento).mousedown(function(e){
 - 
 
1422 
			mouse = raton(this, e);
 - 
 
1423 
			if(!recorte_listo){
 - 
 
1424 
				if(x<mouse.x &&(xf+x)>mouse.x && y<mouse.y && (y+yf)>mouse.y){
 - 
 
1425
- 
 
1426 
					if((xf+x-cuadro_dimencion)<mouse.x &&(xf+x)>mouse.x && (y+yf-cuadro_dimencion)<mouse.y && (y+yf)>mouse.y){
 - 
 
1427 
						t4 = true;
 - 
 
1428 
					}else if((xf+x-cuadro_dimencion)<mouse.x &&(xf+x)>mouse.x && y<mouse.y && (y+cuadro_dimencion)>mouse.y){
 - 
 
1429 
						t3 = true;
 - 
 
1430 
					}else if(x<mouse.x &&(cuadro_dimencion+x)>mouse.x && y<mouse.y && (y+cuadro_dimencion)>mouse.y){
 - 
 
1431 
						t1 = true;
 - 
 
1432 
					}else if(x<mouse.x &&(cuadro_dimencion+x)>mouse.x && (y+yf-cuadro_dimencion)<mouse.y &&(y+yf)>mouse.y){
 - 
 
1433 
						t2 = true;
 - 
 
1434 
					}else{
 - 
 
1435 
						cli = true;
 - 
 
1436 
					}
 - 
 
1437 
			 	}
 - 
 
1438
- 
 
1439 
			}else if(texto_listo){
 - 
 
1440 
				if(tx-10<mouse.x && tx-10+txf>mouse.x && ty-10<mouse.y && ty-10+tyf>mouse.y){
 - 
 
1441 
			 		tcli=true;
 - 
 
1442 
			 	}else if((txf+tx-10)<mouse.x &&(txf+tx-10+20)>mouse.x && (ty-10+tyf)<mouse.y && (ty-10+tyf+20)>mouse.y){
 - 
 
1443 
			 		rotar=true;
 - 
 
1444 
			 	}
 - 
 
1445 
			}
- 
 
1446
- 
 
1447 
		 })
 - 
 
1448 
 
 - 
 
1449 
		 $('.editorNoticia').mousemove(function(e){
 - 
 
1450 
		 	mouse = raton(this, e);
 - 
 
1451 
			//console.log("raton x: "+mouse.x+ " raton Y: " +mouse.y+ " xf: "+xf+" yf: "+yf)
 - 
 
1452 
			//console.log('t1: '+t1+' t2: '+t2+' t3: '+t3+' t4: '+t4)
 - 
 
1453 
		 	if(!recorte_listo){
 - 
 
1454 
			 	if(cli){
 - 
 
1455 
			 		if((mouse.y-(yf/2))>=0&&(mouse.y+(yf/2))<=alto){
 - 
 
1456 
				 		y = (mouse.y-(yf/2));
 - 
 
1457 
			 		}else{
 - 
 
1458 
			 			if((mouse.y-(yf/2))<0){
 - 
 
1459 
			 				y=0;
 - 
 
1460 
			 			}
 - 
 
1461 
			 			if((mouse.y+(yf/2))>alto){
 - 
 
1462 
			 				y=alto-yf;
 - 
 
1463 
			 			}
 - 
 
1464 
			 		}
 - 
 
1465 
			 		if((mouse.x-(xf/2))>=0&&(mouse.x+(xf/2))<=ancho){
 - 
 
1466 
			 			x = (mouse.x-(xf/2));
 - 
 
1467 
			 		}else{
 - 
 
1468 
			 			if((mouse.x-(xf/2))<0){
 - 
 
1469 
			 				x=0;
 - 
 
1470 
			 			}
 - 
 
1471 
			 			if((mouse.x+(xf/2))>ancho){
 - 
 
1472 
			 				x=(ancho)-xf;
 - 
 
1473 
			 			}
 - 
 
1474 
			 		}
- 
 
1475 
			 	}
 - 
 
1476 
				if(blockCelda){
 - 
 
1477 
			 	if(t4){
 - 
 
1478 
					cal1=mouse.y-y;
 - 
 
1479 
			 		cal2=cal1/recorte;
 - 
 
1480 
					cal3=x+cal2;
 - 
 
1481 
					if(cal2>50){
 - 
 
1482 
						if(cal3<=ancho&&mouse.y<=alto){
 - 
 
1483 
							yf=cal1;
- 
 
1484 
				 			xf=cal2;
 - 
 
1485 
						}else if(cal3<=ancho&&mouse.y>alto){
 - 
 
1486 
							yf=alto-y;
 - 
 
1487 
							xf=yf/recorte
 - 
 
1488 
						}else if(cal3>=ancho&&mouse.y<=alto){
 - 
 
1489 
							xf=ancho-x;
 - 
 
1490 
							yf=xf*recorte;
- 
 
1491 
						}
 - 
 
1492 
				 	}
 - 
 
1493 
			 	}
 - 
 
1494 
			 	if(t3){
 - 
 
1495 
					cal1=yf+(y-mouse.y);
 - 
 
1496 
			 		cal2=cal1/recorte;
 - 
 
1497 
					cal3=x+cal2;
 - 
 
1498 
					if(cal2>50){
 - 
 
1499 
						if(cal3<=ancho&&mouse.y>=0){
 - 
 
1500 
							yf=cal1;
- 
 
1501 
				 			xf=cal2;
 - 
 
1502 
							y=mouse.y;
- 
 
1503 
						}else if(cal3<=ancho&&mouse.y<0){
 - 
 
1504 
							yf=yf+y;
 - 
 
1505 
							xf=yf/recorte
 - 
 
1506 
							y=0;
 - 
 
1507 
						}else if(cal3>=ancho&&mouse.y>=0){
 - 
 
1508 
							xf=ancho-x;
 - 
 
1509 
							y=y+(yf-xf*recorte);
 - 
 
1510 
							yf=xf*recorte;
- 
 
1511 
						}
 - 
 
1512
- 
 
1513 
				 	}
 - 
 
1514
- 
 
1515 
			 	}
 - 
 
1516 
			 	if(t2){
 - 
 
1517 
 
 - 
 
1518 
					cal1=mouse.y-y;
 - 
 
1519 
			 		cal2=cal1/recorte;
 - 
 
1520 
					cal3=x+(yf-cal1)/recorte;cal2;
 - 
 
1521 
					if(cal2>50){
 - 
 
1522 
						if(cal3>=0&&mouse.y<=alto){
 - 
 
1523 
							x=cal3;
 - 
 
1524 
							yf=cal1;
- 
 
1525 
				 			xf=cal2;
 - 
 
1526 
						}else if(cal3>0&&mouse.y>alto){
 - 
 
1527 
							yf=alto-y;
 - 
 
1528 
							x=x+(xf-yf/recorte);
 - 
 
1529 
							xf=yf/recorte
 - 
 
1530 
						}else if(cal3<0&&mouse.y<=alto){
 - 
 
1531 
							xf=xf+x;
 - 
 
1532 
							yf=xf*recorte;
 - 
 
1533 
							x=0;
- 
 
1534 
						}
 - 
 
1535 
				 	}
- 
 
1536
- 
 
1537 
			 	}
 - 
 
1538 
			 	if(t1){
 - 
 
1539 
					cal0=y-mouse.y;
 - 
 
1540 
					cal1=yf+cal0;
 - 
 
1541 
			 		cal2=cal1/recorte;
 - 
 
1542 
					cal3=x-cal0/recorte;
 - 
 
1543 
					if(cal2>50){
 - 
 
1544 
						if(cal3>=0&&mouse.y>=0){
 - 
 
1545 
							yf=cal1;
 - 
 
1546 
					 		xf=cal2;
 - 
 
1547 
					 		x=cal3;
 - 
 
1548 
					 		y=mouse.y;
 - 
 
1549 
						}else if(cal3>0&&mouse.y<0){
 - 
 
1550 
							yf=yf+y;
 - 
 
1551 
							x=x+(xf-yf/recorte);
 - 
 
1552 
							xf=yf/recorte
 - 
 
1553 
							y=0;
 - 
 
1554 
						}else if(cal3<0&&mouse.y>=0){
 - 
 
1555 
							xf=xf+x;
 - 
 
1556 
							y=y+(yf-xf*recorte);
 - 
 
1557 
							yf=xf*recorte;
 - 
 
1558 
							x=0;
- 
 
1559 
						}
 - 
 
1560 
				 	}
- 
 
1561
- 
 
1562 
				}
 - 
 
1563 
				}else{
 - 
 
1564 
				if(t4){
 - 
 
1565
- 
 
1566 
					cal1=mouse.y-y;
 - 
 
1567 
					cal2=mouse.x-x;
 - 
 
1568 
					if(cal1>50){
 - 
 
1569 
						yf=mouse.y<=alto?cal1:alto-y;
- 
 
1570 
				 	}
 - 
 
1571 
					if(cal2>50){
 - 
 
1572 
						xf=mouse.x<=ancho?cal2:ancho-x;
 - 
 
1573 
					}
 - 
 
1574 
			 	}
 - 
 
1575
- 
 
1576 
			 	if(t3){
 - 
 
1577 
					cal1=yf-(mouse.y-y);
 - 
 
1578 
					cal2=mouse.x-x;
 - 
 
1579 
					if(cal1>50){
 - 
 
1580
- 
 
1581 
						if(mouse.y>=0){
 - 
 
1582 
							yf=cal1;
 - 
 
1583 
							y=mouse.y;
- 
 
1584 
						}else{
 - 
 
1585 
							yf=yf+y;
 - 
 
1586 
							y=0;
 - 
 
1587 
						}
 - 
 
1588 
				 	}
 - 
 
1589 
					if(cal2>50){
 - 
 
1590 
						xf=mouse.x<=ancho?cal2:ancho-x;
 - 
 
1591 
					}
 - 
 
1592 
			 	}
 - 
 
1593 
				/* Izquierda abajo */
 - 
 
1594 
			 	if(t2){
 - 
 
1595 
					cal1=mouse.y-y;
 - 
 
1596 
					cal2=xf-(mouse.x-x);
 - 
 
1597 
					if(cal1>50){
 - 
 
1598 
						yf=yf=mouse.y<=alto?cal1:alto-y;
 - 
 
1599 
					}
 - 
 
1600 
					if(cal2>50){
 - 
 
1601 
						if(mouse.x>=0){
- 
 
1602 
							xf=cal2;
 - 
 
1603 
							x=mouse.x;
 - 
 
1604 
						}else{
 - 
 
1605 
							xf=xf+x;
 - 
 
1606 
							x=0;
 - 
 
1607 
						}
 - 
 
1608 
					}
 - 
 
1609 
			 	}
 - 
 
1610 
				/* izquierda arriba */
 - 
 
1611 
			 	if(t1){
 - 
 
1612 
 
 - 
 
1613 
					cal1=yf-(mouse.y-y);
 - 
 
1614 
					cal2=xf-(mouse.x-x);
 - 
 
1615 
					if(cal1>50){
 - 
 
1616
- 
 
1617 
						if(mouse.y>=0){
 - 
 
1618 
							yf=cal1;
 - 
 
1619 
							y=mouse.y;
- 
 
1620 
						}else{
 - 
 
1621 
							yf=yf+y;
 - 
 
1622 
							y=0;
 - 
 
1623 
						}
 - 
 
1624 
				 	}
 - 
 
1625 
					if(cal2>50){
 - 
 
1626 
						if(mouse.x>=0){
- 
 
1627 
							xf=cal2;
 - 
 
1628 
							x=mouse.x;
 - 
 
1629 
						}else{
 - 
 
1630 
							xf=xf+x;
 - 
 
1631 
							x=0;
 - 
 
1632 
						}
 - 
 
1633 
					}
 - 
 
1634
- 
 
1635 
			 	}
 - 
 
1636 
				}
 - 
 
1637
- 
 
1638 
		 	actualizar();
 - 
 
1639 
		 	}else if(texto_listo){
 - 
 
1640 
		 		if(tcli){
 - 
 
1641 
		 			tx=mouse.x-(txf/2)
 - 
 
1642 
		 			ty=mouse.y-(tyf/2)
 - 
 
1643 
		 		}else if(rotar){
 - 
 
1644 
 
 - 
 
1645 
		 		}
 - 
 
1646 
 
 - 
 
1647 
		 		actualizar2();
 - 
 
1648 
		 	}
 - 
 
1649 
		 })
 - 
 
1650 
		 $('body').mouseup(function(e){
 - 
 
1651 
			console.log('levanto el mouse')
 - 
 
1652 
		 	if(!recorte_listo){
 - 
 
1653 
			 	cli=false;
 - 
 
1654 
			 	t1=false;
 - 
 
1655 
			 	t2=false;
 - 
 
1656 
			 	t3=false;
 - 
 
1657 
			 	t4=false;
 - 
 
1658 
		 	}else if (texto_listo) {
 - 
 
1659 
		 		tcli=false;
 - 
 
Línea 1660... Línea -...
1660 
		 	}
 - 
 
1661 
		 })
 - 
 
1662 
 
 - 
 
1663 
 
 - 
 
1664 
	}
 - 
 
1665 
	/* Titulo */
 - 
 
1666
- 
 
1667 
var titulo_noticia, censor_titulo = true, numero_titulo=0;
 - 
 
1668 
	$(document).on("keyup change", "#name", function(e){
 - 
 
1669 
	console.log(numero_titulo)
 - 
 
1670 
	titulo_noticia = $(this).val();
 - 
 
1671 
	titulo_elemento= $(".titulo_topico");
 - 
 
1672 
	if(titulo_noticia!=""){
 - 
 
1673 
		if(censor_titulo){
 - 
 
1674 
			titulo_elemento.html(titulo_noticia);
 - 
 
1675 
			if(titulo_elemento.height()>38){
 - 
 
1676 
				var titulo_noticia2 = "";
 - 
 
1677 
				for(var i =0; i <titulo_noticia.length;i++){
 - 
 
1678 
					titulo_noticia2 = titulo_noticia2 + titulo_noticia.split("")[i];
 - 
 
1679 
					titulo_elemento.html(titulo_noticia2);
 - 
 
1680 
					if(titulo_elemento.height()>38){
 - 
 
1681 
						titulo_noticia2 = titulo_noticia2.slice(0,-5) + "...";
 - 
 
1682 
						titulo_elemento.html(titulo_noticia2);
 - 
 
1683 
						numero_titulo = titulo_noticia2.length;
 - 
 
1684 
						censor_titulo=false;
 - 
 
1685 
						break;
 - 
 
1686 
					}
 - 
 
1687 
 
 - 
 
1688 
				}
 - 
 
1689 
			}else{
 - 
 
1690 
				numero_titulo=0;
 - 
 
1691 
			}
 - 
 
1692 
		}else{
 - 
 
1693 
			if(numero_titulo+1>=titulo_noticia.length){
 - 
 
1694 
				titulo_elemento.html(titulo_noticia);
 - 
 
1695 
				censor_titulo=true;
 - 
 
1696 
			}
 - 
 
1697 
		}
 - 
 
1698 
	}else{
 - 
 
1699 
		titulo_elemento.html("LABEL_TITLE_TOPIC");
 578 
 
1700 
		censor_titulo = true;
 579 
 
1701 
	}
 580 
 
1702 
})
 581 
 
Línea 1703... Línea -...
1703 
    });
 - 
 
1704 
JS;
 - 
 
1705 
$this->inlineScript()->captureEnd();
 - 
 
1706 
?>
 - 
 
1707 
 
 582 
    });
1708 
 
 583 
JS;
1709 
 
 584 
$this->inlineScript()->captureEnd();
1710 
<!-- Content Header (Page header) -->
 585 
?>
1711 
<section class="content-header">
 586 
 
1712 
	<div class="container-fluid">
 - 
 
1713 
		<div class="row mb-2">
 - 
 
1714 
			<div class="col-sm-12">
 - 
 
1715 
				<h1>LABEL_TOPICS</h1>
 - 
 
1716 
			</div>
 - 
 
1717 
		</div>
 587 
<div class="container">
1718 
	</div><!-- /.container-fluid -->
 588 
	<div class="card" id="row-listing">
1719 
</section>
 589 
	 	<div class="card-header">
1720 
 
 - 
 
1721 
<section class="content" id='content1'>
 - 
 
- 
 
 590 
	 		<h6 class="card-title">LABEL_TOPICS</h6>
1722 
	<div class="container-fluid">
 591 
	 	</div>
1723 
		<div class="row">
 592 
	 	<div class="card-body">
1724 
			<div class="col-12">
 593 
	 		<div class="row">
1725 
				<div class="card">
 594 
	 	         <div class="col-12 mt-3">
1726 
					<div class="card-body">
 595
1727 
						<table id="gridTable" class="table   table-bordered">
 596 
	 	         						<table id="gridTable" class="table   table-bordered">
Línea 1734... Línea 603...
1734 
								</tr>
 603 
								</tr>
1735 
							</thead>
 604 
							</thead>
1736 
							<tbody>
 605 
							<tbody>
1737 
							</tbody>
 606 
							</tbody>
1738 
						</table>
 607 
						</table>
- 
 
 608
- 
 
 609 
	 	         </div>
- 
 
 610 
	 	     </div>
1739 
					</div>
 611 
	 	</div>
1740 
					<div class="card-footer clearfix">
 612 
	 	<div class="card-footer text-right">
1741 
						<div style="float:right;">
 - 
 
1742 
							<button type="button" class="btn btn-info btn-refresh"><i class="fa fa-refresh"></i> LABEL_REFRESH </button>
 613 
			<button type="button" class="btn btn-info btn-refresh"><i class="fa fa-refresh"></i> LABEL_REFRESH </button>
1743 
							<?php if ($allowAdd) : ?>
 614 
			<?php if ($allowAdd) : ?>
1744 
								<button type="button" class="btn btn-primary btn-add"><i class="fa fa-plus"></i> LABEL_ADD </button>
 615 
			<button type="button" class="btn btn-primary btn-add"><i class="fa fa-plus"></i> LABEL_ADD </button>
1745 
							<?php endif; ?>
 616 
			<?php endif; ?>
1746 
						</div>
 - 
 
1747 
					</div>
 - 
 
1748 
				</div>
 - 
 
1749 
			</div>
 617 
	 	</div>
1750 
		</div>
 - 
 
1751 
	</div>
 - 
 
1752 
</section>
 - 
 
1753 
<section id="addImage" style='display:none' class="">
 - 
 
1754 
	<div class="d-flex justify-content-center tituloEditor">
 - 
 
1755 
		<h4>LABEL_ADD_TOPIC</h6>
 - 
 
1756 
 
 - 
 
1757 
	</div>
 618 
	</div>
- 
 
 619
- 
 
 620 
	<div class="card" id="row-add" style="display:none">
1758 
	<div class="grid-padre">
 621 
	 	<div class="card-header">
- 
 
 622 
	 		<h6 class="card-title">LABEL_ADD_TOPIC</h6>
- 
 
 623 
	 	</div>
1759 
		<?php
 624 
	 	<?php
1760 
		$form = $this->formAdd;
 625 
		$form = $this->formAdd;
1761 
		$form->setAttributes([
 626 
		$form->setAttributes([
1762 
			'method'  => 'post',
 627 
			'method'  => 'post',
1763 
			'action'  => $routeAdd,
 628 
			'action'  => $routeAdd,
1764 
			'name'    => 'form-topic-add',
 629 
			'name'    => 'form-topic-add',
Línea 1766... Línea 631...
1766 
		]);
 631 
		]);
Línea 1767... Línea 632...
1767 
 
 632 
 
1768 
		$form->prepare();
 633 
		$form->prepare();
1769 
		echo $this->form()->openTag($form);
 634 
		echo $this->form()->openTag($form);
1770 
		?>
 635 
		?>
- 
 
 636 
	 	<div class="card-body">
- 
 
 637 
			<div class="row">
1771 
		<div class="form-group grid-1-2">
 638 
    	 		<div class="col-12 mt-3">
1772 
			<?php
 639 
    			<?php
1773 
			$element = $form->get('name');
 640 
    			$element = $form->get('name');
1774 
 
 641
1775 
			$element->setAttributes(['class' => 'form-control']);
 642 
    			$element->setAttributes(['class' => 'form-control']);
1776 
			$element->setOptions(['label' => 'LABEL_NAME']);
 643 
    			$element->setOptions(['label' => 'LABEL_NAME']);
1777 
			echo $this->formLabel($element);
 644 
    			echo $this->formLabel($element);
1778 
			echo $this->formText($element);
 645 
    			echo $this->formText($element);
- 
 
 646 
    			?>
1779 
			?>
 647 
    			</div>
- 
 
 648 
    		</div>
1780 
		</div>
 649
- 
 
 650
1781 
 
 651 
             <div class="row">
1782 
		<div class="form-group grid-1-2">
 652 
    	 	         	<div class="col-12 mt-3">
1783 
			<?php
 653 
    			<?php
1784 
			$element = $form->get('description');
 654 
    			$element = $form->get('description');
1785 
			$element->setAttributes(['id' => 'description_add', 'class' => 'form-control', 'rows' => '2', 'class' => 'form-control']);
 655 
    			$element->setAttributes(['id' => 'description_add', 'class' => 'form-control', 'rows' => '2', 'class' => 'form-control']);
1786 
			$element->setOptions(['label' => 'LABEL_DESCRIPTION']);
 656 
    			$element->setOptions(['label' => 'LABEL_DESCRIPTION']);
1787 
			echo $this->formLabel($element);
 657 
    			echo $this->formLabel($element);
1788 
			echo $this->formTextArea($element);
 658 
    			echo $this->formTextArea($element);
- 
 
 659 
    			?>
1789 
			?>
 660 
    			</div>
- 
 
 661 
    		</div>
- 
 
 662
1790 
		</div>
 663 
             <div class="row">
1791 
		<div class="form-group grid-1-2">
 664 
    	 	         	<div class="col-12 mt-3">
1792 
			<?php
 665 
    			<?php
1793 
			$element = $form->get('order');
 666 
    			$element = $form->get('order');
1794 
			$element->setAttributes(['class' => 'form-control']);
 667 
    			$element->setAttributes(['class' => 'form-control']);
1795 
			$element->setOptions(['label' => 'LABEL_ORDER']);
 668 
    			$element->setOptions(['label' => 'LABEL_ORDER']);
1796 
			echo $this->formLabel($element);
 669 
    			echo $this->formLabel($element);
1797 
			echo $this->formText($element);
 670 
    			echo $this->formText($element);
- 
 
 671 
    			?>
1798 
			?>
 672 
    			</div>
1799 
		</div>
 673 
    		</div>
1800 
 
 674
1801 
		<?php
 - 
 
1802 
		$element = $form->get('file');
 - 
 
1803 
		$element->setAttributes(['class' => 'file']);
 - 
 
1804 
		echo $this->formHidden($element); ?>
 675
- 
 
 676
1805 
 
 677 
             <div class="row">
1806 
		<div class="form-group grid-1-2">
 678 
    	 	         	<div class="col-12 mt-3">
1807 
			<?php
 679 
    			<?php
1808 
			$element = $form->get('status');
 680 
    			$element = $form->get('status');
1809 
			$element->setAttributes(['class' => 'form-control']);
 681 
    			$element->setAttributes(['class' => 'form-control']);
1810 
			$element->setOptions(['label' => 'LABEL_STATUS']);
 682 
    			$element->setOptions(['label' => 'LABEL_STATUS']);
1811 
			echo $this->formLabel($element);
 683 
    			echo $this->formLabel($element);
- 
 
 684 
    			echo $this->formSelect($element);
1812 
			echo $this->formSelect($element);
 685
1813 
			?>
 686 
    			?>
1814 
		</div>
 - 
 
1815 
 
 687 
    			</div>
1816 
		<div class="contenido form-group" id="contenido">
 688 
    		</div>
1817 
 
 689
- 
 
 690
1818 
 
 691 
             <div class="row">
1819 
		</div>
 - 
 
- 
 
 692 
    	 		<div class="col-12 mt-3">
- 
 
 693 
                            <?php
- 
 
 694 
                            $element = $form->get('file');
- 
 
 695 
                            $element->setOptions(['label' => 'LABEL_IMAGE']);
1820 
 
 696 
                            $element->setAttributes(['class' => 'form-control']);
- 
 
 697
1821 
 
 698 
                            echo $this->formLabel($element);
- 
 
 699 
                            echo $this->formFile($element);
- 
 
 700 
                            ?>
1822 
		<?php echo $this->form()->closeTag($form); ?>
 701 
                	</div>
1823 
	</div>
 - 
 
1824 
 
 - 
 
1825 
 
 702 
         	</div>
1826 
</section>
 - 
 
1827 
 
 703 
	 	</div>
1828 
<section id="topicEdit" style='display:none' class="">
 704 
	 	<div class="card-footer text-right">
1829 
	<div class="d-flex justify-content-center tituloEditor">
 705 
	 	     <button type="submit" class="btn btn-primary">LABEL_SAVE</button>
1830 
		<h4>LABEL_EDIT_TOPIC</h6>
 706 
      		<button type="button" class="btn btn-light btn-cancel">LABEL_CANCEL</button>
- 
 
 707 
	 	</div>
1831 
 
 708 
	 	<?php echo $this->form()->closeTag($form); ?>
- 
 
 709 
	</div>
- 
 
 710
- 
 
 711
- 
 
 712 
	<div class="card" id="row-edit" style="display:none">
1832 
	</div>
 713
- 
 
 714 
	 	<div class="card-header">
- 
 
 715 
	 		<h6 class="card-title">LABEL_EDIT_TOPIC</h6>
1833 
	<div class="grid-padre">
 716 
	 	</div>
1834 
		<?php
 717 
	 	<?php
1835 
		$form = $this->formEdit;
 718 
		$form = $this->formEdit;
1836 
		$form->setAttributes([
 719 
		$form->setAttributes([
1837 
			'method'    => 'post',
 720 
			'method'    => 'post',
1838 
			'name'      => 'form-topic-edit',
 721 
			'name'      => 'form-topic-edit',
1839 
			'id'        => 'form-topic-edit'
 722 
			'id'        => 'form-topic-edit'
Línea 1840... Línea 723...
1840 
		]);
 723 
		]);
1841 
 
 724 
 
1842 
		$form->prepare();
 725 
		$form->prepare();
- 
 
 726 
		echo $this->form()->openTag($form);
1843 
		echo $this->form()->openTag($form);
 727 
		?>
1844 
		?>
 - 
 
1845 
		<div class="form-group grid-1-2">
 - 
 
Línea 1846... Línea -...
1846 
			<?php
 - 
 
1847 
			$element = $form->get('name');
 - 
 
1848 
 
 - 
 
1849 
			$element->setAttributes(['class' => 'form-control']);
 - 
 
1850 
			$element->setOptions(['label' => 'LABEL_NAME']);
 - 
 
1851 
			echo $this->formLabel($element);
 728
1852 
			echo $this->formText($element);
 729 
	 	<div class="card-body">
1853 
			?>
 730 
 
1854 
		</div>
 731 
  <div class="row">
1855 
		<div class="form-group grid-1-2">
 732 
	 	         	<div class="col-12 mt-3">
1856 
			<?php
 733 
			<?php
1857 
			$element = $form->get('description');
 734 
			$element = $form->get('description');
1858 
			$element->setAttributes(['id' => 'description_edit', 'rows' => '2', 'class' => 'form-control',   'class' => 'form-control']);
 735 
			$element->setAttributes(['id' => 'description_edit', 'rows' => '2', 'class' => 'form-control',   'class' => 'form-control']);
1859 
			$element->setOptions(['label' => 'LABEL_DESCRIPTION']);
 736 
			$element->setOptions(['label' => 'LABEL_DESCRIPTION']);
- 
 
 737 
			echo $this->formLabel($element);
1860 
			echo $this->formLabel($element);
 738 
			echo $this->formTextArea($element);
- 
 
 739 
			?>
- 
 
 740 
			</div>
1861 
			echo $this->formTextArea($element);
 741 
		</div>
1862 
			?>
 742 
 
1863 
		</div>
 743 
         <div class="row">
1864 
		<div class="form-group grid-1-2">
 744 
	 	         	<div class="col-12 mt-3">
1865 
			<?php
 745 
			<?php
1866 
			$element = $form->get('order');
 746 
			$element = $form->get('order');
1867 
			$element->setAttributes(['class' => 'form-control']);
 747 
			$element->setAttributes(['class' => 'form-control']);
1868 
			$element->setOptions(['label' => 'LABEL_ORDER']);
 748 
			$element->setOptions(['label' => 'LABEL_ORDER']);
- 
 
 749 
			echo $this->formLabel($element);
1869 
			echo $this->formLabel($element);
 750 
			echo $this->formText($element);
Línea 1870... Línea -...
1870 
			echo $this->formText($element);
 - 
 
1871 
			?>
 - 
 
1872 
		</div>
 - 
 
1873 
 
 - 
 
1874 
		<?php
 - 
 
Línea -... Línea 751...
- 
 
 751 
			?>
- 
 
 752 
			</div>
1875 
		$element = $form->get('file');
 753 
		</div>
1876 
		$element->setAttributes(['class' => 'file']);
 754 
 
1877 
		echo $this->formHidden($element);
 755 
 
1878 
		?>
 756 
 
1879 
 
 757 
         <div class="row">
1880 
		<div class="form-group grid-1-2">
 758 
	 	         	<div class="col-12 mt-3">
1881 
			<?php
 759 
			<?php
1882 
			$element = $form->get('status');
 760 
			$element = $form->get('status');
- 
 
 761 
			$element->setAttributes(['class' => 'form-control']);
1883 
			$element->setAttributes(['class' => 'form-control']);
 762 
			$element->setOptions(['label' => 'LABEL_STATUS']);
Línea -... Línea 763...
- 
 
 763 
			echo $this->formLabel($element);
- 
 
 764 
			echo $this->formSelect($element);
- 
 
 765 
			?>
1884 
			$element->setOptions(['label' => 'LABEL_STATUS']);
 766 
			</div>
- 
 
 767 
		</div>
- 
 
 768 
 
- 
 
 769 
         <div class="row">
- 
 
 770 
	 	         	<div class="col-12 mt-3">
- 
 
 771 
                        <?php
- 
 
 772 
                        $element = $form->get('file');
- 
 
 773 
                        $element->setOptions(['label' => 'LABEL_IMAGE']);
- 
 
 774 
                        $element->setAttributes(['class' => 'form-control']);
- 
 
 775
- 
 
 776 
                        echo $this->formLabel($element);
1885 
			echo $this->formLabel($element);
 777 
                        echo $this->formFile($element);
1886 
			echo $this->formSelect($element);
 778 
                        ?>
- 
 
 779 
                    </div>
- 
 
 780 
                </div>
- 
 
 781
- 
 
 782
1887 
			?>
 783 
	 	</div>
1888 
		</div>
 784
1889 
 
 - 
 
1890 
		<div class="contenido form-group" id="contenido2">
 - 
 
1891 
		</div>
 785 
	 	<div class="card-footer text-right">
Línea 1892... Línea 786...
1892 
 
 786 
			<button type="submit" class="btn btn-primary">LABEL_SAVE</button>
1893 
		<?php echo $this->form()->closeTag($form); ?>
 787 
      		<button type="button" class="btn btn-light btn-cancel">LABEL_CANCEL</button>
1894 
	</div>
 788 
	 	</div>
1895 
 
 789 
	 	<?php echo $this->form()->closeTag($form); ?>
Línea 1896... Línea 790...
1896 
 
 790 
	</div>
1897 
</section>
 791 
</div>
Línea 1913... Línea 807...
1913 
			<div class="modal-body text-center">
 807 
			<div class="modal-body text-center">
1914 
				<img src="" class="img img-responsive" style="width: 300px; height: auto" id="image-app" />
 808 
				<img src="" class="img img-responsive" style="width: 300px; height: auto" id="image-app" />
1915 
			</div>
 809 
			</div>
Línea 1916... Línea 810...
1916 
 
 810 
 
1917 
			<!-- Modal footer -->
 811 
			<!-- Modal footer -->
1918 
			<div class="modal-footer">
 812 
			<div class="modal-footer text-right">
1919 
				 <button type="button" class="btn btn-light" data-bs-dismiss="modal">LABEL_CLOSE</button>
 813 
				 <button type="button" class="btn btn-light" data-bs-dismiss="modal">LABEL_CLOSE</button>
1920 
			</div>
 814 
			</div>
1921 
		</div>
 815 
		</div>
1922 
	</div>
 816 
	</div>
1923 
</div>
 817 
</div>