Photo Sticker for Phones - Stikets (2024)

'); $('#StkWToolContenedorFondoYLienzoL2Fondo').css("position", "relative"); $('#StkWToolContenedorFondoYLienzoL2Fondo').css("width", "20px"); $('#StkWToolContenedorFondoYLienzoL2Fondo').html('

'); //$('#StkWToolContenedorBase').css("position", "relative"); $('#StkWToolContenedorBase').css("right", "8px"); window.setTimeout(function () { var w1 = $('#StkWToolContenedorFondoL1').width(); $('#StkWToolContenedorFondoL1').width(w1 - 10); }, 100); if (callback) callback(); } else if (tipo_marco == 3) { AnchoDisponible = document.getElementById("StkWToolContenedorBase").offsetWidth; $('#StkWToolContenedorFondoYLienzoL1Fondo').html('

'); $('#StkWToolContenedorFondoYLienzoL2Fondo').html('

'); $("#StkWToolContenedorFondoYLienzoLienzo").addClass('rounded_border'); if (callback) callback(); } else if (tipo_marco == 4) { AnchoDisponible = document.getElementById("StkWToolContenedorBase").offsetWidth; $('#StkWToolContenedorFondoYLienzoL1Fondo').html('

'); $('#StkWToolContenedorFondoYLienzoL2Fondo').html('

'); $("#StkWToolContenedorFondoYLienzoLienzo").addClass('magnet_border'); $(".canvas-container").css("border", "2px solid #eee"); $('#StkWToolContenedorBase').css("position", "relative"); if (window_innerWidth() > 900) $('#StkWToolContenedorBase').css("right", "6px"); window.setTimeout(function () { var w1 = $('#StkWToolContenedorFondoL1').width(); if (window_innerWidth() <= 900) w1 = w1 - 12; $('#StkWToolContenedorFondoL1').width(w1 - 12); }, 100); if (callback) callback(); } } else { $('#StkWToolContenedorFondoYLienzoL1Fondo').css("height", "0px"); $('#StkWToolContenedorFondoYLienzoL2Fondo').css("width", "0px"); if (callback) callback(); } } $(document).ready(function () { //$(window).on("load", function () { VerifyDivSizes(); html_popup_original = $("#StkWToolContenedor").html(); //mostra_popup(1); }); $(document).ready(function () { /* var w = window_innerWidth(); if (w > 900) { var alt = $("#descripcio_producte").height(); $("#descripcio_producte .block_dreta.desc_dreta > div").height(alt); $("#descripcio_producte .block_dreta.desc_dreta .StkWToolMenuPrincipalButtonBtn").addClass("absolute_centrat_botom"); } */ $("body").on("click", ".afegir_avatar", function(){ show_twinie_popup("2 pasos", $(this)); }) // fix scroll vertical en canvas document.addEventListener('touchstart', function (e) { if (e.target.nodeName === 'CANVAS') { e.preventDefault(); } }, {capture: true, passive: false}); $("#mou_a_detalles p").click(function () { var target = $("#barra_compra_segura"); $('html, body').animate({ scrollTop: target.offset().top }, 500); }); $("#StkWToolMenuPrincipalImg").change(function () { mostra_popup(1); $(".llista_imatge li span").first().click(); }); $(window).on('resize', function(e) { clearTimeout(resizeTimer); resizeTimer = setTimeout(function() { if(es_magnet_nevera) { $('#div_magnet_nevera').hide(); } mostrar_pantalla_loader_proces_en_curs(); var el = $("#StkWToolLienzo"); el.fadeOut(300, function () { reload_total_canvas(); el.fadeIn(300); amagar_pantalla_loader_proces_en_curs(); if(es_magnet_nevera) { $('#div_magnet_nevera').show(); } }); }, 300); }); var semafor = true; var scroll_mov = 200; var vel = 300; $("body").on('click', "#selector_colors_fons_canvas .boto_lletres_next", function () { if (semafor) { semafor = false; $("#div_selector_colors_fons_canvas").animate({scrollLeft: $("#div_selector_colors_fons_canvas").scrollLeft() + scroll_mov}, vel, function () { semafor = true; }); } }); $("body").on('click', "#selector_colors_fons_canvas .boto_lletres_prev", function () { if (semafor) { semafor = false; $("#div_selector_colors_fons_canvas").animate({scrollLeft: $("#div_selector_colors_fons_canvas").scrollLeft() - scroll_mov}, vel, function () { semafor = true; }); } }); $(".div_color_canvas").on("click", function(){ $(".div_color_canvas").removeClass("active"); $(this).addClass("active"); StkWToolChangeCanvasColor($(this).attr("value")); }); if(es_magnet_nevera) { $('#div_magnet_nevera').show(); } }); /* * Mostra/amaga popup de personalització. * Que la funcio es digui igual que la de ETMD no vol dir que facin lo mateix!! No matxacar la una per l'altre */ function mostra_popup(num) { if (num) { //$("#contenidor_menu_principal").css("z-index", "10"); $("#cap_blanc").css("z-index", "5"); } switch (num) { case 0: $("body").removeClass("block_scroll"); $("#popup_2dfcustom").fadeOut(300); deleteAllItems(); //$("#contenidor_menu_principal").css("z-index", "12"); $("#cap_blanc").css("z-index", "11"); $("#StkWToolMenuPrincipalImg").val(''); break; case 1: $("#popup_2dfcustom").fadeIn(300); load_canvas(); $("body").addClass("block_scroll"); window.setTimeout(function () { var w = window_innerWidth(); /*if (w > 900) { var alt = $("#StkWToolLienzo").height() + 4; if (alt > $("#StkWToolContenedorMenuLayers").height()) $("#StkWToolContenedorMenuLayers").css("min-height", alt + "px"); }*/ }, 700); break; } if($(".div_color_fisic").length > 0){ setTimeout(function(){ $(".div_color_fisic").first().click(); //get_tipos_color_fisic($(".imatge_forma").first().attr("attr-value")) }, 300) } } $(".textarea_input").change(function () { alert($(this).val()); $(this).val($(this).val().replace("ẞ", "ß")); }); $("#StkWToolMenuAvatarButtonBtn").click(function () { show_twinie_popup("llista", $(this)); }); function obrirTwinies(gen,cos_twinie){ if($(".avatar_client").length > 0){ show_twinie_popup("llista", $(this)); } else{ show_twinie_popup('2 pasos', $(this)); } reset_avatar_wizzard(cos_twinie, gen); if (cos_twinie == "animals") { $("#seleccionar_cos").click(); } else { $("#seleccionar_cara").click(); if ($('input.color_twinie[type=radio]:checked')) { $('input.color_twinie').first().click(); reset_avatar_wizzard(cos_twinie, gen); } } } $("#popup_2dfcustom .tanca_butt").click(function (e) { //deleteAllImages(); mostra_popup(0); e.preventDefault(); reload_page(); if ($(".StkWToolMenuPrincipalButton_doble").length > 0 && !StkappCatalogMode) reload_page(); return false; }); function INIT_PRESSU() { add_random_param(); // Cargamos el canvas de diseño if (bOmitirMarcoFondo) { WidthReferenciaPantalla = document.getElementById("StkWToolContenedorBase").offsetWidth; } else { WidthReferenciaPantalla = document.getElementById("StkWToolContenedorFondoL1").offsetWidth - document.getElementById("StkWToolContenedorFondoL2").offsetWidth; } //deleteAllImages(); InitStkWTool(); VerifyDivSizes(); ResizeMenuTabs(); if (bOmitirMarcoFondo) { $("#tab2").prop("checked", true); } } function VerifyDivSizes() { return; // Son del mismo tamaño ¿? if ($('#StkWToolContenedorFondoYLienzoI').width() != $('#StkWToolContenedorFondoYLienzoII').width()) { var valor = document.getElementById("StkWToolContenedorFondoYLienzoI").offsetWidth - document.getElementById("StkWToolContenedorFondoYLienzoL2Fondo").offsetWidth; //var valor = $('#StkWToolContenedorFondoYLienzoL2Fondo').width() + 1; console.log(valor) $('#StkWToolLienzo').width(valor); $('#StkWToolContenedorFondoYLienzoLienzo').width(valor); CanvasWizard.setWidth(valor); var valor = document.getElementById("StkWToolContenedorFondoYLienzoI").offsetWidth - document.getElementById("StkWToolContenedorFondoYLienzoLienzo").offsetWidth; $('#StkWToolContenedorFondoYLienzoL2Fondo').width(valor); // Recalculamos factor WidthReferenciaPantalla = $('#StkWToolLienzo').width(); FactorEscalaRepresentada = ((WidthReferenciaPantalla * 100) / FactorEscalaRealWidth) / 100; } } $(window).resize(function () { ResizeWindowEvent(); if (tipo_marco > 1) { window.setTimeout(function () { var w1 = $('#StkWToolContenedorFondoL1').width(); $('#StkWToolContenedorFondoL1').width(w1 - 10); }, 150); } }); function ResizeWindowEvent() { AplicarMarcoSeleccionado(MarcoFondoValColor, function () { if (bOmitirMarcoFondo) { //WidthReferenciaPantalla = document.getElementById("StkWToolContenedorFondoYLienzoL1Fondo").offsetWidth - document.getElementById("StkWToolContenedorFondoYLienzoL2Fondo").offsetWidth; WidthReferenciaPantalla = document.getElementById("StkWToolContenedorBase").offsetWidth; } else { WidthReferenciaPantalla = document.getElementById("StkWToolContenedorFondoL1").offsetWidth - document.getElementById("StkWToolContenedorFondoL2").offsetWidth; } if (!(typeof modo_simple !== 'undefined' && modo_simple)) { EscalarDimesionesYPosicionStkWTool(); } VerifyDivSizes(); ResizeMenuTabs(); }); } $(window).on("orientationchange", function () { ResizeWindowEvent(); }); function ResizeMenuTabs() { var StkWToolContenedorDisplay = $('#StkWToolContenedorMenuLayers').css("display"); var AnchoMenuTabs = 0; var CssDisplayOption = ""; if (StkWToolContenedorDisplay == "inline-block") { // Se muestra en el lado derecho AnchoMenuTabs = document.getElementById("StkWToolContenedor").offsetWidth - document.getElementById("StkWToolContenedorBase").offsetWidth; CssDisplayOption = "table-caption"; AltoMenuTabs = document.getElementById("StkWToolContenedorBase").offsetHeight - 88; } else { AnchoMenuTabs = document.getElementById("StkWToolContenedor"); CssDisplayOption = "inline"; if (bOmitirMarcoFondo) { AltoMenuTabs = (document.getElementById("StkWToolContenedorBase").offsetHeight / 10) * 7; } else { AltoMenuTabs = (document.getElementById("StkWToolContenedorBase").offsetHeight / 6) * 5; } } AnchoMenuTabs = AnchoMenuTabs - 11 - 20; // Padding de StkWToolContenedor - MNargin left StkWToolContenedorMenuLayers /*$('#StkWToolContenedorMenuLayersTabs').css("width",AnchoMenuTabs+"px"); $('#StkWToolContenedorMenuLayersTabs').css("display",CssDisplayOption); $('#tab-StkWToolContenedorMenuLayersTabsTab1').css("height",AltoMenuTabs+"px"); $('#tab-StkWToolContenedorMenuLayersTabsTab1').css("max-height",AltoMenuTabs+"px"); $('#tab-StkWToolContenedorMenuLayersTabsTab2').css("height",AltoMenuTabs+"px"); $('#tab-StkWToolContenedorMenuLayersTabsTab2').css("max-height",AltoMenuTabs+"px"); $('#tab-StkWToolContenedorMenuLayersTabsTab3').css("height",AltoMenuTabs+"px"); $('#tab-StkWToolContenedorMenuLayersTabsTab3').css("max-height",AltoMenuTabs+"px");*/ //$('#StkWToolContenedorMenuLayersTabs').css("display", "block"); // Resize de contenidos del menu var Identificador = ""; var AnchoFilenameDisponible = 0; for (var i = 0; i < ObjImagen.length; i++) { Identificador = ObjImagen[i]; AnchoFilenameDisponible = $('#' + Identificador + '_CAPTION').width() - ($('#' + Identificador + '_IMG').width() + $('#' + Identificador + '_RESIZE').width() + 46); // 46 es imagen borrar + padding 5 //$('#' + Identificador + '_FILENAME').css("max-width", AnchoFilenameDisponible + "px"); } for (var i = 0; i < ObjTexto.length; i++) { Identificador = ObjTexto[i]; AnchoFilenameDisponible = $('#' + Identificador + '_CAPTION').width() - ($('#' + Identificador + '_IMG').width() + $('#' + Identificador + '_RESIZE').width() + $('#' + Identificador + '_COLORPICKERDIV').width() + 46); // 46 es imagen borrar + padding 5 //$('#' + Identificador + '_FAMILYDIV').css("max-width", AnchoFilenameDisponible + "px"); } } // Selector de color de marco $(".text_check").bind('click', function () { var ImagenAplicar = $(this).attr("src"); if (typeof ImagenAplicar != 'undefined') { // Selector de color var filename = ImagenAplicar.replace(/^.*[\\\/]/, ''); var fname = filename.substring(0, filename.lastIndexOf('.')); MarcoFondoValColor = fname; AplicarMarcoSeleccionado(MarcoFondoValColor, function () { WidthReferenciaPantalla = document.getElementById("StkWToolContenedorFondoL1").offsetWidth - document.getElementById("StkWToolContenedorFondoL2").offsetWidth; EscalarDimesionesYPosicionStkWTool(); VerifyDivSizes(); ResizeMenuTabs(); }); } $('input[name=' + $(this).attr('attr-name') + '][value="' + $(this).attr('attr-value') + '"]').prop('checked', true); $(".llista-color_fons li").removeClass('opcio_wizard_selected'); $(this).parent().addClass('opcio_wizard_selected'); return; }); function valida_producte_2dfcustom(form) { if (typeof TeFormes != "undefined" && TeFormes){ if(FormaOverlay == "llibretes_oxford"){ id_fons_oxford = $(".div_forma.selected").find(".imatge_forma").attr("attr-value"); } } var ImagenAProcesar = $("#" + ObjImagenRetornoGuardar).val(); if ((ImagenAProcesar.length) > 0) { } else { mostrar_pantalla_loader_proces_en_curs(); // Grabamos la imagen en el servidor para enlazarla posteriormente var Img = new Image(); Img.onload = function () { JaxonMain_server.StkWTool2dfcustomResizeAndSaveImage(Img.src, 2, 0, "AsignarArchivoAProcesar"); } Img.src = $("#" + ObjImagenRetornoVisualizacionPrevia).attr('src'); return false; } } function AsignarFotoDoble(RutaArchivo){ $("#fotografia[name=fotografia_double_photo_hidden]").val(RutaArchivo); //valida_pr($("#wizard"), false); //OcultarPrevisualizacion(); //guarrada_reload = true; } let guarrada_reload = false; function AsignarArchivoAProcesar(RutaArchivo) { $("#" + ObjImagenRetornoGuardar).val(RutaArchivo); valida_pr($("#wizard"), false); OcultarPrevisualizacion(); guarrada_reload = true; //$("#wizard").submit(); } function afegir_prod_callback() { mostra_popup(0); } function Previsualizar() { var amplada = $("#cos").css('width'); //var altura = window.innerHeight * 80; var altura = '60%' if (typeof amplada == 'undefined') { if(!StkappCatalogMode){ amplada = $("#viewer").css('width'); altura = $("#viewer").css('height'); } else{ if(window_innerWidth() < 990){ amplada = '100%'; } else{ amplada = '50%' } } } else{ if(window_innerWidth() < 990){ amplada = '100%'; altura = "40%"; } else{ amplada = '50%' } } //console.log(amplada, altura); if (window_innerWidth() >= 900) altura = '90%'; $.colorbox({ inline: true, href: '#div_vista_previa_2dfcustom', 'open': true, width: amplada, //height: altura, success: "valid", scrolling: "false", onOpen: function () { $('#cboxLoadedContent').css({ overflow: 'hidden' }); if(!StkappCatalogMode){ $('#cboxContent, #cboxLoadedContent, #colorbox').addClass("popup_confirma_etmd"); } else{ $('#cboxContent, #cboxLoadedContent, #colorbox').addClass("popup_catalog_confirmacio"); } if (document.getElementById("cos")) { var AnchoPermitido = document.getElementById("cos").offsetWidth; } else { var AnchoPermitido = document.getElementById("viewer").offsetWidth; } var AVScreen = document.getElementById("StkappPNDivToHideWebsite").offsetWidth; //console.log("AVScreen", AVScreen) if (AVScreen > 990) { AnchoPermitido = AnchoPermitido - 200; // Tenemos menu en la izquierda } else { if (AVScreen > 800) { AnchoPermitido = AnchoPermitido - 200; // No tenemos menu lateral y por defecto mas espacio } else { if (AVScreen > 700) { AnchoPermitido = AnchoPermitido - 50; // No Tenemos menu en la izquierda pero espacio reducido } else { if (AVScreen > 400) { AnchoPermitido = AnchoPermitido - 30; } else { AnchoPermitido = AnchoPermitido; } } } } if (AnchoPermitido > FactorEscalaRealWidth) { AnchoPermitido = FactorEscalaRealWidth; } // El factor de reduccion realizado: var FactorReduccion = (100 * AnchoPermitido) / FactorEscalaRealWidth; var AltoRequerido = (FactorEscalaRealHeight * FactorReduccion) / 100; var compensador = 50; while (AltoRequerido >= (window.innerHeight * 0.75)) { if (document.getElementById("cos")) { var AnchoPermitido = document.getElementById("cos").offsetWidth - compensador; } else { var AnchoPermitido = document.getElementById("viewer").offsetWidth - compensador; } var FactorReduccion = (100 * AnchoPermitido) / FactorEscalaRealWidth; var AltoRequerido = (FactorEscalaRealHeight * FactorReduccion) / 100; compensador = compensador + 50; } if (!(FormaOverlay != "rect" && FormaOverlay != "")) { // $('#ImgPrevisualizar2dfcustom').css({width: AnchoPermitido}); // $('#ImgPrevisualizar2dfcustom').css({height: AltoRequerido}); } else { $('#ImgPrevisualizar2dfcustom').addClass("ImgPrevisualizar2dfcustom_a_mida"); //$('#ImgPrevisualizar2dfcustom').css({width: AnchoPermitido}); //$('#ImgPrevisualizar2dfcustom').css({height: AltoRequerido}); } if($("#fitxa_producte_2dfcustom").attr("id_producte") == 1259){ setTimeout(function(){ $("#preview_puzzle_twinie").css("width", $("#div_vista_previa_2dfcustom_int").width()); $("#preview_puzzle_twinie").css("height", $("#ImgPrevisualizar2dfcustom").height()); $("#preview_puzzle_twinie").css("z-index", "1"); }, 300); $("#preview_puzzle_twinie").show(); } $('#div_vista_previa_2dfcustom').show(); }, onClosed: function () { $('#div_vista_previa_2dfcustom').hide(); $('#preview_puzzle_twinie').hide(); $('#colorbox').css('z-index', ''); $('#cboxContent, #cboxLoadedContent, #colorbox').removeClass("popup_confirma_etmd"); if(FormaOverlay == "llibretes_oxford"){ CanvasWizard.getItemByName("overlay_color").set({visible: true}); CanvasWizard.renderAll(); } } }); } function OcultarPrevisualizacion() { $('#div_vista_previa_2dfcustom').hide(); $.colorbox.close(); }