// MODALIDADES SIMULADOR var modalidades = { "mascara": {"nome" : "Máscara", "grupo" : ""}, "futebol_masculino": {"nome" : "Futebol Masculino", "grupo" : ""}, "futebol_feminino": {"nome" : "Futebol Feminino", "grupo" : ""}, }; var modalidades = { "futebol_masculino": {"nome" : "Futebol Masculino", "grupo" : ""}, "futebol_feminino": {"nome" : "Futebol Feminino", "grupo" : ""}, }; // ARRAY STATUS var arrayStatus = new Array(); var arrayPartes = new Array(); var arrayTemp = new Object(); var iStatus = -1; var preenchimento_habilitado = 1; var preenchimento_inicial = 1; var preenchimento_modelo = 0; var num_modalidades = "3"; var desabilitar_ferramentas_img = 0; var desenhos_esperados = 0; var desenhos_carregados = 0; var esperando_desenhos = 0; var aviso_fechar = 0; // alerta ao fechar a página var site_carregado = 0; var incremento_gola = 0; var incremento_gola_costas = 0; var atributo = new Array(); // DECLARAÇÃO DE VARIÁVEIS var ctx = new Array; var c; // canvas 1 (frente) var c2; // canvas 2 (costas) var x = new Array(); var y = new Array(); var w = new Array(); var h = new Array(); var svg; var cor_desenho; var cor; var inicial = Number(""); var modelo_inicial = 1; var modelo_atual = modelo_inicial; var goleiro = Number("0"); var logado = Number("0"); var salvando_simulacao = 0; var nomeSimulacao = ""; var preview_simulacao; var numero_frente = 0; var i_fonte_nome = 0; var i_fonte_numero = 0; var i_fonte_numero_perna = 0; var largura_padrao = 500; var altura_padrao = 500; var opacity_inicial = 1; var mostrar_escudo = 0; var mostrar_detalhes = 0; var mostrar_meiao = 0; // Definir posição escudo/logo var esporte = ""; var travado = 1; var mudou_cor = 0; var colori_meiao = 0; var fundo = ""; var simulacao_habilitada = 1; var desenho_carregando = false; var desenho = new Array(); desenho["camisa"] = new Array(); desenho["calcao"] = new Array(); desenho["meiao"] = new Array(); desenho["calcao"]["1"] = new Array(); desenho["calcao"]["1"]["svg"] = "vazio"; desenho["calcao"]["1"]["svg_costas"] = "vazio"; desenho["calcao"]["1"]["cor"] = ""; desenho["calcao"]["1"]["cor_2"] = ""; desenho["calcao"]["1"]["cor_3"] = ""; desenho["calcao"]["1"]["cor_4"] = ""; desenho["calcao"]["1"]["cor_5"] = ""; desenho["calcao"]["1"]["cor_gola"] = ""; desenho["calcao"]["1"]["cor_punho"] = ""; desenho["calcao"]["1"]["cor_nome"] = ""; desenho["calcao"]["1"]["cor_numero"] = ""; desenho["calcao"]["1"]["cor_logo"] = ""; desenho["calcao"]["1"]["cor_escudo"] = ""; desenho["calcao"]["1"]["cor_meiao"] = ""; desenho["calcao"]["1"]["cor_capuz"] = ""; desenho["calcao"]["1"]["cor_amarrilho"] = ""; desenho["calcao"]["1"]["cor_bolso"] = ""; desenho["calcao"]["1"]["cor_quadril"] = ""; desenho["calcao"]["1"]["cor_barra"] = ""; desenho["calcao"]["1"]["cor_barra"] = ""; desenho["calcao"]["1"]["cor_ziper"] = ""; desenho["calcao"]["1"]["modelo"] = "d19411092f55fc18dce95eea116506ff.jpg"; desenho["calcao"]["1"]["cod_modelo"] = ""; desenho["calcao"]["1_2"] = new Array(); desenho["calcao"]["1_2"]["svg"] = ""; desenho["calcao"]["1_2"]["svg_costas"] = ""; desenho["calcao"]["1_3"] = new Array(); desenho["calcao"]["1_3"]["svg"] = ""; desenho["calcao"]["1_3"]["svg_costas"] = ""; desenho["calcao"]["1_4"] = new Array(); desenho["calcao"]["1_4"]["svg"] = ""; desenho["calcao"]["1_4"]["svg_costas"] = ""; desenho["camisa"]["1"] = new Array(); desenho["camisa"]["1"]["svg"] = "vazio"; desenho["camisa"]["1"]["svg_costas"] = "vazio"; desenho["camisa"]["1"]["cor"] = ""; desenho["camisa"]["1"]["cor_2"] = ""; desenho["camisa"]["1"]["cor_3"] = ""; desenho["camisa"]["1"]["cor_4"] = ""; desenho["camisa"]["1"]["cor_5"] = ""; desenho["camisa"]["1"]["cor_gola"] = ""; desenho["camisa"]["1"]["cor_punho"] = ""; desenho["camisa"]["1"]["cor_nome"] = ""; desenho["camisa"]["1"]["cor_numero"] = ""; desenho["camisa"]["1"]["cor_logo"] = ""; desenho["camisa"]["1"]["cor_escudo"] = ""; desenho["camisa"]["1"]["cor_meiao"] = ""; desenho["camisa"]["1"]["cor_capuz"] = ""; desenho["camisa"]["1"]["cor_amarrilho"] = ""; desenho["camisa"]["1"]["cor_bolso"] = ""; desenho["camisa"]["1"]["cor_quadril"] = ""; desenho["camisa"]["1"]["cor_barra"] = ""; desenho["camisa"]["1"]["cor_barra"] = ""; desenho["camisa"]["1"]["cor_ziper"] = ""; desenho["camisa"]["1"]["modelo"] = "01f0b0d03330347c284c2414a81d1e15.jpg"; desenho["camisa"]["1"]["cod_modelo"] = ""; desenho["camisa"]["1_2"] = new Array(); desenho["camisa"]["1_2"]["svg"] = ""; desenho["camisa"]["1_2"]["svg_costas"] = ""; desenho["camisa"]["1_3"] = new Array(); desenho["camisa"]["1_3"]["svg"] = ""; desenho["camisa"]["1_3"]["svg_costas"] = ""; desenho["camisa"]["1_4"] = new Array(); desenho["camisa"]["1_4"]["svg"] = ""; desenho["camisa"]["1_4"]["svg_costas"] = ""; var total_modelo = new Array(); total_modelo['camisa'] = Number("1"); total_modelo['calcao'] = Number("1"); total_modelo['meiao'] = Number(""); // FUNÇÕES function stringtourl(x) { y = x.replace(" ","_").toLowerCase(); y = y.replace(new RegExp('[ÁÀÂÃ]','gi'), 'a'); y = y.replace(new RegExp('[ÉÈÊ]','gi'), 'e'); y = y.replace(new RegExp('[ÍÌÎ]','gi'), 'i'); y = y.replace(new RegExp('[ÓÒÔÕ]','gi'), 'o'); y = y.replace(new RegExp('[ÚÙÛ]','gi'), 'u'); y = y.replace(new RegExp('[Ç]','gi'), 'c'); return y; } function urltostring(x) { y = x.replace("_"," "); return y; } function preparar() { var array_limpa = new Array(); $("#meio").css("background-image","url(/simulador/"+fundo); // INSERINDO ÍCONES DAS MODALIDADES DO SIMULADOR var c_quadro = 1; var n_modalidades = 0; if (num_modalidades > 1) { var modalidade_grupo = ""; var max_modalidades = ""; if ($(document).width() > 1023) { max_modalidades = 8; $('#box_modalidades .seta_direita, #setas_modalidades, #texto__ver-mais, #quadros').hide(); } else if ($(document).width() > 767) { max_modalidades = 6; } else if ($(document).width() > 479) { max_modalidades = 4; } else { max_modalidades = 1; } jQuery.each(modalidades, function(index, value){ var modalidade = index; var nome_modalidade = value.nome; var html_trocaModalidade = ""; var html_listaModalidade = ""; if (value.grupo != "") { if (modalidade_grupo != stringtourl(value.grupo)) { n_modalidades++; modalidade_grupo = stringtourl(value.grupo); var nome_grupo = value.grupo; html_trocaModalidade = "
  • " + "" + "
  • "; html_listaModalidade = "
  • "+modalidade+"
  • "; } else { $("li[class="+modalidade_grupo+"] .grupo_modalidades").append(""+modalidade+""); return true; } } else { n_modalidades++; modalidade_grupo = index; let title = nome_modalidade.replace("Futebol ", ""); html_trocaModalidade = "
  • " + "" + "" + "" + "
  • "; html_listaModalidade = "
  • "; } $("#opcoes_modalidades").append(html_trocaModalidade); $(".lista_modalidades").append(html_listaModalidade); if (modalidade == esporte) { $(".lista_modalidades ."+modalidade_grupo+" .modalidade-icone").addClass("escolhido"); } // NÚMERO DE MODALIDADES POR PÁGINA (BOX VER TODOS) if (n_modalidades == max_modalidades) { n_modalidades = 0; $("#quadros").append("
    "+c_quadro+"
    "); c_quadro++; } $.get("/simulador/img/simulador/borda.svg", function(data){ var data_svg = document.importNode(data.documentElement,true); $(".lista_modalidades li .modalidade-icone[rel='"+modalidade+"']").append(data_svg); }); $.get("/simulador/img/simulador/"+modalidade+".svg", function(data){ var data_svg = document.importNode(data.documentElement,true); $(".lista_modalidades li .modalidade-icone[rel='"+modalidade+"']").append(data_svg); }); }); } else { $("#nav-cabecalho").hide(); } // if ($(".lista_modalidades .escolhido").length == 0) { // var grupo_ativo = stringtourl(modalidades[esporte]["grupo"]); // $(".lista_modalidades ."+grupo_ativo+" .modalidade-icone").attr("rel", esporte); // $.get("/simulador/img/simulador/borda.svg", function(data){ // var data_svg = document.importNode(data.documentElement,true); // $(".lista_modalidades li .modalidade-icone[rel='"+esporte+"']").append(data_svg); // }); // $.get("/simulador/img/simulador/"+esporte+".svg", function(data){ // var data_svg = document.importNode(data.documentElement,true); // $(".lista_modalidades li .modalidade-icone[rel='"+esporte+"']").append(data_svg); // }); // } if (c_quadro > $("#quadros .quadro").length && $("#opcoes_modalidades li[data-quadro='"+c_quadro+"']").length) { $("#quadros").append("
    "+c_quadro+"
    "); } if ($(".lista_modalidades li").length > 3) { $("#lista_modalidades .seta_direita, .modalidades .seta_direita").removeClass("inativo"); } for(var j=1; j<=total_modelo['camisa'] && j<5; j++) { if(desenho['camisa'][j]['modelo'] != null && desenho['camisa'][j]['modelo'] != '') array_limpa.push(desenho['camisa'][j]['modelo']); if(desenho['camisa'][j]["svg"] != null && desenho['camisa'][j]["svg"] != '') array_limpa.push(desenho['camisa'][j]["svg"]+'.svg'); if(desenho['camisa'][j]["svg_costas"] != null && desenho['camisa'][j]["svg_costas"] != ''){ array_limpa.push(desenho['camisa'][j]["svg_costas"]+'.svg'); } if(desenho['camisa'][j+'_2']["svg"] != null && desenho['camisa'][j+'_2']["svg"] != '') array_limpa.push(desenho['camisa'][j+'_2']["svg"]+'.svg'); if(desenho['camisa'][j+'_2']["svg_costas"] != null && desenho['camisa'][j+'_2']["svg_costas"] != ''){ array_limpa.push(desenho['camisa'][j+'_2']["svg_costas"]+'.svg'); } if(desenho['camisa'][j+'_3']["svg"] != null && desenho['camisa'][j+'_3']["svg"] != '') array_limpa.push(desenho['camisa'][j+'_3']["svg"]+'.svg'); if(desenho['camisa'][j+'_3']["svg_costas"] != null && desenho['camisa'][j+'_3']["svg_costas"] != ''){ array_limpa.push(desenho['camisa'][j+'_3']["svg_costas"]+'.svg'); } } return array_limpa; } function dimensoesCanvas() { var largura_maior = 0; // Define altura e largura CANVAS var i; for (i = 0; i < 2; i++) { var largura = 0; var altura = 0; $(".fundos").eq(i).find("div[class^='engloba_'],div[class='detalhe']").each(function(index, element){ if (largura < parseInt($(element).width())) { largura = parseInt($(element).width()); } var altura_temp = Math.round(parseInt($(element).css("top"))) + parseInt(Math.round($(element).height())); if (altura < altura_temp) { altura = altura_temp; } }); if (largura_maior < largura) { largura_maior = largura; } else { $(".modelo").eq(i).css("left",(largura_maior-largura)/2); } $(".modelo, .fundos").eq(i).css("width", largura); $("canvas").eq(i).attr("width", largura).attr("height", altura); $('.engloba_camisa').eq(i).css("left", (largura-$(".modelo").eq(i).find("#svg_camisa").width()) / 2); $('.engloba_calcao').eq(i).css("left", (largura-$(".modelo").eq(i).find("#svg_calcao").width()) / 2); $('.engloba_meiao').eq(i).css("left", (largura-$(".modelo").eq(i).find("#svg_meiao").width()) / 2); } $("#box_manequim").css("width", largura_maior); } function preloadimages(arrayOfImages, index) { index = index || 0; if (arrayOfImages && arrayOfImages.length && arrayOfImages.length > index) { var img = new Image(); img.onload = function() { preloadimages(arrayOfImages, index + 1); }; img.onerror = function() { preloadimages(arrayOfImages, index + 1); }; img.src = '/simulador/imagens/desenho/'+arrayOfImages[index]; } else { $("#box_edicao").css("opacity","0").css("pointer-events","none"); setTimeout("personalizarCor()", 2500); // TRATANDO MANEQUIM setTimeout(function(){ if ($('#manequim #svg_camisa').length) { $('#manequim .engloba_camisa').width($('#manequim #svg_camisa').width()); $('#manequim .engloba_camisa').height($('#manequim #svg_camisa').height()); $('#manequim_costas .engloba_camisa').css("left", ($('#manequim_costas .fundos').width()-$('#manequim_costas #svg_camisa').width()) / 2); $('#manequim .engloba_camisa .textura').css('background-image', 'url(/simulador/img/manequim/manequim__.png)'); } else { $('#manequim .engloba_camisa').hide(); } if ($('#manequim #svg_calcao').length) { $('#manequim .engloba_calcao').width($('#manequim #svg_calcao').width()); $('#manequim .engloba_calcao').height($('#manequim #svg_calcao').height()); $('#manequim .engloba_calcao .textura').css('background-image', 'url(/simulador/img/manequim/manequim__.png)'); } else { $('#manequim .engloba_calcao').hide(); } if ($('#manequim #svg_meiao').length) { $('#manequim .engloba_meiao').width($('#manequim #svg_meiao').width()); $('#manequim .engloba_meiao').height($('#manequim #svg_meiao').height()); $('#manequim .engloba_meiao .textura').css('background-image', 'url(/simulador/img/manequim/manequim__meiao.png)'); if (esporte == "futebol_feminino") { $("#manequim .detalhe").css("top", "618px"); $("#manequim_costas .detalhe").css("top", "632px"); } } else { $('#manequim .engloba_meiao').hide(); $(".opcao_edicao[rel='cores_meiao']").remove(); } // TRATANDO MANEQUIM COSTAS if ($('#manequim_costas #svg_camisa').length) { $('#manequim_costas .engloba_camisa').width(parseInt($('#manequim_costas #svg_camisa').width())); $('#manequim_costas .engloba_camisa').height(parseInt($('#manequim_costas #svg_camisa').height())); $('#manequim_costas .engloba_camisa .textura').css('background-image', 'url(/simulador/img/manequim/manequim___costas.png)'); } else { $('#manequim_costas .engloba_camisa').hide(); } if ($('#manequim_costas #svg_calcao').length) { $('#manequim_costas .engloba_calcao').width($('#manequim_costas #svg_calcao').width()); $('#manequim_costas .engloba_calcao').height($('#manequim_costas #svg_calcao').height()); $('#manequim_costas .engloba_calcao .textura').css('background-image', 'url(/simulador/img/manequim/manequim___costas.png)'); } else { $('#manequim_costas .engloba_calcao').hide(); } if ($('#manequim_costas #svg_meiao').length) { $('#manequim_costas .engloba_meiao').width($('#manequim_costas #svg_meiao').width()); $('#manequim_costas .engloba_meiao').height($('#manequim_costas #svg_meiao').height()); $('#manequim_costas .engloba_meiao .textura').css('background-image', 'url(/simulador/img/manequim/manequim__meiao_costas.png)'); if (esporte == "futebol_infantil") { $('#manequim_costas .engloba_meiao .textura').css("height", "182px"); } } else { $('#manequim_costas .engloba_meiao').hide(); } dimensoesCanvas(); if ("" == "") { $("#sub-menu_edicao").remove(); $(".ipt-checkbox[for='ipt-sincronizar'], .box_bloqueio, .setas_modelos .calcao").remove(); } if (!($(".engloba_meiao .meiao").length > 0)) { $(".opcao_edicao[rel='modelos_meiao']").remove(); } }, 3000); setTimeout(function(){ site_carregado = 1; $("#site").css("pointer-events","auto"); $("#aguarde").hide(); $("body").removeAttr('style'); $(".swal-overlay, .swal-overlay *").css("pointer-events",""); $(".lista_menu, #bt_login").css("pointer-events","auto"); $("#box_edicao").css("opacity","0").css("pointer-events","none"); $(".lista_modelos").animate({scrollTop: 10}, 0); $(".lista_modelos").animate({scrollTop: 0 }, 0); $("#girar-manequim, .box_contato").delay(1500).animate({"opacity":"1"}, 500); $("#manequim").animate({"margin":"0px","opacity":"1"},500); $("#manequim_costas").removeAttr("style"); $("#box_manequim").css('opacity', 1); if ($(window).width() > 479 && goleiro == 0) { $("#lista_edicao li").first().click(); $("#box_edicao").css("opacity","0").css("pointer-events","none"); $("#lista_edicao, #box_edicao").delay(1500).animate({"opacity":"1"}, 500).css("pointer-events","auto"); $(".setas_modelos").delay(2500).animate({"opacity":"1"}, 1000).css("pointer-events","auto"); } else { $("#lista_edicao").css("opacity","1"); $(".setas_modelos").delay(1500).animate({"opacity":"1"}, 500).css("pointer-events","auto"); } }, 3500); } } function hex(x) { return ("0" + parseInt(x).toString(16)).slice(-2); } // funções upload imagem var params = { start: function(event, ui) {}, rotate: function(event, ui) {}, stop: function() { atualizaPosicao($(this).attr('id').replace('item_drag-',''), 'top', Number($(this).css('top').replace('px',''))); atualizaPosicao($(this).attr('id').replace('item_drag-',''), 'left', Number($(this).css('left').replace('px',''))); atualizaPosicao($(this).attr('id').replace('item_drag-',''), 'rotacao', $(this).css('transform')); }, rotationCenterX: 50, rotationCenterY: 50, wheelRotate: false }; function verificaSelecao(tipo, elemento){ if(simulacao_habilitada == 1) { $('div').removeClass('selecionado'); $(elemento).addClass('selecionado'); if(tipo == 'imagem') { $('.txt_selecionar').removeClass('img_selecionada').html('Selecione'); if(!$('#menu_imagens').hasClass('ativo')) $('#menu_imagens a').click(); $('#add_galeria').hide(); $('#add_imagem').show(); $('#abas-nav a').removeClass('ativo'); $('#abas-nav a').eq(1).addClass('ativo'); selecionado_img = $(elemento).attr('id').replace('item_drag-', ''); } else { $('.img_selecionar').removeClass('img_selecionada').html('Selecione'); $('.ui-resizable-handle').hide(); if(tipo == 'texto') { selecionado_txt = $(elemento).attr('id').replace('area_pers-', ''); $('#box-textos').find('li[rel="'+selecionado_txt+'"]').find('.txt_selecionar').click(); if(!$('#menu_textos').hasClass('ativo')) $('#menu_textos a').click(); $(".imagem_drag").resizable('disable'); } else { $('.txt_selecionar').removeClass('img_selecionada').html('Selecione'); $('.ui-rotatable-handle,.remover-img').hide(); } } } } function atualizaPosicao(selecionado_img, tipo, valor) { if(tipo == 'top') $.cookie( 'imagem_'+selecionado_img+'_t', valor); if(tipo == 'left') $.cookie( 'imagem_'+selecionado_img+'_l', valor); if(tipo == 'rotacao') { var tr = valor; //matrix if( tr !== "none") { var values = tr.split('(')[1]; values = values.split(')')[0]; values = values.split(','); var a = values[0]; var b = values[1]; var c = values[2]; var d = values[3]; var scale = Math.sqrt(a*a + b*b); var radians = Math.atan2(b, a); var angle = Math.round( radians * (180/Math.PI)); } else { var angle = 0; } $.cookie( 'imagem_'+selecionado_img+'_r', angle); } } function atualizaTamanho(selecionado_img, nova_w, nova_h) { $.cookie( 'imagem_'+selecionado_img , 1, {expires:7}); $.cookie( 'imagem_'+selecionado_img+'_w', nova_w); $.cookie( 'imagem_'+selecionado_img+'_h', nova_h); } function atualizaSessao(index) { var proxIndex = Number(index)+1; var element = $('#camadas_imagem li').eq(index); var nova_camada = $('#camadas_imagem li').length-index; // MUDANDO Z-INDEX $('#item_drag-'+$(element).attr('rel')).css('z-index', nova_camada); // GRAVANDO SESSAO $.get("procedimentos/atualiza_camada.php?de="+$(element).attr('rel')+'¶='+index+'&fim='+nova_camada, { 'proxIndex': proxIndex }, function(data){ if(nova_camada > 1) atualizaSessao(proxIndex); else atualizaCookie('img'); }); $('#item_drag-'+$(element).attr('rel')).attr('mudar', 'item_drag-'+index); $(element).attr('rel', index); } function atualizaCamadas(){ atualizaSessao(0); } function atualizaCookie(tipo){ if(tipo == 'img') { $('div[id^=item_drag-]').each(function(index, element) { $(element).attr('id', $(element).attr('mudar')); $(element).removeAttr('mudar'); atualizaTamanho($(element).attr('id').replace('item_drag-', ''), $(element).width(), $(element).height()); atualizaPosicao($(element).attr('id').replace('item_drag-', ''), 'top', parseInt($(element).css('top'))); atualizaPosicao($(element).attr('id').replace('item_drag-', ''), 'left', parseInt($(element).css('left'))); atualizaPosicao($(element).attr('id').replace('item_drag-', ''), 'rotacao', $(element).css('transform')); }); } } function iniciaFerramentasImg(){ $(".imagem_drag").resizable({ stop: function() { atualizaTamanho($(this).attr('id').replace('item_drag-',''), Number($(this).css('width').replace('px','')), Number($(this).css('height').replace('px',''))); } }); $(".imagem_drag").draggable({ stop: function() { atualizaPosicao($(this).attr('id').replace('item_drag-',''), 'top', Number($(this).css('top').replace('px',''))); atualizaPosicao($(this).attr('id').replace('item_drag-',''), 'left', Number($(this).css('left').replace('px',''))); atualizaPosicao($(this).attr('id').replace('item_drag-',''), 'rotacao', $(this).css('transform')); } }); } function habilitaFerramentasImg(){ desabilitar_ferramentas_img = 0; $(".ui-resizable-handle, .remover-img").show(); $(".imagem_drag").addClass('selecionado'); $(".imagem_drag").css('z-index', 21); } function desabilitaFerramentasImg(){ desabilitar_ferramentas_img = 1; setTimeout(function() { if(desabilitar_ferramentas_img == 1) { $('.ui-resizable-handle, .remover-img').hide(); $(".imagem_drag").removeClass('selecionado'); $(".imagem_drag").css('z-index', 3); desabilitar_ferramentas_img = 0; } }, ($(window).width() > 1000) ? 700 : 3000); } function mensagem(titulo,msg,tipo,callback) { if (callback) { if (tipo == "input") { swal({ text: msg, content: "input", button: { text: "Pesquisar!", closeModal: false, }, }) .then(name => { if (name) callback(name); }); } else { swal({ title: titulo, text: msg, icon: "warning", buttons: ["Cancelar", true], dangerMode: true, }) .then((willDelete) => { if (willDelete) { callback(true); } }); } } else if (tipo != "") { if (tipo == "html") { swal({ title: titulo, content: msg, button: "x", //timer: 3000, className: "swal-modal-width", }); } else { swal({ title: titulo, text: msg, icon: tipo, button: "Ok", }); } } else { if (titulo != "") swal(titulo, msg); else swal(msg); } } // funções salvar imagem function importarSVG(tipo, destino, produto, n){ var cor_desenho; if($("#manequim"+tipo+" ."+produto+"_"+n).length > 0 && Number($("#manequim"+tipo+" ."+produto+"_"+n).css('top').replace('px','')) > -500) { x = $("#manequim"+tipo+" ."+produto+"_"+n).css('left').replace('px',''); y = Number($("#manequim"+tipo+" ."+produto+"_"+n).css('top').replace('px','')); x += Number($("#manequim"+tipo+" ."+produto+"_"+n).parent().css('left').replace('px','')) + Number($("#manequim"+tipo+" ."+produto+"_"+n).parent().css('margin-left').replace('px','')); y += Number($("#manequim"+tipo+" ."+produto+"_"+n).parent().css('top').replace('px','')) + Number($("#manequim"+tipo+" ."+produto+"_"+n).parent().css('margin-top').replace('px','')) + Number(eval("incremento_gola"+tipo)); w[produto] = $("#manequim"+tipo+" #svg_"+produto).width(); h[produto] = $("#manequim"+tipo+" #svg_"+produto).height(); } else if($("#manequim"+tipo+" #svg_"+produto).length > 0 && $("#manequim"+tipo+" ."+produto+"_"+n).length == 0) { x = $("#manequim"+tipo+" #svg_"+produto).css('left').replace('px',''); y = Number($("#manequim"+tipo+" #svg_"+produto).css('top').replace('px','')); x += Number($("#manequim"+tipo+" #svg_"+produto).parent().css('left').replace('px','')) + Number($("#manequim"+tipo+" #svg_"+produto).parent().css('margin-left').replace('px','')); y += Number($("#manequim"+tipo+" #svg_"+produto).parent().css('top').replace('px','')) + Number($("#manequim"+tipo+" #svg_"+produto).parent().css('margin-top').replace('px','')); w[produto] = $("#manequim"+tipo+" #svg_"+produto).width(); h[produto] = $("#manequim"+tipo+" #svg_"+produto).height(); } if(tipo == '') destino = 'jogo_de_camisa'; else destino = 'jogo_de_camisa_costas'; if(n == 2) { if(destino.indexOf("icone") < 0) cor_fundo = $("#manequim"+tipo+" #svg_"+produto).css('fill'); if($("#manequim"+tipo+" #svg_"+produto).length > 0) { var svgBase = $.trim($("#manequim"+tipo+" #svg_"+produto)[0].outerHTML); ctx[destino].drawSvg(svgBase, x, y, w[produto], h[produto]); } } if($('#manequim'+tipo+' .desenho_'+produto+'_'+n).length == 0) { // desenho colorido var url_svg = null; var svgColorido = $.trim($("#manequim"+tipo+" ."+produto+"_"+n+" svg")[0].outerHTML); ctx[destino].drawSvg(svgColorido, x, y, w[produto], h[produto]); } else { var url0 = $('#manequim'+tipo+' .desenho_'+produto+'_'+n).css('-webkit-mask-box-image').split('url('); if(url0[1] != null) var url_svg = url0[1].split(')')[0]; } if($('#manequim'+tipo+' .desenho_'+produto+'_'+n).length == 0 || $('#manequim'+tipo+' .desenho_'+produto+'_'+n).css('display') == 'none' || Math.ceil(Number($('.'+produto+'_'+n).css('top').replace('px',''))) < 0) url_svg = null; if(url_svg != '' && url_svg != null && url_svg.indexOf('/.svg') < 0 && parseInt($('#manequim'+tipo+" ."+produto+"_"+n).position().top) > -500 ) { url_svg = url_svg.replace('https://www.pb10uniformes.com', '').replace(/"/gi,'').replace(/'/gi,''); $.ajax({ url: url_svg, type: "GET", async: false, cache: false, dataType: "text", success: function(data) { if(data != '' && data != null) { svg = $.trim(data); cor_desenho = $('#manequim'+tipo+' .desenho_'+produto+'_'+n).contents().find("svg").css('fill'); var cor_parte = cor_desenho.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/); var cor_hex = "#" + hex(cor_parte[1]) + hex(cor_parte[2]) + hex(cor_parte[3]); if(svg.indexOf('fill') < 0) svg = svg.replace('= 0) svg = svg.replace('stroke', 'strooke'); if(svg.indexOf('fill:black') >= 0) svg = svg.replace('fill:black', 'fill:'+cor_hex); if(svg != null) { svg = svg.replace(/fill:none/gi, 'fill:_'); svg = svg.replace(/fill="none"/gi, 'fill=_'); svg = svg.replace(/fill=none/gi, 'fill=_'); svg = svg.replace(/fill:url/gi, 'fill:-'); svg = svg.replace(/fill:rgb/gi, 'fill:='); svg = svg.replace(/fill:([ ]?)\b([a-zA-Z](?![_*]))+\b/gi, 'fill:'+cor_hex); svg = svg.replace(/fill="([ ]?)\b([a-zA-Z](?![_*]))+\b"/gi, 'fill="'+cor_hex+'"'); svg = svg.replace(/fill:_/gi, 'fill:none'); svg = svg.replace(/fill=_/gi, 'fill="none"'); svg = svg.replace(/fill:-/gi, 'fill:url'); svg = svg.replace(/fill:=/gi, 'fill:rgb'); svg = svg.replace(/stop-color:white/gi, ''); svg = svg.replace(/stop-color="[^"]*"/g, 'stop-color="'+cor_hex+'"'); svg = svg.replace('display="none" fill="#[0-9a-fA-F]{6}|#[0-9a-fA-F]{3}"', ''); svg = svg.replace(/#[0-9a-fA-F]{6}|#[0-9a-fA-F]{3}/gi, cor_desenho); } if(svg.indexOf('style=') >= 0) svg = svg.replace('style="', 'style="shape-rendering:geometricPrecision;'); else svg = svg.replace(' -1 && esporte == "volei_feminino") { console.log(produto.indexOf("calcao")); ctx[destino].drawSvg(svg, 42,365, 190, 68); } else {*/ ctx[destino].drawSvg(svg, x, y, w[produto], h[produto]); //} } } return true; }, error: function() { return true; } }); } } function salvarImagem(tipo, destino, comprar, salvar, compartilhar){ $("#bt_salvar, #ico-menu, #bt_simulacoes").removeClass("ativo"); $(".menu_oculto").hide(); $("#site *").css("pointer-events","none"); aviso_fechar = 0; if(tipo == 'costas') { tipo = '_costas'; } if ($("#manequim_costas div[class=golas]").length && tipo == '_costas') { var gola_top = $("#manequim_costas .golas div:visible").css("top").replace("px",""); if (Math.sign(gola_top) < 0) { $("#jogo_de_camisa_costas").attr("height", Number($("#jogo_de_camisa_costas").attr("height")) + Math.abs(gola_top)); incremento_gola_costas = Math.abs(gola_top); } else { incremento_gola_costas = 0; } } else { if ($("#manequim div[class=golas]").length) { var gola_top = $("#manequim .golas div:visible").css("top").replace("px",""); if (Math.sign(gola_top) < 0) { $("#jogo_de_camisa").attr("height", Number($("#jogo_de_camisa").attr("height")) + Math.abs(gola_top)); incremento_gola = Math.abs(gola_top); } else { incremento_gola = 0; } } } if(destino == '') { if ($("#manequim"+tipo+" div[id^=item_drag-]").length) { Object.keys(arrayStatus[iStatus]).forEach(function(key){ if(key.indexOf("upload_") == 0) { delete arrayStatus[iStatus][key]; } }); arrayPartes = arrayClone(arrayStatus[iStatus]); } destino = 'jogo_de_camisa'; } if (incremento_gola == 0 && incremento_gola_costas == 0 && ($("#manequim div[class=golas]").length || $("#manequim_costas div[class=golas]").length)) { ctx[destino].clearRect(0, 0, c.width, c.height); dimensoesCanvas(); } if(destino != 'jogo_de_camisa') { desenho_carregando = true; //ctx[destino].width = ctx[destino].width; } desenho_carregando = false; // importando detalhes, depois o resto do desenho importarTextura((tipo == '') ? 0 : 1, -1, function(retorno) { if(destino == 'jogo_de_camisa' || destino.indexOf("_calcao") >= 0) { if($("#manequim"+tipo+" #svg_meiao").length) { // resolve meiao var x_meiao = Number($("#manequim"+tipo+" #svg_meiao").css('left').replace('px','')) + Number($("#manequim"+tipo+" #svg_meiao").parent().css('left').replace('px','')) + Number($("#manequim"+tipo+" #svg_meiao").parent().css('margin-left').replace('px','')); var y_meiao = Number($("#manequim"+tipo+" #svg_meiao").css('top').replace('px','')) + Number($("#manequim"+tipo+" #svg_meiao").parent().css('top').replace('px','')) + Number(eval("incremento_gola"+tipo)); var w_meiao = $("#manequim"+tipo+" #svg_meiao").width(); var h_meiao = $("#manequim"+tipo+" #svg_meiao").height(); if(!($("#manequim"+tipo+" #svg_meiao")[0] === undefined)){ var svgMeiao = $.trim($("#manequim"+tipo+" #svg_meiao")[0].outerHTML); } if(tipo == '') destino = 'jogo_de_camisa'; else destino = 'jogo_de_camisa_costas'; ctx[destino].drawSvg(svgMeiao, x_meiao, y_meiao, w_meiao, h_meiao); if ($(".edicao_modelos .modelos_meiao li").length > 0) { importarSVG(tipo, destino, 'meiao', 2); importarSVG(tipo, destino, 'meiao', 3); importarSVG(tipo, destino, 'meiao', 4); importarSVG(tipo, destino, 'meiao', 5); } importarTextura((tipo == '') ? 0 : 1, 2); // importando textura meiao } // fim resolve meiao if ($(".edicao_modelos .modelos_perna li").length > 0) { importarSVG(tipo, destino, 'calcao', 2); importarSVG(tipo, destino, 'calcao', 3); importarSVG(tipo, destino, 'calcao', 4); importarSVG(tipo, destino, 'calcao', 5); if(tipo != '_costas') { if($("#manequim"+tipo+" .escudo_calcao svg").length > 0 && $("#manequim"+tipo+" .escudo_calcao").css('display') != 'none') { var x_escudo = Number($("#manequim"+tipo+" .escudo_calcao svg").css('left').replace('px','')) + Number($("#manequim"+tipo+" .engloba_calcao").css('left').replace('px','')) + Number($("#manequim"+tipo+" .engloba_calcao").css('margin-left').replace('px','')); var y_escudo = Number($("#manequim"+tipo+" .escudo_calcao svg").css('top').replace('px','')) + Number($("#manequim"+tipo+" .engloba_calcao").css('top').replace('px','')) + Number(eval("incremento_gola"+tipo)); var w_escudo = $("#manequim"+tipo+" .escudo_calcao svg").width(); var h_escudo = $("#manequim"+tipo+" .escudo_calcao svg").height(); var svgEscudo = $.trim($("#manequim"+tipo+" .escudo_calcao svg")[0].outerHTML); ctx[destino].drawSvg(svgEscudo, x_escudo, y_escudo, w_escudo, h_escudo); } } //Depois de importados os desenhos, agora importa os detalhes (costuras) if($("#manequim"+tipo+" #svg_calcao_detalhe").length > 0) { html_conteudo = $.trim($("#manequim"+tipo+" #svg_calcao_detalhe").html()); var x_calcao = Number($("#manequim"+tipo+" #svg_calcao").css('left').replace('px','')) + Number($("#manequim"+tipo+" .engloba_calcao").css('left').replace('px','')) + Number($("#manequim"+tipo+" .engloba_calcao").css('margin-left').replace('px',''));; var y_calcao = Number($("#manequim"+tipo+" #svg_calcao").css('top').replace('px','')) + Number($("#manequim"+tipo+" .engloba_calcao").css('top').replace('px','')) + Number(eval("incremento_gola"+tipo)); var w_calcao = $("#manequim"+tipo+" #svg_calcao").width(); var h_calcao = $("#manequim"+tipo+" #svg_calcao").height(); if(!($("#manequim"+tipo+" #svg_calcao_detalhe")[0] === undefined)){ var svgCalcaoDetalhe = $.trim($("#manequim"+tipo+" #svg_calcao_detalhe")[0].outerHTML); } if(tipo == '') destino = 'jogo_de_camisa'; else destino = 'jogo_de_camisa_costas'; ctx[destino].drawSvg(svgCalcaoDetalhe, x_calcao, y_calcao, w_calcao, h_calcao); // fim resolve calcao } } importarTextura((tipo == '') ? 0 : 1, 1, function(retorno){ //resolve camisa importarSVG(tipo, destino, 'camisa', 2); importarSVG(tipo, destino, 'camisa', 3); importarSVG(tipo, destino, 'camisa', 4); importarSVG(tipo, destino, 'camisa', 5); // resolve camisa pers if(tipo != '_costas') { if($("#manequim"+tipo+" .escudo_camisa").length > 0 && $("#manequim"+tipo+" .escudo_camisa").css('display') != 'none') { var x_escudo = Number($("#manequim"+tipo+" .escudo_camisa svg").css('left').replace('px','')) + Number($("#manequim"+tipo+" .engloba_camisa").css('left').replace('px','')); var y_escudo = Number($("#manequim"+tipo+" .escudo_camisa svg").css('top').replace('px','')) + Number($("#manequim"+tipo+" .engloba_camisa").css('top').replace('px','')) + Number(eval("incremento_gola"+tipo)); var w_escudo = $("#manequim"+tipo+" .escudo_camisa svg").width(); var h_escudo = $("#manequim"+tipo+" .escudo_camisa svg").height(); var svgEscudo = $.trim($("#manequim"+tipo+" .escudo_camisa svg")[0].outerHTML); ctx["jogo_de_camisa"].drawSvg(svgEscudo, x_escudo, y_escudo, w_escudo, h_escudo); } } // fim resolve camisa //Depois de importados os desenhos, agora importa os detalhes (costuras) if($("#manequim"+tipo+" #svg_camisa_detalhe").length > 0) { var x_camisa = Number($("#manequim"+tipo+" #svg_camisa").css('left').replace('px','')) + Number($("#manequim"+tipo+" .engloba_camisa").css('left').replace('px','')) + Number($("#manequim"+tipo+" .engloba_camisa").css('margin-left').replace('px','')); var y_camisa = Number($("#manequim"+tipo+" #svg_camisa").css('top').replace('px','')) + Number($("#manequim"+tipo+" .engloba_camisa").css('top').replace('px','')) + Number(eval("incremento_gola"+tipo)); var w_camisa = $("#manequim"+tipo+" #svg_camisa").width(); var h_camisa = $("#manequim"+tipo+" #svg_camisa").height(); var svgCamisaDetalhe = $.trim($("#manequim"+tipo+" #svg_camisa_detalhe")[0].outerHTML); if(tipo == '') destino = 'jogo_de_camisa'; else destino = 'jogo_de_camisa_costas'; ctx[destino].drawSvg(svgCamisaDetalhe, x_camisa, y_camisa, w_camisa, h_camisa); } // importando textura da camisa importarTextura((tipo == '') ? 0 : 1, 0, function(retorno){ if ($("#manequim"+tipo+" div[class=golas]").length) { var box_gola = $("#manequim"+tipo+" .golas div:visible"); var x_gola = Number($("#manequim"+tipo+" .engloba_camisa").css('left').replace('px','')) + Number($("#manequim"+tipo+" .engloba_camisa").css('margin-left').replace('px','')); x_gola = (Math.sign(x_gola) < 0) ? 0 : x_gola; var y_gola = (Math.sign(gola_top) < 0) ? 0 : gola_top; var w_gola = box_gola.width(); var h_gola = box_gola.height(); if (tipo == '') { var gola_fundo = $("#manequim"+tipo+" .golas div:visible .fundo_gola svg"); var svg_gola_fundo = $.trim(gola_fundo[0].outerHTML); ctx[destino].drawSvg(svg_gola_fundo, x_gola, y_gola, w_gola, h_gola); } var gola = $("#manequim"+tipo+" .golas div:visible .gola svg"); var svg_gola = $.trim(gola[0].outerHTML); ctx[destino].drawSvg(svg_gola, x_gola, y_gola, w_gola, h_gola); if ($("#manequim"+tipo+" .golas div:visible .gola_2").length) { var gola_2 = $("#manequim"+tipo+" .golas div:visible .gola_2 svg"); var svg_gola_2 = $.trim(gola_2[0].outerHTML); ctx[destino].drawSvg(svg_gola_2, x_gola, y_gola, w_gola, h_gola); } if ($("#manequim"+tipo+" .golas div:visible .gola_3").length) { var gola_3 = $("#manequim"+tipo+" .golas div:visible .gola_3 svg"); var svg_gola_3 = $.trim(gola_3[0].outerHTML); ctx[destino].drawSvg(svg_gola_3, x_gola, y_gola, w_gola, h_gola); } if ($("#manequim"+tipo+" .golas div:visible .gola_4").length) { var gola_4 = $("#manequim"+tipo+" .golas div:visible .gola_4 svg"); var svg_gola_4 = $.trim(gola_4[0].outerHTML); ctx[destino].drawSvg(svg_gola_4, x_gola, y_gola, w_gola, h_gola); } var img_textura = new Image(); img_textura.src = $("#manequim"+tipo+" .golas div:visible .textura_gola").css('background-image').replace('url(', '').replace(')', '').replace(' ', '').replace('"', '').replace('"', '').replace("'", ''); var w_gola = $("#manequim div[class^=gola_]:visible").width(); var h_gola = $("#manequim div[class^=gola_]:visible").height(); if(esporte == "futebol_feminino" && tipo == 0) { //w_gola = Math.round(w_gola * 0.9); //h_gola = Math.round(h_gola * 0.9); //x_gola = x_gola + 11; //y_gola = y_gola + 6; } img_textura.onload = function(){ ctx[destino].drawImage(img_textura, x_gola, y_gola, w_gola, h_gola); callback(true); }; } if ($("#manequim"+tipo+" div[id^=item_drag-]").length) { $('#manequim'+tipo+' div[id^=item_drag-]').each(function(index, element) { for(var i=0;i= 0 && $(element).parent().parent().parent().attr('id') == ('manequim'+tipo)) { imagemUpload = document.images[i]; if($(element).css('transform').indexOf('matrix') >= 0) { // imagem invertida ctx[destino].save(); ctx[destino].translate(parseInt($(element).css('left')), parseInt($(element).css('top'))); ctx[destino].scale(-1, 1); ctx[destino].drawImage(imagemUpload, parseInt($(element).css('width'))*-1, 0, parseInt($(element).css('width')), parseInt($(element).css('height'))); ctx[destino].restore(); } else { ctx[destino].drawImage(imagemUpload, parseInt($(element).css('left')), parseInt($(element).css('top')) + Number(eval("incremento_gola"+tipo)), parseInt($(element).css('width')), parseInt($(element).css('height'))); } var conteudo = $(element)[0].outerHTML; preencheAtributo("upload_"+i,tipo,conteudo.replace(/"/g,"'"),0); arrayStatus[iStatus] = arrayClone(arrayPartes); } } }); } //importarTextura((tipo == '') ? 0 : 1, 3, function(retorno){ var tipo_compra = 'normal'; if(goleiro == 1) tipo_compra = 'goleiro'; if(tipo == '_costas') { // Terminou de importar SVG (desenhos) e Texturas setTimeout(function(){ resolverPreview(tipo_compra, comprar, salvar, compartilhar); }, 1250); } //}); }); }); } }); // fim importa detalhes } var i_pecas = 0; // contador total de peças function importarTextura(d, p, callback){ var dimensao; dimensao = new Array(); dimensao[0] = ''; dimensao[1] = '_costas'; var peca; peca = new Array(); peca[0] = 'camisa'; peca[1] = 'calcao'; peca[2] = 'meiao'; var canvas_frente = document.getElementById('jogo_de_camisa'); var context_frente = canvas_frente.getContext('2d'); var canvas_costas = document.getElementById('jogo_de_camisa_costas'); var context_costas = canvas_costas.getContext('2d'); // @param d : contador de dimensao // @param p : contador de peça da dimensao //inserindo textura i_pecas++; // contador de peças processadas /* document.write("#manequim"+dimensao[d]+" .engloba_"+peca[p]); */ if(p < 0) { if($("#manequim"+dimensao[d]+" .detalhe").length > 0) { // importando detalhes var img_textura_detalhe = new Image(); img_textura_detalhe.onload = function(){ if(this.dados.destino == '') context_frente.drawImage(this, this.dados.x, this.dados.y); // frente else context_costas.drawImage(this, this.dados.x, this.dados.y); //costas callback(true); }; img_textura_detalhe.src = $("#manequim"+dimensao[d]+" .detalhe img").attr('src'); var x_draw = Number($("#manequim"+dimensao[d]+" .detalhe").css('left').replace('px', '')); var y_draw = Number($("#manequim"+dimensao[d]+" .detalhe").css('top').replace('px', '')) + Number($("#manequim"+dimensao[d]+" .detalhe").css('margin-top').replace('px', '')) + Number(eval("incremento_gola"+dimensao[d])); img_textura_detalhe.dados = {x: x_draw, y: y_draw, destino: dimensao[d] }; } else { callback(true); } } else { if($("#manequim"+dimensao[d]+" .engloba_"+peca[p]+" .textura").length > 0 && $("#manequim"+dimensao[d]+" .engloba_"+peca[p]).css("display") != "none"){ var img_textura = new Image(); img_textura.src = $("#manequim"+dimensao[d]+" .engloba_"+peca[p]+" .textura").css('background-image').replace('url(', '').replace(')', '').replace(' ', '').replace('"', '').replace('"', '').replace("'", ''); var x_img_textura = Number($("#manequim"+dimensao[d]+" .engloba_"+peca[p]+" .textura").css('left').replace('px', '')); var x_draw = Number($("#manequim"+dimensao[d]+" .engloba_"+peca[p]).css('left').replace('px', '')) + Number($("#manequim"+dimensao[d]+" .engloba_"+peca[p]).css('margin-left').replace('px', '')) + Number(x_img_textura); var y_draw = Number($("#manequim"+dimensao[d]+" .engloba_"+peca[p]).css('top').replace('px', '')) + Number($("#manequim"+dimensao[d]+" .engloba_"+peca[p]).css('margin-top').replace('px', '')) + Number(eval("incremento_gola"+dimensao[d])); var w_draw = Number($("#manequim"+dimensao[d]+" .engloba_"+peca[p])[0].getBoundingClientRect().width); var h_draw = Number($("#manequim"+dimensao[d]+" .engloba_"+peca[p])[0].getBoundingClientRect().height); if (x_draw < 0) { x_draw = 0; } img_textura.dados = {x: x_draw, y: y_draw, w: w_draw, h: h_draw, i: i_pecas, destino: dimensao[d] }; img_textura.onload = function(){ if(this.dados.destino == '') context_frente.drawImage(this, this.dados.x, this.dados.y, this.dados.w, this.dados.h); // frente else context_costas.drawImage(this, this.dados.x, this.dados.y, this.dados.w, this.dados.h); //costas //terminou de importar textura callback(true); }; //img_textura.parametros = { p_tipo: tipo, p_comprar: comprar, p_compartilhar: compartilhar }; } else { callback(true); } } } function resolverPreview(tipo, comprar, salvar, compartilhar){ if(salvar == 1) { $("#site *").css("pointer-events","auto"); $("#aguarde").hide(); $("#abrir-nome_simulacao").click(); } else if (comprar == 1){ salvaJogoCompra(); } else { $.post("/simulador/gerar_preview.php", { 'img1':document.getElementById('jogo_de_camisa').toDataURL("image/png"), 'img2':document.getElementById('jogo_de_camisa_costas').toDataURL("image/png"), 'esporte': esporte, 'goleiro': goleiro, 'visualizar': 1}, function(data){ $("#site *").css("pointer-events","auto"); $('#aguarde').hide(); if(compartilhar == 1) { var camisa_cod = arrayStatus[iStatus]['dorso']['cod_modelo']; var calcao_cod = (total_modelo['calcao'] > 0) ? arrayStatus[iStatus]['perna']['cod_modelo'] : camisa_cod; if (camisa_cod == calcao_cod) { var nome_preview = 'Preview '+modalidades[esporte]['nome']+' '+camisa_cod+'.jpg'; } else { var nome_preview = 'Preview '+modalidades[esporte]['nome']+' '+camisa_cod+'-'+calcao_cod+'.jpg'; } link = document.createElement('a'); link.setAttribute('download', nome_preview); link.setAttribute('href', '/simulador/'+data); link.click(); } else { var img_jogo = data.replace('geradas/preview/', '').replace('.jpg', ''); $("#box_visualizar .simulacao").append(""); $("#box_visualizar .simulacao").append(""); $("#box_visualizar .salvar").attr("onClick","salvarNoComputador('"+img_jogo+"')"); $("#box_visualizar").css("height",$(document).height()).show(); var link_compartilhar = "https://api.whatsapp.com/send?phone=5511956777010&text=Olá, estou interessado(a) neste produto, por favor enviar orçamento %20https://www.pb10uniformes.com/simulador/jogo-de-camisa/?simulacao%3D"+img_jogo; $("#box_visualizar .atendimento").attr("href",link_compartilhar); window.history.pushState('', '', "/simulador/jogo-de-camisa/?simulacao="+img_jogo); } }); } } function salvarNoComputador(data){ var camisa_cod = arrayStatus[iStatus]['dorso']['cod_modelo']; var calcao_cod = (total_modelo['calcao'] > 0) ? arrayStatus[iStatus]['perna']['cod_modelo'] : camisa_cod; if (camisa_cod == calcao_cod) { var nome_preview = 'Preview '+modalidades[esporte]['nome']+' '+camisa_cod+'.jpg'; } else { var nome_preview = 'Preview '+modalidades[esporte]['nome']+' '+camisa_cod+'-'+calcao_cod+'.jpg'; } var url = '/simulador/geradas/preview/'+data+'.jpg'; link = document.createElement('a'); link.setAttribute('href', url); link.setAttribute('download', nome_preview); link.click(); } function carregaDesenhoInicial(dest, x){ for (i in desenho[dest]) { if(desenho[dest][i].cod_modelo == x){ var valor_i = i; return valor_i; } } return 1; } function carregaColorido(frente, costas, n, dest) { $.get("/simulador/imagens/desenho/"+frente+".svg", function(data) { var data_svg = document.importNode(data.documentElement,true); $('#manequim .engloba_'+dest+' .'+dest+n).html(data_svg); }); $.get("/simulador/imagens/desenho/"+costas+".svg", function(data) { var data_svg = document.importNode(data.documentElement,true); $('#manequim_costas .engloba_'+dest+' .'+dest+n).html(data_svg); }); } function carregaDesenho(dest, i, n){ if(n == 2) modelo_atual = Number(i); if($("#manequim .desenho_"+dest+"_"+n).length == 0) { $("#manequim ."+dest+"_"+n).html(""); } if($("#manequim_costas .desenho_"+dest+"_"+n).length == 0) { $("#manequim_costas ."+dest+"_"+n).html(""); } if(desenho[dest][i] != null && desenho[dest][i]["svg"] != '') { $(".desenho_"+dest+"_"+n).show(); $.get("/simulador/imagens/desenho/"+desenho[dest][i]["svg"]+".svg", function() { $("#manequim .desenho_"+dest+"_"+n).css("-webkit-mask-box-image","url(/simulador/imagens/desenho/"+desenho[dest][i]["svg"]+".svg)"); desenhos_carregados++; var iqe = 0; // iqe = contador que percorre as cores do conjunto if(desenho[dest][i]["svg_costas"] != '') { jQuery('#manequim_costas .desenho_'+dest+'_'+n).css('-webkit-mask-box-image','url(/simulador/imagens/desenho/'+desenho[dest][i]["svg_costas"]+'.svg)'); var i_aux2 = i+""; var i_aux = i_aux2.indexOf('_'); if(i_aux > 0) var i_modelo = i_aux2.substr(0, i_aux); else i_modelo = i; if(desenho[dest][i_modelo]["cor"] != '' && mudou_cor == 0 && i_modelo > 0) { // preenchendo a cor inicial predefinida no cadastro var dest_aux = dest; // colorindo camisa e calção var coloriu_o = 0; var num_camada = ''; do{ if(coloriu_o == 0) num_camada = '_'+n; else { num_camada = ''; n = 1; } if(desenho[dest][i_modelo]["cor"+num_camada] == '0') { // COLORIDO $('.lista_camadas[rel='+dest+'] .cor_camada').eq(n-1).find(".cor_atual").attr("style",""); $('.lista_camadas[rel='+dest+'] .cor_camada').css("cursor","default"); $('.lista_camadas[rel='+dest+'] .cor_camada').eq(n-1).find(".cor_atual").attr("rel","desenho_colorido").attr("title","Camada não pode ter cor alterada"); carregaColorido(desenho[dest][i]["svg"], desenho[dest][i]["svg_costas"], num_camada, dest); } else if(desenho[dest][i_modelo]["cor"+num_camada] != '' && preenchimento_habilitado == 1) { $('.lista_camadas[rel='+dest+'] .cor_camada[rel='+num_camada+']').find(".cor_atual").removeAttr("style title rel"); $('.edicao_cores .lista_camadas[rel='+dest+'] .cor_camada[rel='+num_camada+']').click(); $('.edicao_cores .lista_camadas[rel='+dest+'] .paleta_cores .cor[data-i='+desenho[dest][i_modelo]["cor"+num_camada]+']').click(); $('.lista_camadas[rel=meiao] .cor_camada[rel='+num_camada+']').click(); $('.lista_camadas[rel=meiao] .paleta_cores .cor[data-i='+desenho[dest][i_modelo]["cor"+num_camada]+']').click(); colori_meiao = 1; } coloriu_o++; } while(n == 2 && coloriu_o < 2); if (preenchimento_habilitado == 1) { if(dest == 'camisa') { if(desenho[dest][i_modelo]["cor_capuz"] != ''){ $(".lista_camadas[rel=capuz_cor] .cor_camada").click(); $(".lista_camadas[rel=capuz_cor] .paleta_cores .cor[data-i='"+desenho[dest][i_modelo]["cor_capuz"]+"']").click(); } else if($(".camisa_detalhe .capuz").length) { $(".lista_camadas[rel=capuz_cor] .cor_camada").click(); $(".lista_camadas[rel=capuz_cor] .paleta_cores .cor[alt='preto']").click(); } if(desenho[dest][i_modelo]["cor_amarrilho"] != ''){ $('.lista_camadas[rel=amarrilho_cor] .cor_camada').click(); $('.lista_camadas[rel=amarrilho_cor] .paleta_cores .cor[data-i='+desenho[dest][i_modelo]["cor_amarrilho"]+']').click(); } else if($(".camisa_detalhe .amarrilho").length) { $(".lista_camadas[rel=amarrilho_cor] .cor_camada").click(); $(".lista_camadas[rel=amarrilho_cor] .paleta_cores .cor[alt='preto']").click(); } if(desenho[dest][i_modelo]["cor_bolso"] != ''){ $('.lista_camadas[rel=bolso_cor] .cor_camada').click(); $('.lista_camadas[rel=bolso_cor] .paleta_cores .cor[data-i='+desenho[dest][i_modelo]["cor_bolso"]+']').click(); } else if($(".camisa_detalhe .bolso").length) { $(".lista_camadas[rel=bolso_cor] .cor_camada").click(); $(".lista_camadas[rel=bolso_cor] .paleta_cores .cor[alt='preto']").click(); } if(desenho[dest][i_modelo]["cor_ziper"] != ''){ $('.lista_camadas[rel=ziper_cor] .cor_camada').click(); $('.lista_camadas[rel=ziper_cor] .paleta_cores .cor[data-i='+desenho[dest][i_modelo]["cor_ziper"]+']').click(); } else if($(".camisa_detalhe .ziper").length) { $(".lista_camadas[rel=ziper_cor] .cor_camada").click(); $(".lista_camadas[rel=ziper_cor] .paleta_cores .cor[alt='preto']").click(); } if(desenho[dest][i_modelo]["cor_logo"] != '' && $(".engloba_camisa .logo").length > 0){ $('.escudos_dorso[rel=logo_cor] .cor_camada[rel=camisa_logo]').click(); $('.escudos_dorso[rel=logo_cor] .paleta_cores .cor[data-i='+desenho[dest][i_modelo]["cor_logo"]+']').click(); } else if($(".engloba_camisa .logo").length > 0) { $(".escudos_dorso[rel=logo_cor] .cor_camada[rel=camisa_logo]").click(); $(".escudos_dorso[rel=logo_cor] .paleta_cores .cor[alt='preto']").click(); } if(desenho[dest][i_modelo]["cor_gola"] != '' && ($(".engloba_camisa .golas").length > 0 || $(".engloba_camisa .gola").length > 0)){ $('.lista_camadas[rel=gola_cor] .cor_camada[rel=camisa_gola]').click(); $('.lista_camadas[rel=gola_cor] .paleta_cores .cor[data-i='+desenho[dest][i_modelo]["cor_gola"]+']').click(); } else if($(".engloba_camisa .golas").length > 0 || $(".engloba_camisa .gola").length > 0) { $(".lista_camadas[rel=gola_cor] .cor_camada[rel=camisa_gola]").click(); $(".lista_camadas[rel=gola_cor] .paleta_cores .cor[alt='preto']").click(); } if(desenho[dest][i_modelo]["cor_gola"] != '' && $(".engloba_camisa .vies").length > 0){ $('.lista_camadas[rel=vies_cor] .cor_camada[rel=vies]').click(); $('.lista_camadas[rel=vies_cor] .paleta_cores .cor[data-i='+desenho[dest][i_modelo]["cor_gola"]+']').click(); } else if($(".engloba_camisa .vies").length > 0) { $(".lista_camadas[rel=gola_cor] .cor_camada[rel=camisa_gola]").click(); $(".lista_camadas[rel=gola_cor] .paleta_cores .cor[alt='preto']").click(); } if(desenho[dest][i_modelo]["cor_nome"] != '' && $(".engloba_camisa .previewNome").length > 0){ $('.lista_camadas[rel=nome_cor] .cor_camada[rel=camisa_nome_cor]').click(); $('.lista_camadas[rel=nome_cor] .paleta_cores .cor[data-i='+desenho[dest][i_modelo]["cor_nome"]+']').click(); } else if($(".engloba_camisa .previewNome").length > 0) { $(".lista_camadas[rel=nome_cor] .cor_camada[rel=camisa_nome_cor]").click(); $(".lista_camadas[rel=nome_cor] .paleta_cores .cor[alt='preto']").click(); } if(desenho[dest][i_modelo]["cor_numero"] != '' && $(".engloba_camisa .previewNumero").length > 0){ $('.camisa_numero[rel=numero_cor] .cor_camada[rel=camisa_numero_cor]').click(); $('.camisa_numero[rel=numero_cor] .paleta_cores .cor[data-i='+desenho[dest][i_modelo]["cor_numero"]+']').click(); } else if($(".engloba_camisa .previewNumero").length > 0) { $(".camisa_numero[rel=numero_cor] .cor_camada[rel=camisa_numero_cor]").click(); $(".camisa_numero[rel=numero_cor] .paleta_cores .cor[alt='preto']").click(); } if(desenho[dest][i_modelo]["cor_punho"] != '' && $(".engloba_camisa .punho").length > 0){ $(".opcao_pers[rel='dorso-punho-com']").click(); $('.lista_camadas[rel=punho_cor] .cor_camada[rel=punho]').click(); $('.lista_camadas[rel=punho_cor] .paleta_cores .cor[data-i='+desenho[dest][i_modelo]["cor_punho"]+']').click(); } else if($(".engloba_camisa .punho").length > 0 && esporte != "agasalho") { $(".opcao_pers[rel='dorso-punho-sem']").click(); } // if(desenho[dest][i_modelo]["cor_meiao"] != ''){ // $('.lista_camadas[rel=meiao] .cor_camada').click(); // $('.lista_camadas[rel=meiao] .paleta_cores .cor[data-i='+desenho[dest][i_modelo]["cor_meiao"]+']').click(); // colori_meiao = 1; // } } else if(dest == 'calcao' && desenho["calcao"].length > 0) { if(desenho[dest][i_modelo]["cor_logo"] != '' && $(".engloba_calcao .logo").length > 0){ $('.escudos_perna[rel=logo_cor] .cor_camada[rel=calcao_logo]').click(); $('.escudos_perna[rel=logo_cor] .paleta_cores .cor[data-i='+desenho[dest][i_modelo]["cor_logo"]+']').click(); } else if($(".engloba_calcao .logo").length > 0) { $(".escudos_perna[rel=logo_cor] .cor_camada[rel=calcao_logo]").click(); $(".escudos_perna[rel=logo_cor] .paleta_cores .cor[alt='preto']").click(); } if(desenho[dest][i_modelo]["cor_numero"] != '' && $(".engloba_calcao .previewNumero").length > 0){ $('.personalizar_numero_perna .lista_camadas[rel=numero_cor] .cor_camada[rel=calcao_numero_cor]').click(); $('.personalizar_numero_perna .lista_camadas[rel=numero_cor] .paleta_cores .cor[data-i='+desenho[dest][i_modelo]["cor_numero"]+']').click(); } else if($(".engloba_calcao .previewNumero").length > 0) { $(".personalizar_numero_perna .lista_camadas[rel=numero_cor] .cor_camada[rel=calcao_numero_cor]").click(); $(".personalizar_numero_perna .lista_camadas[rel=numero_cor] .paleta_cores .cor[alt='preto']").click(); } if(desenho[dest][i_modelo]["cor_barra"] != '' && $(".engloba_calcao .barra").length > 0){ $('.lista_camadas[rel=barra_cor] .cor_camada[rel=barra]').click(); $('.lista_camadas[rel=barra_cor] .paleta_cores .cor[data-i='+desenho[dest][i_modelo]["cor_barra"]+']').click(); } else if($(".engloba_calcao .barra").length > 0) { $(".lista_camadas[rel=barra_cor] .cor_camada[rel=barra]").click(); $(".lista_camadas[rel=barra_cor] .paleta_cores .cor[id-cor='sem_cor']").click(); } if(desenho[dest][i_modelo]["cor_meiao"] != '' && colori_meiao == 0) { $('.lista_camadas[rel=meiao] .cor_camada').click(); $('.lista_camadas[rel=meiao] .paleta_cores .cor[data-i='+desenho[dest][i_modelo]["cor_meiao"]+']').click(); colori_meiao = 1; } } if(colori_meiao == 0 && $(".engloba_meiao .meiao").length > 0) { $('.lista_camadas[rel=meiao] .cor_camada').click(); $(".lista_camadas[rel=meiao] .paleta_cores .cor[alt='branco']").click(); } else if (!($(".engloba_meiao .meiao").length > 0)){ $(".opcao_edicao[rel='modelos_meiao']").remove(); } if ($(".camisa_detalhe .elastico").length) { $('.lista_camadas[rel=elastico_cor] .cor_camada').click(); $(".lista_camadas[rel=elastico_cor] .paleta_cores .cor[alt='branco']").click(); } if(desenho[dest][i_modelo]["cor_quadril"] != ''){ $('.lista_camadas[rel=quadril_cor] .cor_camada').click(); $('.lista_camadas[rel=quadril_cor] .paleta_cores .cor[data-i='+desenho[dest][i_modelo]["cor_quadril"]+']').click(); } else if($(".camisa_detalhe .quadril").length > 0 || $(".calcao_detalhe .quadril").length > 0) { $(".lista_camadas[rel=quadril_cor] .cor_camada").click(); $(".lista_camadas[rel=quadril_cor] .paleta_cores .cor[id-cor='sem_cor']").click(); } mudou_cor = 0; } } else { if($(".camisa_detalhe .bolso").length) { $(".lista_camadas[rel=bolso_cor] .cor_camada").click(); $(".lista_camadas[rel=bolso_cor] .paleta_cores .cor[alt='branco']").click(); } if ($(".camisa_detalhe .pala").length) { $('.lista_camadas[rel=pala_cor] .cor_camada').click(); $(".lista_camadas[rel=pala_cor] .paleta_cores .cor[alt='branco']").click(); } if($(".camisa_detalhe .botoes").length) { $(".lista_camadas[rel=botoes_cor] .cor_camada").click(); $(".lista_camadas[rel=botoes_cor] .paleta_cores .cor[alt='branco']").click(); } // if($(".camisa_detalhe .punho").length || $(".camisa_detalhe .manga_com").length) { // $(".opcao_pers[rel='dorso-punho-sem']").click(); // } } } }); } else $(".desenho_"+dest+"_"+n).hide(); $(".desenho_"+dest+" .cod_modelo").html(modelo_atual); } function trocaDesenho(dest, i){ if (total_modelo['calcao'] > 1) { if(dest == 'camisa' && travado == 1 && i != $(".calcao .cod_modelo").html()) { if(total_modelo['calcao'] >= i) { $('.calcao .cod_modelo').html(i); trocaDesenho('calcao', i); } } else if(dest == 'calcao' && travado == 1 && i != $(".camisa .cod_modelo").html()) { if(total_modelo['camisa'] >= i) { $('.camisa .cod_modelo').html(i); trocaDesenho('camisa', i); } } } desenhos_esperados++; carregaDesenho(dest, i, 2); if(desenho[dest][i]["cor_2"] == '') { $('.lista_camadas[rel='+dest+'] .cor_camada[rel=_2]').hide(); } else $('.lista_camadas[rel='+dest+'] .cor_camada[rel=_2]').css('display','flex'); //tratando desenhos inexistentes //frente #manequim if(desenho[dest][i+"_2"] != null && desenho[dest][i+"_2"]["svg"] != "vazio") { //segundo desenho $("#manequim ."+dest+"_3").removeAttr('style'); desenhos_esperados++; carregaDesenho(dest, i+'_2', 3); $('.cores[rel='+dest+'] .flex').eq(2).css('display','flex'); $('.lista_camadas[rel='+dest+'] .cor_camada').eq(2).css('display','flex'); if(preenchimento_inicial == 0 && preenchimento_habilitado == 1) { alterarArrayAtual(1,"cor_3",dest); } } else { $("#manequim ."+dest+"_3").css('top', '-1404px'); $('.cores[rel='+dest+'] .flex').eq(2).hide(); $('.lista_camadas[rel='+dest+'] .cor_camada').eq(2).hide(); if (preenchimento_inicial == 0 && preenchimento_habilitado == 1) { alterarArrayAtual(0,"cor_3",dest); } } if(desenho[dest][i+"_3"] != null && desenho[dest][i+"_3"]["svg"] != "vazio") { //terceiro desenho $("#manequim ."+dest+"_4").removeAttr('style'); desenhos_esperados++; carregaDesenho(dest, i+'_3', 4); $('.cores[rel='+dest+'] .flex').eq(3).css('display','flex'); $('.lista_camadas[rel='+dest+'] .cor_camada').eq(3).css('display','flex'); if (preenchimento_inicial == 0 && preenchimento_habilitado == 1) { alterarArrayAtual(1,"cor_4",dest); } } else { $("#manequim ."+dest+"_4").css('top', '-1404px'); $('.cores[rel='+dest+'] .flex').eq(3).hide(); $('.lista_camadas[rel='+dest+'] .cor_camada').eq(3).hide(); if (preenchimento_inicial == 0 && preenchimento_habilitado == 1) { alterarArrayAtual(0,"cor_4",dest); } } if(desenho[dest][i+"_4"] != null && desenho[dest][i+"_4"]["svg"] != "vazio") { //quarto desenho $("#manequim ."+dest+"_5").removeAttr('style'); desenhos_esperados++; carregaDesenho(dest, i+'_4', 5); $('.cores[rel='+dest+'] .flex').eq(4).css('display','flex'); $('.lista_camadas[rel='+dest+'] .cor_camada').eq(4).css('display','flex'); if(preenchimento_inicial == 0 && preenchimento_habilitado == 1){ alterarArrayAtual(1,"cor_5",dest); } } else { $("#manequim ."+dest+"_5").css('top', '-1404px'); $('.cores[rel='+dest+'] .flex').eq(4).hide(); $('.lista_camadas[rel='+dest+'] .cor_camada').eq(4).hide(); $('.nome_rel').css('padding-left','10px'); if(preenchimento_inicial == 0 && preenchimento_habilitado == 1){ alterarArrayAtual(0,"cor_5",dest); } } //costas #manequim_costas if(desenho[dest][i+"_2"] != null && desenho[dest][i+"_2"]["svg_costas"] != "vazio") { //segundo desenho $("#manequim_costas ."+dest+"_3").removeAttr('style'); } else { $("#manequim_costas ."+dest+"_3").css('top', '-1404px'); } if(desenho[dest][i+"_3"] != null && desenho[dest][i+"_3"]["svg_costas"] != "vazio") { //terceiro desenho $("#manequim_costas ."+dest+"_4").removeAttr('style'); } else { $("#manequim_costas ."+dest+"_4").css('top', '-1404px'); } if(desenho[dest][i+"_4"] != null && desenho[dest][i+"_4"]["svg_costas"] != "vazio") { //quarto desenho $("#manequim_costas ."+dest+"_5").removeAttr('style'); } else { $("#manequim_costas ."+dest+"_5").css('top', '-1404px'); } //fim tratar desenhos inexistentes var verifica_desenhos = setInterval(function(){ if (desenhos_esperados == desenhos_carregados) { preenchimento_modelo = 0; desenhos_esperados = 0; desenhos_carregados = 0; if (esperando_desenhos == 1) { carregarStatus(arrayStatus[iStatus]); } clearInterval(verifica_desenhos); } }, 500); } function trocaModelo(dest, i){ preenchimento_modelo = 1; trocaDesenho(dest, i); // FECHAR PALETA DE CORES $(".lista_camadas .cor_camada").removeClass("camada_ativa"); $(".lista_camadas .paleta_cores").removeClass("ativo"); } function personalizarCor() { // Modalidades sem desenhos cadastrados var modelos_dorso = $(".edicao_modelos .modelos_dorso li").length; var modelos_perna = $(".edicao_modelos .modelos_perna li").length; var modelos_meiao = $(".edicao_modelos .modelos_meiao li").length; if ( modelos_dorso == 0 && modelos_perna == 0 ) { $(".opcao[rel='edicao_modelos']").remove(); $(".edicao_cores .cabecalho .titulo").html("Modelo > Escolha a cor"); $(".edicao_cores .box_cores .lista_camadas .cor_camada[rel^='_']").remove(); $(".setas_modelos").remove(); $(".lista_camadas[rel='camisa'] .cor_camada").click(); $(".lista_camadas[rel='camisa'] .paleta_cores .cor[alt='branco']").click(); if ("" != "") { $(".lista_camadas[rel='calcao'] .cor_camada").click(); $(".lista_camadas[rel='calcao'] .paleta_cores .cor[alt='branco']").click(); } $(".lista_camadas .cor_camada[rel='camisa_gola']").click(); $(".lista_camadas .paleta_cores[rel='gola_cor'] .cor[alt='branco']").click(); } else if ( modelos_perna == 0 ) { $(".edicao_modelos .opcao_edicao[rel='modelos_perna']").remove(); $(".edicao_cores .cores_perna .lista_camadas .cor_camada[rel^='_']").remove(); if ("" != "") { $(".lista_camadas[rel=calcao] .cor_camada").click(); $(".lista_camadas[rel=calcao] .paleta_cores .cor[alt='branco']").click(); $(".engloba_calcao div[class^='calcao_']").remove(); } $(".ipt-checkbox[for='ipt-sincronizar']").remove(); $(".setas_modelos .box_bloqueio, .setas_modelos .calcao").remove(); travado = 0; } if ( modelos_meiao == 0 ) { $(".opcao_edicao[rel='modelos_meiao']").remove(); $(".edicao_cores .cores_meiao .lista_camadas .cor_camada[rel^='_']").remove(); $(".engloba_meiao div[class^='meiao_']").remove(); $(".setas_modelos .meiao").remove(); } if ( modelos_dorso == 1 ) { $(".setas_modelos .camisa").remove(); } if ( modelos_perna == 1 ) { $(".setas_modelos .calcao").remove(); } if ( modelos_meiao == 1 ) { $(".setas_modelos .meiao").remove(); } if ( modelos_dorso > 1 ) { $(".setas_scroll[rel='modelos_dorso'] .baixo").parent().addClass("ativo"); } if(!$('#manequim .detalhe img').length > 0) $('#manequim .detalhe').remove(); if(!$('#manequim_costas .detalhe img').length > 0) $('#manequim_costas .detalhe').remove(); //#manequim .bolso, $('#manequim .logo2, #manequim_costas .logo, #manequim_costas .fundo_gola, #manequim_costas .patrocinio_desconto, #manequim_costas .selo, #manequim #box_previewNome, #manequim_costas .engloba_calcao .box_previewNumero, #manequim .mangacostas_com, #manequim_costas .ziper, #manequim .patrocinio2, #manequim .golas_costas, #manequim_costas .camisa_detalhe .golas').remove(); if( $.trim($('.engloba_camisa .logo').html()) == "" ) $('.engloba_camisa .logo').remove(); if( $.trim($('.engloba_calcao .logo').html()) == "" ) $('.engloba_calcao .logo').remove(); if(logado == 1) { var h_window = $(window).height(); var h = (50*h_window)/100; $(".armario").css("max-height",h+"px"); // armário $(".simulacoes").clone().prependTo("#box_armario #armario"); $("#box_armario .simulacoes").removeClass("menu_oculto").show(); $("#box_armario .simulacoes .opcao").attr("onmouseover","trocarImagem($(this).find('.img_simulacao').css('background-image'))").attr("onmouseout","trocarImagem()"); } // SE NÃO EXISTIR GOLAS if ($(".engloba_camisa .golas").length == 0 && $(".engloba_camisa .gola").length == 0) { $("#lista_edicao .opcao[rel='edicao_golas']").remove(); } else if ($("#manequim .engloba_camisa .golas div[class^=gola_]").length == 1) { $(".edicao_golas .cabecalho .titulo").html("Gola > Escolha a cor"); $("#manequim .engloba_camisa .golas div[class^=gola_]").eq(0).show(); $("#manequim_costas .engloba_camisa .golas div[class^=gola_]").eq(0).show(); $(".lista_opcoes[rel='gola']").remove(); $(".cor_camada[rel='camisa_gola_2']").hide(); $(".cor_camada[rel='camisa_gola_3']").hide(); $(".cor_camada[rel='camisa_gola_4']").hide(); $(".edicao_golas .box_cores").css({"border": "0", "padding": "0"}); $(".edicao_golas .box_cores .titulo").remove(); } else if ($(".camisa_detalhe .golas").length || $(".camisa_detalhe .gola").length) { $(".lista_opcoes[rel='gola']").addClass("ativo"); $(".edicao_golas .cabecalho .titulo").html("Gola > Escolha a cor"); $(".edicao_golas .box_cores").css({"border": "0", "padding": "0"}); $(".edicao_golas .box_cores .titulo").remove(); $(".camisa_detalhe .golas *[class^=gola_]").each(function(index){ $(".cor_camada[rel='camisa_"+$(this).attr("class")+"']").css("display","flex"); $(".cor_camada[rel='camisa_"+$(this).attr("class")+"']").click(); $(".paleta_cores[rel='gola_cor'] li[alt='branco']").click(); }); } else { $(".lista_opcoes[rel='gola']").addClass("ativo"); $(".setas_scroll[rel='gola'] .baixo").parent().addClass("ativo"); $(".engloba_camisa .golas div[class^=gola_]").each(function(index){ var tipo_gola = $(this).attr("class").replace('_','-'); $(".opcao_pers[rel='dorso-"+tipo_gola+"']").css("display","flex"); //if (index == 0) $(".opcao_pers[rel='dorso-"+tipo_gola+"']").click(); }); } // SE NÃO EXISTIR LOGO NO DORSO if ($(".engloba_camisa .logo").length == 0 || $.trim($('.engloba_camisa .logo').html()) == "") { if ($(".engloba_camisa #escudo_camisa_pers").length == 0 && $(".engloba_calcao #escudo_camisa_pers").length == 0) { $("#lista_edicao .opcao[rel='edicao_escudo']").remove(); } else if ($(".engloba_camisa #escudo_camisa_pers").length == 0) { $(".opcao_edicao[rel='escudos_dorso']").remove(); $(".lista_opcoes[rel='escudo_camisa']").remove(); $(".lista_opcoes[rel='escudo_calcao']").addClass('ativo'); $(".box_cores[rel='logo_dorso']").remove(); $(".box_cores[rel='logo_perna']").addClass('ativo'); $(".opcao_edicao[rel='escudos_perna']").addClass('ativo'); } else { $(".opcao_pers[rel='dorso-escudo-esquerda']").click(); $(".opcao[rel='dorso-escudo-esquerda_2']").remove(); $(".box_cores[rel='logo_dorso']").remove(); } } else if (mostrar_escudo == 0) { $(".lista_opcoes.escudos_dorso, .lista_opcoes.escudos_perna").remove(); } else { $(".opcao_pers[rel='dorso-escudo-esquerda']").click(); } // SE NÃO EXISTIR LOGO NA PERNA if ($(".engloba_calcao .logo").length == 0 || $.trim($('.engloba_calcao .logo').html()) == "") { if ($(".engloba_calcao #escudo_camisa_pers").length == 0) { $(".opcao_edicao[rel='escudos_perna']").remove(); } else { $(".opcao_pers[rel='perna-escudo-direita']").click(); $(".box_cores[rel='logo_perna']").remove(); } if (esporte == "futebol_feminino") { numero_calcao_esquerda_y = "95"; numero_calcao_direita_y = "95"; } else { numero_calcao_esquerda_y = "135"; numero_calcao_direita_y = "135"; } } else { $(".opcao_pers[rel='perna-escudo-direita']").click(); } // SE NÃO EXISTIR PUNHO if ($(".engloba_camisa .punho").length == 0 && $(".engloba_camisa .manga_com").length == 0 && $(".engloba_camisa .raglan").length == 0) { $("#lista_edicao .opcao[rel='edicao_punho']").remove(); } else if ($(".engloba_camisa .punho").length == 0 && $(".engloba_camisa .manga_com").length == 0) { $(".edicao_punho .cabecalho .titulo").html("Manga > Defina a manga"); $(".lista_opcoes[rel='punho']").remove(); $(".lista_camadas[rel='punho_cor']").parent().remove(); } else { if ($(".engloba_camisa .raglan").length == 0) { $(".lista_opcoes[rel='manga']").remove(); $(".lista_camadas[rel='manga_cor']").parent().remove(); } } // SE NÃO EXISTIR NOME E NÚMERO if ($(".engloba_camisa #box_previewNome").length == 0 && $(".previewNumero").length == 0) { $("#lista_edicao .opcao[rel='edicao_texto']").remove(); } else { if ($(".engloba_camisa #box_previewNome").length == 0 && $(".engloba_camisa .previewNumero").length == 0) { $(".opcao_edicao[rel='texto_dorso']").remove(); } else { if ($(".engloba_camisa #box_previewNome").length == 0) { $(".ipt-checkbox[for='ipt-nome'], .lista_opcoes[rel='posicao_nome'], .personalizar_nome").remove(); } else { primeira_fonte_nome = $(".lista-fontes[rel='nome'] .fonte").eq(0).attr('id'); $(".lista-fontes .fonte").eq(i_fonte_nome).show(); $(".opcao_pers[rel='dorso-nome-baixo']").click(); mudaFonte('nome', primeira_fonte_nome, 0); preencheAtributo('dorso','nome_texto','',1); preencheAtributo('dorso','nome_cor_borda','',1); } if ($(".engloba_camisa .previewNumero").length == 0) { $(".ipt-checkbox[for='ipt-numero'], .box_selecao[rel='numero'], .box_selecao[rel='numero_frente'], .personalizar_numero").remove(); } else { primeira_fonte_num = $(".lista-fontes[rel='numero'] .fonte").eq(0).attr('id'); tamanho_num = $(".lista-fontes[rel='numero'] .fonte").eq(0).attr('rel'); if ($("#manequim .previewNumero").length == 0) { $(".box_selecao[rel='numero_frente']").remove(); } else { $(".opcao_pers[rel='dorso-numero_frente-com']").click(); } if ($("#manequim_costas .previewNumero").length == 0) { $(".box_selecao[rel='numero']").remove(); } else { $(".opcao_pers[rel='dorso-numero-com']").click(); } mudaFonte('numero', primeira_fonte_num, tamanho_num); tamFonte($("#ipt-tamNum").val()); $(".lista-fontes[rel='numero'] .fonte").eq(i_fonte_numero).show(); $(".lista_camadas .cor_camada[rel=numero_camisa_borda]").click(); $(".lista_camadas .cor_camada[rel=numero_camisa_borda]").parent().find(".paleta_cores .cor[alt='preto']").click(); // preencheAtributo('dorso','numero_cor_borda','sem_cor',1); } } if ($(".engloba_calcao .previewNumero").length == 0) { $(".opcao_edicao[rel='texto_perna']").remove(); } else { $('#manequim .calcao_detalhe .previewNumero').attr('font-size','30px'); $(".lista-fontes[rel='numero_perna'] .fonte").eq(i_fonte_numero_perna).show(); primeira_fonte_num_perna = $(".lista-fontes[rel='numero_perna'] .fonte").eq(0).attr('id'); mudaFonte('numero_perna', primeira_fonte_num_perna, 0); $(".opcao_pers[rel='perna-numero-esquerda']").click(); $(".lista_camadas .cor_camada[rel=numero_calcao_borda]").click(); $(".lista_camadas .cor_camada[rel=numero_calcao_borda]").parent().find(".paleta_cores .cor[alt='preto']").click(); // preencheAtributo('perna','numero_cor_borda','sem_cor',1); } } // SE NÃO EXISTIR SELOS E PATROCÍNIOS if($(".engloba_camisa .selo").length == 0 && $(".engloba_camisa .patrocinio").length == 0 && $(".engloba_camisa .patrocinio2").length == 0 && $(".engloba_camisa .patrocinio_manga").length == 0) { $("#lista_edicao .opcao[rel='edicao_selos']").remove(); } else { if ($(".engloba_camisa .selo").length == 0) { $(".lista_opcoes[rel='selo']").remove(); $(".ipt-checkbox[for='ipt-selo']").remove(); } else { preencheAtributo('dorso','selo','sem',1); } if ($(".engloba_camisa .patrocinio").length == 0 && $(".engloba_camisa .patrocinio2").length == 0 && $(".engloba_camisa .patrocinio_manga").length == 0) { $(".ipt-checkbox[for='ipt-patrocinio']").remove(); $(".box_selecao[rel='patrocinio']").remove(); } else { preencheAtributo('dorso','patrocinio_cima','sem',1); preencheAtributo('dorso','patrocinio_frente','sem',1); preencheAtributo('dorso','patrocinio_baixo','sem',1); $("#manequim_costas .patrocinio") .css("transform","translate("+patrocinio_camisa_costas_cima_x+"px,"+patrocinio_camisa_costas_cima_y+"px)") .attr("transform","translate("+patrocinio_camisa_costas_cima_x+","+patrocinio_camisa_costas_cima_y+")"); $("#manequim_costas .patrocinio2") .css("transform","translate("+patrocinio_camisa_costas_baixo_x+"px,"+patrocinio_camisa_costas_baixo_y+"px)") .attr("transform","translate("+patrocinio_camisa_costas_baixo_x+","+patrocinio_camisa_costas_baixo_y+")"); } } // SE NÃO EXISTIR DETALHES if ($(".edicao_cores .box_cores-linha").length == 0) { $(".cores_dorso .titulo, .cores_perna .titulo, .cores_meiao .titulo").hide(); } if(inicial > 0){ retorno_camisa = carregaDesenhoInicial("camisa", inicial); retorno_calcao = carregaDesenhoInicial("calcao", inicial); retorno_meiao = carregaDesenhoInicial("meiao", inicial); trocaModelo("camisa", retorno_camisa); if(modelos_perna > 0) trocaModelo("calcao", retorno_calcao); if(modelos_meiao > 0) trocaModelo("meiao", retorno_meiao); $(".opcao_pers[rel='dorso-cod_modelo-"+desenho["camisa"][retorno_camisa]["cod_modelo"]+"']").click(); if(modelos_perna > 0) { $(".opcao_pers[rel='perna-cod_modelo-"+desenho["calcao"][retorno_calcao]["cod_modelo"]+"']").click(); } if(modelos_meiao > 0) { $(".opcao_pers[rel='meiao-cod_modelo-"+desenho["meiao"][retorno_meiao]["cod_modelo"]+"']").click(); } } else if(typeof arr_simulacao != "undefined"){ $(".simulacoes .opcao[rel='"+id_simulacao+"']").addClass("ativo"); preview_simulacao = $("#armario .simulacoes .opcao[rel='"+id_simulacao+"'] .img_simulacao").css("background-image"); $("#armario #preview_ativo").css("background-image",preview_simulacao); retorno = StringToArray(arr_simulacao); } else { trocaModelo("camisa", modelo_atual); if(modelos_perna > 0) trocaModelo("calcao", modelo_atual); if(modelos_meiao > 0) trocaModelo("meiao", modelo_atual); preencheAtributo("dorso","cod_modelo",desenho["camisa"][modelo_atual]["cod_modelo"],0); if(modelos_perna > 0) { preencheAtributo("perna","cod_modelo",desenho["calcao"][modelo_atual]["cod_modelo"],0); } if(modelos_meiao > 0) { preencheAtributo("meiao","cod_modelo",desenho["meiao"][modelo_atual]["cod_modelo"],0); } } $('body svg').css('shape-rendering', 'geometricPrecision'); $("#manequim, #manequim_costas").removeAttr("style"); $("#box_manequim").css('opacity', 0); mudou_cor = 0; preenchimento_habilitado = 1; preenchimento_inicial = 0; iniciarStatus(); } function tamFonte(tam){ $('.camisa_detalhe .previewNome').attr("font-size", tam); if(preenchimento_habilitado == 1) preencheAtributo('dorso','nome_fonte_tamanho',tam,1); } function mudaFonte(tipo, fonte, numTam){ if(tipo == 'nome'){ $('.camisa_detalhe .previewNome').attr("font-family", "'"+fonte+"'"); if(preenchimento_habilitado == 1) preencheAtributo('dorso','nome_fonte',fonte,1); } else if(tipo == 'numero'){ tam_numFrente = (numTam * 0.50); $('.camisa_detalhe .previewNumero').attr('font-family', "'"+fonte+"'"); $('#manequim_costas .camisa_detalhe .previewNumero').attr("font-size", numTam+"px"); $('#manequim .camisa_detalhe .previewNumero').attr("font-size", tam_numFrente+"px"); if(preenchimento_habilitado == 1) preencheAtributo('dorso','numero_fonte',fonte,1); } else if(tipo == 'numero_perna'){ $('.calcao_detalhe .previewNumero').attr("font-family", "'"+fonte+"'"); if(preenchimento_habilitado == 1) preencheAtributo('perna','numero_fonte',fonte,1); } } function ArrayToString (arr) { var str = ''; for(var i=0; i < Object.keys(arr).length; i++){ for(var j=0; j < Object.keys(arr[Object.keys(arr)[i]]).length; j++){ str += Object.keys(arr)[i]+"-"+Object.keys(arr[Object.keys(arr)[i]])[j]+":"+arr[Object.keys(arr)[i]][Object.keys(arr[Object.keys(arr)[i]])[j]]; if(j < Object.keys(arr[Object.keys(arr)[i]]).length-1 || i < Object.keys(arr).length-1) { str += ", "; } } } return str; } function StringToArray (str) { var arr = str.split(','); for(var i=0; i < arr.length; i++){ var arrParteAtributo = arr[i].replace(/\-/,'&').split('&'); var arrChaveValor = arrParteAtributo[1].replace(/\:/,'&').split('&'); preencheAtributo(arrParteAtributo[0].trim(),arrChaveValor[0].trim(),arrChaveValor[1].trim(),0); } return true; } function salvaJogoCompra(){ var array = ArrayToString(arrayStatus[iStatus]); $("#informacoes_uniforme").val(array); $.post("/simulador/gerar_preview.php", { 'img1':document.getElementById('jogo_de_camisa').toDataURL("image/png"), 'img2':document.getElementById('jogo_de_camisa_costas').toDataURL("image/png"), 'esporte': esporte, 'goleiro': goleiro, 'comprar': 1 }, function(data){ if(data != null) { $("#goleiro").val(goleiro); $("#id_imagem").val(data); aviso_fechar = 0; $("#simulador-jogo").submit(); } }); } function verificarCampo(){ var campoNome = $(".swal-content").contents().find('#inpt-nome_simulacao').val(); if(campoNome.length === 0 || !campoNome.trim()){ $("#nome_simulacao .vazio").css({"opacity": "1"}); } else { $("#nome_simulacao .vazio").css({"opacity": "0"}); } } function salvarNome(){ nomeSimulacao = $(".swal-content").contents().find('#inpt-nome_simulacao').val(); if(!nomeSimulacao.length === 0 || nomeSimulacao.trim()){ swal.close(); if(logado == 1){ salvaSimulacao(nomeSimulacao); } else { salvando_simulacao = 1; $("#bt_login").click(); } } else { $("#nome_simulacao .vazio").css({"opacity": "1"}); return false; } } function salvaSimulacao(nome){ aviso_fechar = 0; $("#site").css("pointer-events","none"); $('#aguarde').show(); var arrayString = ArrayToString(arrayStatus[iStatus]); $.post("/simulador/gerar_preview.php", { 'img1':document.getElementById('jogo_de_camisa').toDataURL("image/png"), 'img2':document.getElementById('jogo_de_camisa_costas').toDataURL("image/png"), 'esporte': esporte, 'goleiro': goleiro, 'comprar':1 }, function(data){ if(data != null) { $.post("/simulador/includes/gravarSimulacao.php", { preview: data, info: arrayString, modalidade: esporte, nome: nome }, function(retorno) { salvando_simulacao = 0; if(retorno != "erro"){ window.location.href = "/simulador/"+esporte+"?simulacao="+retorno; } else { mensagem("","Houve um erro. Tente novamente!","info"); } }); } }); } function abrirForm(f){ if(!f == null || !f == ""){ $("#box_login form").hide(); $("#formulario_"+f).show(); $("#abrir-box_login").click(); } } function trocarForm(){ $("#formulario_login, #formulario_cadastro").toggle(); } function recuperarSenha(){ swal.close(); mensagem("", "Digite seu e-mail", "input", function(r){ if(r) { $.post('/simulador/includes/esqueceuSenha.php', {email: r}, function(data) { if(data == 'ok') { mensagem("", "Foi enviado um email para o email digitado.", "success"); } else if(data == 'inexistente') { mensagem("", "O email informado não existe em nossa base de dados.", "error"); } else { mensagem("", "Ocorreu um erro inesperado.\nTente mais tarde.", "error"); } }); } }); } function clickExcluir(id){ swal.close(); $("#box_excluir #excluir").attr("onclick","excluirSimulacao("+id+");"); var span = document.createElement("div"); span.innerHTML = "
    "+$("#box_excluir").html()+"
    "; mensagem("",span,"html"); } function excluirSimulacao(id){ aviso_fechar = 0; swal.close(); if(typeof id != "undefined"){ $.post("/simulador/includes/excluirSimulacao.php", { id_simulacao: id }, function(retorno) { if(retorno == "ok"){ var url_atual = window.location.href; if(url_atual.indexOf("?simulacao="+id) != -1){ var novo_id = $(".armario .opcao[rel='"+id+"'] + .opcao").attr("rel"); nova_url = url_atual.split("?"); window.location.href = nova_url[0]+"?simulacao="+novo_id; } else { location.reload(); } } else { mensagem("", "Houve um erro ao excluir.\nTente novamente!", "error"); } }); } } function trocarImagem(x){ if(typeof x != "undefined"){ $("#armario #preview_ativo").css("background-image",x); } else { if(typeof preview_simulacao != "undefined") { $("#armario #preview_ativo").css("background-image",preview_simulacao); } else { $("#armario #preview_ativo").css("background-image",""); } } } function carregaSimulacao(id){ aviso_fechar = 0; $("#site").css("pointer-events","none"); $("#aguarde").show(); var url = window.location.href; if(url.indexOf("?") >= 0){ retorno = url.split("?"); var url_atual = retorno[0]; } else { var url_atual = url; } window.location.href = url_atual+"?simulacao="+id; } function novaSimulacao(){ aviso_fechar = 0; var url = window.location.href; if(url.indexOf("?") >= 0){ var retorno = url.split("?"); var url_atual = retorno[0]; } else { var url_atual = url; } window.location.href = url_atual; } function maskTelefone(idform, id) { var SPMaskBehavior = function (val) { return val.replace(/\D/g, '').length === 11 ? '(00) 00000-0000' : '(00) 0000-00009'; }, spOptions = { onKeyPress: function(val, e, field, options) { field.mask(SPMaskBehavior.apply({}, arguments), options); } }; $("#"+idform+" #"+id).mask(SPMaskBehavior, spOptions); } function efetuaLogin(){ var email_cliente = $(".swal-content").contents().find('#membro-email').val(); var senha_cliente = $(".swal-content").contents().find('#membro-senha').val(); if(email_cliente == "" || senha_cliente == "") { $("#formulario_login .incompleto").show(); } else { $("#formulario_login .bt-submit").attr("value","AGUARDE..."); $.post('/simulador/includes/efetuaLogin.php', { email: email_cliente, senha: senha_cliente }, function(data) { if(data == 'erro_email') { $('.erro_email').show(); } else if(data == 'erro_senha') { $('.erro_senha').show(); } else if(data == 'ok') { swal.close(); $("#site").css("pointer-events","none"); $("#aguarde").show(); if(salvando_simulacao > 0) { logado = 1; salvaSimulacao(nomeSimulacao); } else { window.location.href = "/simulador/"+esporte; } } else if(data == 'erro') { $('.erro').show(); } }); } return false; } function registrarMembro(){ var nome_cliente = $(".swal-content").contents().find('#registro-nome').val(); var telefone_cliente = $(".swal-content").contents().find('#registro-telefone').val(); var email_cliente = $(".swal-content").contents().find('#registro-email').val(); var senha_cliente = $(".swal-content").contents().find('#registro-senha').val(); if(nome_cliente == '' || telefone_cliente == '' || email_cliente == '' || senha_cliente == '') { $("#formulario_cadastro .incompleto").show(); } else { $("#formulario_cadastro .bt-submit").attr("value","AGUARDE..."); $.post('/simulador/includes/registrar.php', { nome: nome_cliente, telefone: telefone_cliente, email: email_cliente, senha: senha_cliente }, function(data) { $('.incompleto').hide(); $("#formulario_cadastro .bt-submit").attr("value","CRIAR CONTA"); if(data == 'ok') { if(salvando_simulacao > 0) { swal.close(); logado = 1; salvaSimulacao(nomeSimulacao); } else { location.reload(); } } else if(data == 'email_existente') { $('.email_existente').show(); } else if(data == 'erro') { $('.erro').show(); } }); } return false; } function esqueceuSenha(){ mensagem("", "Digite seu e-mail", "input", function(r){ if(r) { $.post('/simulador/includes/esqueceuSenha.php', {email: r}, function(data) { if(data == 'ok') { mensagem("", "Foi enviado um email para o email digitado.", "success"); } else if(data == 'inexistente') { mensagem("", "O email informado não existe em nossa base de dados.", "error"); } else { mensagem("", "Ocorreu um erro inesperado.\nTente mais tarde.", "error"); } }); } }); } function abreModelagens(grupo){ var html = "
    " + ""+$('ul .'+grupo).attr("alt")+"" + "Escolha o Manequim" + "
    "; abrirMensagem(html); } function mudaQuadro(quadro){ var total_quadro = $("#quadros").children().length; if (isNaN(quadro)) { var quadro_atual = $("#quadros .ativo").attr("data-i"); if (quadro_atual > 1 && quadro == 'anterior') { var novo_quadro = parseInt(quadro_atual)-parseInt(1); } else if (quadro_atual < total_quadro && quadro == 'proximo') { var novo_quadro = parseInt(quadro_atual)+parseInt(1); } else { var novo_quadro = quadro_atual; } } else { var novo_quadro = quadro; } if (novo_quadro == 1) { $(".seta[rel='anterior']").css("opacity",0); if ($(".seta[rel='proximo']").css("opacity") == 0) { $(".seta[rel='proximo']").css("opacity",1); $("#trocar_modalidade #texto__ver-mais").show(); } if ($("#trocar_modalidade h3").css("display") == "none") { $("#trocar_modalidade h3").show(); $("ul[id='opcoes_modalidades']").removeAttr("style"); } } else if (novo_quadro == total_quadro) { $("#trocar_modalidade h3").hide(); $("ul[id='opcoes_modalidades']").css("background-color", "#E5E5E5"); $(".seta[rel='proximo']").css("opacity",0); $("#trocar_modalidade #texto__ver-mais").hide(); if ($(".seta[rel='anterior']").css("opacity") == 0) { $(".seta[rel='anterior']").css("opacity",1); } } else { if ($("#trocar_modalidade h3").css("display") == "none") { $("#trocar_modalidade h3").show(); $("ul[id='opcoes_modalidades']").removeAttr("style"); } $(".seta[rel='anterior'], .seta[rel='proximo']").css("opacity",1); $("#trocar_modalidade #texto__ver-mais").show(); } $("#quadros .quadro").removeClass("ativo"); $("#quadros .quadro[data-i='"+novo_quadro+"']").addClass("ativo"); $("#opcoes_modalidades li").removeClass("ativo"); $("#opcoes_modalidades li[data-quadro='"+novo_quadro+"']").addClass("ativo"); } function enviarSolicitacao(){ var nome = $(".swal-content").contents().find(".formSolicitacao input[name='nome']").val(); var email = $(".swal-content").contents().find(".formSolicitacao input[name='email']").val(); var assunto = $(".swal-content").contents().find(".formSolicitacao input[name='assunto']").val(); var telefone = $(".swal-content").contents().find(".formSolicitacao input[name='telefone']").val(); var msg = $(".swal-content").contents().find(".formSolicitacao textarea").val(); if(nome == '' || email == '' || msg == '') { $(".swal-content").contents().find(".formSolicitacao").prepend("

    Por favor, preencha corretamente o formulário.

    "); } else { $(".formSolicitacao input[type='button']").css("pointer-events", "none"); $(".formSolicitacao input[type='button']").attr("value","AGUARDE..."); $.post('/simulador/includes/solicitacaoSimulador.php', { nome: nome, email: email, assunto: assunto, telefone: telefone, msg: msg }, function(data) { $(".formSolicitacao input[type='button']").css("pointer-events", "cursor"); $(".formSolicitacao input[type='button']").attr("value","Enviar"); if(data == 'ok') { mensagem("","Solicitação enviada com sucesso!\nEm breve retornaremos.","success"); } else { mensagem("", "Ocorreu um erro inesperado.\nTente mais tarde.", "error"); } }); } } function iniciarStatus(){ iStatus = 0; arrayStatus[iStatus] = arrayClone(arrayPartes); if(typeof arr_simulacao != "undefined") { carregarStatus(arrayStatus[iStatus]); } } function preencheAtributo(parte,chave,valor,preencher){ if(iStatus < arrayStatus.length-1){ for(var i= arrayStatus.length-1; i > iStatus; i--){ arrayStatus.splice(i,1); } arrayPartes = arrayClone(arrayStatus[iStatus]); $("#avancar").addClass("desativado"); } if(!Array.isArray(arrayPartes[parte])){ arrayPartes[parte] = new Array(); } arrayPartes[parte][chave] = valor; if(preencher == 1){ if(iStatus >= 0){ if(iStatus < 4) { iStatus++; } else { for(var i=0; i < arrayStatus.length-1; i++){ arrayStatus[i] = arrayStatus[Number(i)+Number(1)]; } } arrayStatus[iStatus] = arrayClone(arrayPartes); } } } function carregarStatus(arrayCarregar){ var permanece = 0; preenchimento_habilitado = 0; if(mudou_cor == 0){ permanece = 1; } if (esperando_desenhos == 0) { for(var i=0; i < Object.keys(arrayCarregar).length; i++){ if (Object.values(Object.keys(arrayCarregar[Object.keys(arrayCarregar)[i]])).includes('cod_modelo')) { esperando_desenhos = 1; trocaModelo($(".opcao_pers[rel='"+Object.keys(arrayCarregar)[i]+"-cod_modelo-"+arrayCarregar[Object.keys(arrayCarregar)[i]]["cod_modelo"]+"']").attr('data-tipo'), $(".opcao_pers[rel='"+Object.keys(arrayCarregar)[i]+"-cod_modelo-"+arrayCarregar[Object.keys(arrayCarregar)[i]]["cod_modelo"]+"']").attr('data-i')); } } } else { if($("#manequim").css('opacity') != 0) { var posicao_modelo = ''; } else { var posicao_modelo = '_costas'; } var nome = 0; var numero_dorso = 0; var numero_perna = 0; var num_upload; for(var i=0; i < Object.keys(arrayCarregar).length; i++){ for(var j=0; j < Object.keys(arrayCarregar[Object.keys(arrayCarregar)[i]]).length; j++){ var parte = Object.keys(arrayCarregar)[i]; var chave = Object.keys(arrayCarregar[Object.keys(arrayCarregar)[i]])[j]; var valor = arrayCarregar[Object.keys(arrayCarregar)[i]][Object.keys(arrayCarregar[Object.keys(arrayCarregar)[i]])[j]]; if (parte.indexOf("upload_") == -1 && chave != "cod_modelo") { if(chave.indexOf("nome_") != -1 && chave != "nome_cor" && chave != "nome_cor_borda"){ if(chave == "nome_texto"){ $("#ipt-texto").val(valor); $("#box_previewNome text").html(valor); } else if(chave == "nome_fonte"){ $(".lista-fontes[rel='nome'] .fonte").hide(); $(".lista-fontes[rel='nome'] .fonte[id='"+valor+"']").css("display", "list-item"); i_fonte_nome = $(".lista-fontes[rel='nome'] .fonte[id='"+valor+"']").index(); mudaFonte('nome', valor, 0); } else if(chave == "nome_fonte_tamanho"){ $("#ipt-tamNum").val(valor); tamFonte(valor); } else { $(".opcao_pers[rel='"+parte+"-"+chave+"-"+valor+"']").click(); } nome = 1; } else if(chave.indexOf("numero_") != -1 && chave != "numero_cor" && chave != "numero_cor_borda"){ if(parte == "dorso"){ if(chave == "numero_fonte"){ $(".lista-fontes[rel='numero'] .fonte").hide(); $(".lista-fontes[rel='numero'] .fonte[id='"+valor+"']").css("display", "list-item"); i_fonte_numero = $(".lista-fontes[rel='numero'] .fonte[id='"+valor+"']").index(); var num_tam = $(".lista-fontes[rel='numero'] .fonte[id='"+valor+"']").attr("rel"); mudaFonte('numero', valor, num_tam); } else if(chave == "numero_frente") { if(valor == "com"){ $(".opcao_pers[rel='dorso-numero_frente-sem']").removeClass("marcado"); $(".opcao_pers[rel='dorso-numero_frente-com']").addClass("marcado"); $("#manequim .camisa_detalhe .box_previewNumero").show(); numero_frente = 1; } else { $(".opcao_pers[rel='dorso-numero_frente-com']").removeClass("marcado"); $(".opcao_pers[rel='dorso-numero_frente-sem']").addClass("marcado"); $("#manequim .camisa_detalhe .box_previewNumero").hide(); numero_frente = 0; } } else { $(".opcao_pers[rel='"+parte+"-"+chave+"-"+valor+"']").click(); } numero_dorso = 1; } else { if(chave == "numero_fonte"){ $(".lista-fontes[rel='numero_perna'] .fonte").hide(); $(".lista-fontes[rel='numero_perna'] .fonte[id='"+valor+"']").css("display", "list-item"); i_fonte_numero_perna = $(".lista-fontes[rel='numero_perna'] .fonte[id='"+valor+"']").index(); mudaFonte('numero_perna', valor, 0); } else { $(".opcao_pers[rel='"+parte+"-"+chave+"-"+valor+"']").click(); } numero_perna = 1; } } else if(chave.indexOf("cor") != -1){ var cores_uniforme = 0; if(chave.indexOf("cor_") == 0) { var camada = chave.split("_"); var num_camada = "_"+camada[1]; cores_uniforme = 1; } else if(chave.indexOf("cor") == 0){ var num_camada = ""; cores_uniforme = 1; } else { var num_camada = chave; } if(parte == "dorso") var parte_cor = "camisa"; else if(parte == "perna") var parte_cor = "calcao"; else var parte_cor = parte; if(cores_uniforme == 1){ if (parte_cor != "meiao") { if (desenho[parte_cor][modelo_atual]["cor"+num_camada] != "0") { $('.lista_camadas[rel='+parte_cor+'] .cor_camada[rel='+num_camada+']').click(); $('.lista_camadas[rel='+parte_cor+'] .paleta_cores .cor[id-cor='+valor+']').click(); } } else { $('.lista_camadas[rel='+parte_cor+'] .cor_camada[rel='+num_camada+']').click(); $('.lista_camadas[rel='+parte_cor+'] .paleta_cores .cor[id-cor='+valor+']').click(); } } else { if (chave == "gola_cor_2") { $(".lista_camadas[rel='gola_cor'] .cor_camada").eq(1).click(); $(".lista_camadas[rel='gola_cor'] .paleta_cores .cor[id-cor='"+valor+"']").click(); } else if (chave == "gola_cor_3") { $(".lista_camadas[rel='gola_cor'] .cor_camada").eq(2).click(); $(".lista_camadas[rel='gola_cor'] .paleta_cores .cor[id-cor='"+valor+"']").click(); } else if (chave == "gola_cor_4") { $(".lista_camadas[rel='gola_cor'] .cor_camada").eq(3).click(); $(".lista_camadas[rel='gola_cor'] .paleta_cores .cor[id-cor='"+valor+"']").click(); } else if(chave == "numero_cor" || chave == "numero_cor_borda") { $('.box_cores[rel=numero_'+parte+'] .lista_camadas[rel='+chave+'] .cor_camada').click(); $('.box_cores[rel=numero_'+parte+'] .lista_camadas[rel='+chave+'] .paleta_cores .cor[id-cor='+valor+']').click(); } else if(chave == "logo_cor") { $('.box_cores[rel=logo_'+parte+'] .lista_camadas[rel='+chave+'] .cor_camada').click(); $('.box_cores[rel=logo_'+parte+'] .paleta_cores .cor[id-cor='+valor+']').click(); } else { $('.lista_camadas[rel='+chave+'] .cor_camada').eq(0).click(); $(".lista_camadas[rel='"+chave+"'] .paleta_cores .cor[id-cor='"+valor+"']").click(); } } } else { $(".opcao_pers[rel='"+parte+"-"+chave+"-"+valor+"']").click(); } } else if (parte.indexOf("upload_") == 0){ if(typeof arr_simulacao != "undefined" && num_upload != parte){ num_upload = parte; var upload = valor; $("#manequim"+chave+" .fundos").prepend(upload); $("div[id^=item_drag-], div[id^=item_drag-] *").css("pointer-events","auto"); $("div[id^=item_drag-] .ui-resizable-handle").remove(); $("div[id^=item_drag-]").removeClass(); $("div[id^=item_drag-]").addClass("imagem_drag"); } } } } iniciaFerramentasImg(); $("div[id^=item_drag-] .ui-resizable-handle").hide(); if(nome == 1){ $(".ipt-checkbox[for='ipt-nome'").addClass("ativo"); $(".lista_opcoes[rel='posicao_nome'], .personalizar_nome").removeAttr("style"); $(".previewNome").show(); } else { $(".ipt-checkbox[for='ipt-nome'").removeClass("ativo"); $(".lista_opcoes[rel='posicao_nome'], .personalizar_nome").css({"pointer-events":"none", "opacity":"0.7"}); $(".previewNome").hide(); } if(numero_dorso == 1){ $(".ipt-checkbox[for='ipt-numero'").addClass("ativo"); $(".box_selecao[rel='numero_frente'] .selecao, .personalizar_numero").removeAttr("style"); $("#manequim_costas .camisa_detalhe .box_previewNumero").show(); } else { $(".ipt-checkbox[for='ipt-numero'").removeClass("ativo"); $(".box_selecao[rel='numero_frente'] .selecao, .personalizar_numero").css({"pointer-events":"none", "opacity":"0.7"}); $(".camisa_detalhe .box_previewNumero").hide(); } if(numero_perna == 1){ $(".ipt-checkbox[for='ipt-numero_perna'").addClass("ativo"); $(".lista_opcoes[rel='posicao_numero'], .personalizar_numero_perna").removeAttr("style"); } else { $(".ipt-checkbox[for='ipt-numero_perna'").removeClass("ativo"); $(".lista_opcoes[rel='posicao_numero'], .personalizar_numero_perna").css({"pointer-events":"none", "opacity":"0.7"}); } if($("#manequim"+posicao_modelo).css('opacity') == 0) { $("#girar-manequim").click(); } if(permanece == 1){ mudou_cor = 0; } if (desenhos_esperados == desenhos_carregados) { preenchimento_habilitado = 1; esperando_desenhos = 0; } // FECHAR PALETA DE CORES $(".lista_camadas .cor_camada").removeClass("camada_ativa"); $(".lista_camadas .paleta_cores").removeClass("ativo"); } } function arrayClone(arr) { var output, v, key; output = Array.isArray(arr) ? [] : {}; for (key in arr) { v = arr[key]; output[key] = (typeof v === "object" && v !== null) ? arrayClone(v) : v; } return output; } function alterarArrayAtual(acao,atributo,dest) { if(typeof dest == "undefined"){ parte_uniforme = "dorso"; } else { if(dest == "camisa") parte_uniforme = "dorso"; else if(dest == "calcao") parte_uniforme = "perna"; else parte_uniforme = dest; } if(acao == 1) { // adicionar informações for (var key in arrayTemp) { if(key.indexOf(atributo) == 0 || key == atributo){ arrayStatus[iStatus][parte_uniforme][key] = arrayTemp[key]; } } } else if(acao == 0) { // remover informações for (var key in arrayStatus[iStatus][parte_uniforme]) { if(key.indexOf(atributo) == 0 || key == atributo){ arrayTemp[key] = arrayStatus[iStatus][parte_uniforme][key]; delete arrayStatus[iStatus][parte_uniforme][key]; } } } arrayPartes = arrayClone(arrayStatus[iStatus]); } function atualizaCadastro(){ var nome = $(".swal-content").contents().find('#nomeCliente').val(); var telefone = $(".swal-content").contents().find('#telefoneCliente').val(); var cidade = $(".swal-content").contents().find('#cidadeCliente').val(); var estado = $(".swal-content").contents().find('#estadoCliente').val(); if(nome != '' && telefone != '' && cidade != '' && estado != ''){ $.post('/simulador/includes/atualizarCadastro.php', { acao: 'atualizar_dados', nome: nome, telefone: telefone, cidade: cidade, estado: estado }, function(retorno) { if(retorno == 'ok') { location.reload(); } else if(retorno == 'erro') { $('.erro').show(); } }); } else { } return false; } function trocaEmail(){ var senha = $(".swal-content").contents().find('#senhaConfirmacao').val(); var novo_email = $(".swal-content").contents().find('#emailNovo').val(); if((senha.length === 0 || !senha.trim()) && (novo_email.length === 0 || !novo_email.trim())){ $('.erro').html("Preencha corretamente os campos").show(); } else { $.post('/simulador/includes/atualizarCadastro.php', { acao: 'atualizar_email', senha_atual: senha, novo_email: novo_email }, function(retorno) { if(retorno == 'ok') { $('.erro').html(""); swal.close(); location.reload(); } else if(retorno == 'erro') { $('.erro').html("Senha incorreta").show(); } }); } return false; } function trocaSenha(){ var senha_atual = $(".swal-content").contents().find('#senhaAtual').val(); var nova_senha = $(".swal-content").contents().find('#senhaNova').val(); var nova_senha_confirmacao = $(".swal-content").contents().find('#senhaNova-2').val(); if((senha_atual.length === 0 || !senha_atual.trim()) || (nova_senha.length === 0 || !nova_senha.trim())){ $('.erro').html("Preencha corretamente os campos").show(); } else if(nova_senha != nova_senha_confirmacao){ $('.erro').html("Senhas não batem").show(); } else { $.post('/simulador/includes/atualizarCadastro.php', { acao: 'atualizar_senha', senha_atual: senha_atual, nova_senha: nova_senha }, function(retorno) { if(retorno == 'ok') { $('.erro').html(""); swal.close(); mensagem("", "Senha alterado com sucesso!", "success"); } else if(retorno == 'erro') { $('.erro').html("Senha incorreta").show(); $("#senhaAtual").focus(); } }); } return false; } function alterarEmail(){ swal.close(); var span = document.createElement("div"); span.innerHTML = "
    "+$("#painel-alterar_email").html()+"
    "; mensagem("",span,"html"); } function alterarSenha(){ swal.close(); var span = document.createElement("div"); span.innerHTML = "
    "+$('#painel-alterar_senha').html()+"
    "; mensagem("",span,"html"); } function fecharPainel(){ swal.close(); } function abrirMensagem(conteudo){ var span = document.createElement("div"); span.innerHTML = conteudo; mensagem("",span,"html"); } function logout(){ window.location.href = "/simulador/includes/logout.php"; } $.fn.isInViewport = function() { var elementTop = $(this).offset().top; var elementBottom = elementTop + $(this).outerHeight(); var viewportTop = $(window).scrollTop(); var viewportBottom = viewportTop + $(window).height(); return elementBottom > viewportTop && elementTop < viewportBottom; }; var debounce = function (func, wait, immediate) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if (!immediate) func.apply(context, args); }; var callNow = immediate && !timeout; clearTimeout(timeout); timeout = setTimeout(later, wait); if (callNow) func.apply(context, args); }; }; function carregaGolas() { $.get("/simulador/img/manequim/svg/_.svg").done(function(data){ var data_svg = document.importNode(data.documentElement,true); var data_svg_costas = document.importNode(data.documentElement,true); $("#manequim .fundos .engloba_camisa").prepend(data_svg); // usar svg frente para costas }); $.get("/simulador/img/manequim/svg/__costas.svg", function(data){ var data_svg_costas = document.importNode(data.documentElement,true); $("#manequim_costas .fundos .engloba_camisa").prepend(data_svg_costas); }); } // INÍCIO $(document).ready(function (){ c = document.getElementById('jogo_de_camisa'); c2 = document.getElementById('jogo_de_camisa_costas'); ctx['jogo_de_camisa'] = c.getContext('2d'); ctx['jogo_de_camisa_costas'] = c2.getContext('2d'); $('#aguarde').show(); var isMobile = 'ontouchstart' in window; var iOS = !!navigator.platform && /iPad|iPhone|iPod/.test(navigator.platform); if ( isMobile == true ) { $("ul").each(function(){ if ($(this).css("overflow-y") == "scroll" && $(this).find("li").length > 4) { $(this).css("-webkit-overflow-scrolling", "touch"); $(this).addClass("mobile"); $(this).before("
    "); $(this).after("
    "); } }); $(".setas_scroll .baixo").click(function (){ var rel_lista = $(this).parent().attr("rel"); $("ul[rel='"+rel_lista+"']").animate( { scrollTop: '+=135' }, 500, 'linear' ); }); $(".setas_scroll .cima").click(function (){ var rel_lista = $(this).parent().attr("rel"); $("ul[rel='"+rel_lista+"']").animate( { scrollTop: '-=135' }, 500, 'linear' ); }); $("ul").scroll(function(element) { if ($(this).scrollTop() > 0) { $(this).parent().find(".setas_scroll[rel='"+$(this).attr("rel")+"'] .cima").parent().addClass("ativo"); } else { $(this).parent().find(".setas_scroll[rel='"+$(this).attr("rel")+"'] .cima").parent().removeClass("ativo"); } }); } window.history.pushState(null, "", window.location.href); window.onpopstate = function() { $('.bt_fechar-visualizar').click(); $('.swal-button').click(); window.history.pushState(null, "", window.location.href); }; if(goleiro == 1) { $("#box_manequim").css("padding","0 20px"); $("#bt_orcamento, #bt_orcamento_2").html("Finalizar Orçamento"); if($(window).width() >= 479) { var span = document.createElement("div"); span.innerHTML = ""; mensagem("",span,"html"); } else { var span = document.createElement("div"); span.innerHTML = "
    "+$('#box_goleiro').html()+"
    "; mensagem("",span,"html"); } $(".box_previewNumero, .previewNumero").html('1'); } $("#login_mobile").on('click touchend',function(e){ e.preventDefault(); abrirForm('login'); }); // Botão orçamento flutuante $(window).scroll(function () { if ($(this).width() < 1024) { (($(this).scrollTop() > 80)) ? $('#topo #menu, #meio').addClass('fixo') : $('#topo #menu, #meio').removeClass('fixo'); } else { (($(this).scrollTop() > 95)) ? $('#bt_orcamento_2').css('display','flex') : $('#bt_orcamento_2').hide(); } }); var lastScrollLeft = 0; $(".lista_modalidades").scroll(function(element) { var documentScrollLeft = $(this).scrollLeft(); var totalScrollLeft = documentScrollLeft + $(this)[0].clientWidth; if (lastScrollLeft != documentScrollLeft) { lastScrollLeft = documentScrollLeft; } if (totalScrollLeft >= $(this)[0].scrollWidth) { $("#lista_modalidades .seta_direita, .modalidades .seta_direita").addClass("inativo"); } else { $("#lista_modalidades .seta_direita, .modalidades .seta_direita").removeClass("inativo"); } if (lastScrollLeft > 0) { $("#lista_modalidades .seta_esquerda, .modalidades .seta_esquerda").removeClass("inativo"); } else { $("#lista_modalidades .seta_esquerda, .modalidades .seta_esquerda").addClass("inativo"); } }); $("#lista_modalidades .seta_esquerda, .modalidades .seta_esquerda").click(function (){ $('.lista_modalidades').animate( { scrollLeft: '-=135' }, 1000, 'easeOutQuad' ); }); $("#lista_modalidades .seta_direita, .modalidades .seta_direita").click(function (){ $('.lista_modalidades').animate( { scrollLeft: '+=135' }, 1000, 'easeOutQuad' ); }); $(".outros_simulador").click(function (){ $("#bt-trocar_modalidade").click(); }); $('body').css('cursor','wait'); preloadimages(preparar()); if (num_modalidades > 1) { $(".modalidades").scroll(function(){ $(".modalidades li a").removeClass("selecionado"); $(".modalidades li div").removeClass("ativo"); }); } else { $('#box_modalidades').remove(); } $(".modalidades li a[rel='"+esporte+"']").addClass("escolhido").addClass("ativo"); $(".modalidades li a[rel='"+esporte+"']").parent().prependTo(".lista_modalidades"); $("#opcoes_modalidades li."+esporte+ " a").attr("href","javascript:void(0);"); $(".modalidades li a[rel='"+esporte+"']").removeAttr("href"); $(document).on('click touchend', "#opcoes_modalidades li."+esporte+ " a", function(e) { e.preventDefault(); swal.close(); }); $(".modalidades li a").hover(function() { $(this).addClass("ativo"); }, function() { if(!$(this).hasClass("escolhido")) $(this).removeClass("ativo"); }); $("#bt-trocar_modalidade").on('click touchend',function(e){ e.preventDefault(); mudaQuadro(1); abrirMensagem('
    '+$('#trocar_modalidade').html()+'
    '); $(".swal-button").remove(); }); if (mostrar_detalhes == 1) { $.get("/simulador/img/manequim/manequim__detalhe.png", function(data){ $('#manequim .detalhe').prepend(""); }); $.get("/simulador/img/manequim/manequim__detalhe_costas.png", function(data){ $('#manequim_costas .detalhe').prepend(""); }); } if (mostrar_escudo == 1) { $.get("/simulador/img/manequim/svg/escudo.svg", function(data){ var data_svg = document.importNode(data.documentElement,true); $(".escudo_camisa, .escudo_calcao").prepend(data_svg); }); } else { $(".escudo_camisa, .escudo_calcao").remove(); } carregaGolas(); $.get("/simulador/img/manequim/svg/__detalhe.svg?v=2", function(data){ var data_svg = document.importNode(data.documentElement,true); var data_svg_costas = document.importNode(data.documentElement,true); $("#manequim .fundos .engloba_camisa").prepend(data_svg); // usar svg de detalhe para costas $.get("/simulador/img/manequim/svg/__detalhe_costas.svg", function(data){ var data_svg_costas = document.importNode(data.documentElement,true); $("#manequim_costas .fundos .engloba_camisa").prepend(data_svg_costas); }); if(esporte == "pesca" || esporte == "motocross") { $("#manequim .camisa_detalhe").css('top', '0px');; $("#manequim .fundos .camisa").css('zoom', '1').css('top', '0px').css('left', '0px'); } }); if ("" != "") { $.get("/simulador/img/manequim/svg/_.svg", function(data){ var data_svg = document.importNode(data.documentElement,true); var data_svg_costas = document.importNode(data.documentElement,true); $("#manequim .fundos .engloba_calcao").prepend(data_svg); // usar svg frente para costas }); $.get("/simulador/img/manequim/svg/__costas.svg", function(data){ var data_svg_costas = document.importNode(data.documentElement,true); $("#manequim_costas .fundos .engloba_calcao").prepend(data_svg_costas); }); $.get("/simulador/img/manequim/svg/__detalhe.svg", function(data){ var data_svg = document.importNode(data.documentElement,true); var data_svg_costas = document.importNode(data.documentElement,true); $("#manequim .fundos .engloba_calcao").prepend(data_svg); // usar svg de detalhe para costas // carregar svg de detalhe para costas $.get("/simulador/img/manequim/svg/__detalhe_costas.svg", function(data){ var data_svg_costas = document.importNode(data.documentElement,true); $("#manequim_costas .fundos .engloba_calcao").prepend(data_svg_costas); }); }); } if (mostrar_meiao == 1) { if ($(".engloba_meiao").css("display") != "none") { $.get("/simulador/img/manequim/svg/_meiao_frente.svg", function(data){ var data_svg = document.importNode(data.documentElement,true); $("#manequim .fundos .engloba_meiao").prepend(data_svg); }); $.get("/simulador/img/manequim/svg/_meiao_costas.svg", function(data){ var data_svg = document.importNode(data.documentElement,true); $("#manequim_costas .fundos .engloba_meiao").prepend(data_svg); }); } } var aux_parte; var aux_chave; var aux_valor; $(document).on('click touchend', '.opcao_pers', function(e) { e.preventDefault(); if (site_carregado == 1) { aviso_fechar = 1; } if($(window).width() < 1024){ $("#box_edicao .bt_fechar").click(); } var rel_parte = $(this).attr('rel').split('-'); var click_igual; if(((rel_parte[0] == aux_parte && rel_parte[1] == aux_chave && rel_parte[2] == aux_valor) || $(this).hasClass('ativo')) && preenchimento_habilitado == 1 && !$(this).hasClass('selecao')){ click_igual = 1; } else click_igual = 0; if(preenchimento_habilitado == 1 && click_igual == 0){ $(this).addClass("ativo"); if(Object.keys(arrayStatus).length >= 1 && preenchimento_modelo == 0) { $("#voltar").removeClass("desativado"); } if(rel_parte[1] == 'escudo'){ if(rel_parte[2] == 'esquerda') { var posicao_logo = "direita"; var posicao_numero_perna = "direita"; } else if(rel_parte[2] == 'esquerda_2' || rel_parte[2] == 'esquerda_3') { var posicao_logo = "direita_cima"; } else if(rel_parte[2] == 'direita') { var posicao_logo = "esquerda"; var posicao_numero_perna = "esquerda"; } else if(rel_parte[2] == 'centro') { var posicao_logo = "centro"; } if(rel_parte[0] == "perna" && $(".engloba_calcao .previewNumero").length > 0) { preencheAtributo(rel_parte[0],"numero",posicao_numero_perna,0); } if(rel_parte[0] == "dorso" && $(".engloba_camisa #escudo_camisa_pers").length > 0 || rel_parte[0] == "perna" && $(".engloba_calcao #escudo_camisa_pers").length > 0){ if(rel_parte[0] == "dorso" && $(".engloba_camisa .logo").length > 0) { preencheAtributo(rel_parte[0],"logo",posicao_logo,0); } if(rel_parte[0] == "perna" && $(".engloba_calcao .logo").length > 0) { preencheAtributo(rel_parte[0],"logo",posicao_logo,0); } if(preenchimento_modelo == 1){ preencheAtributo(rel_parte[0],rel_parte[1],rel_parte[2],0); } else { preencheAtributo(rel_parte[0],rel_parte[1],rel_parte[2],1); } } else if(rel_parte[0] == "dorso" && $(".engloba_camisa .logo").length > 0) { preencheAtributo(rel_parte[0],"logo",posicao_logo,1); } else if(rel_parte[0] == "perna" && $(".engloba_calcao .logo").length > 0) { preencheAtributo(rel_parte[0],"logo",posicao_logo,1); } else if(rel_parte[0] == "perna" && $(".engloba_calcao .box_previewNumero").length > 0) { preencheAtributo(rel_parte[0],"numero",posicao_numero_perna,1); } } else if(rel_parte[1] == 'numero_frente' && rel_parte[2] == 'com'){ $("#manequim .camisa_detalhe .box_previewNumero").toggle(); if($("#manequim .camisa_detalhe .box_previewNumero").css("display") == "none"){ preencheAtributo("dorso","numero_frente","sem",1); } else { preencheAtributo("dorso","numero_frente","com",1); } } else if(rel_parte[1].indexOf("patrocinio_") != "-1"){ if(rel_parte[1] == 'patrocinio_cima' && rel_parte[2] == 'com'){ if($("#manequim_costas .previewNome").html() == ""){ $('#manequim_costas .patrocinio').toggle(); } if($("#manequim_costas .patrocinio").css("display") == "none"){ preencheAtributo("dorso","patrocinio_cima","sem",1); } else { preencheAtributo("dorso","patrocinio_cima","com",1); } } else if(rel_parte[1] == 'patrocinio_frente' && rel_parte[2] == 'com'){ if($("#manequim .camisa_detalhe .box_previewNumero").css("display") != "none"){ $("#manequim .patrocinio") .css("transform","translate("+patrocinio_camisa_frente_baixo_x+"px,"+patrocinio_camisa_frente_baixo_y+"px)") .attr("transform","translate("+patrocinio_camisa_frente_baixo_x+","+patrocinio_camisa_frente_baixo_y+")"); } else { $("#manequim .patrocinio") .css("transform","translate("+patrocinio_camisa_frente_x+"px,"+patrocinio_camisa_frente_y+"px)") .attr("transform","translate("+patrocinio_camisa_frente_x+","+patrocinio_camisa_frente_y+")"); } $("#manequim .patrocinio").toggle(); if($("#manequim .patrocinio").css("display") == "none"){ preencheAtributo("dorso","patrocinio_frente","sem",1); } else { preencheAtributo("dorso","patrocinio_frente","com",1); } } else if(rel_parte[1] == 'patrocinio_baixo' && rel_parte[2] == 'com'){ $("#manequim_costas .patrocinio2").toggle(); if($("#manequim_costas .patrocinio2").css("display") == "none"){ preencheAtributo("dorso","patrocinio_baixo","sem",1); } else { preencheAtributo("dorso","patrocinio_baixo","com",1); } } } else if(rel_parte[1] == "punho" && preenchimento_inicial == 0){ if(preenchimento_modelo == 1){ preencheAtributo(rel_parte[0],rel_parte[1],rel_parte[2],0); arrayStatus[iStatus] = arrayClone(arrayPartes); if(rel_parte[2] == "sem"){ alterarArrayAtual(0,"punho_cor"); } } else { preencheAtributo(rel_parte[0],rel_parte[1],rel_parte[2],1); if(rel_parte[2] == "sem"){ alterarArrayAtual(0,"punho_cor"); } else if(rel_parte[2] == "com"){ alterarArrayAtual(1,"punho_cor"); } } } else if(rel_parte[1] == 'cod_modelo') { $(".lista_modelos li").removeClass("ativo"); $(this).addClass("ativo"); if(rel_parte[0] == "dorso"){ modelo_atual = $(".modelos_dorso .opcao_pers[rel='dorso-cod_modelo-"+rel_parte[2]+"']").attr("data-i"); $(".camisa .cod_modelo").html(modelo_atual); if(preenchimento_inicial == 0){ preencheAtributo(rel_parte[0],rel_parte[1],rel_parte[2],1); if(travado == 1){ var eq = $(this).index(); var rel_eq = $(".modelos_perna .opcao_pers").eq(eq).attr("rel"); var parte_eq = rel_eq.split('-'); preencheAtributo(parte_eq[0],parte_eq[1],parte_eq[2],0); } arrayStatus[iStatus] = arrayClone(arrayPartes); trocaModelo($(this).attr('data-tipo'), $(this).attr('data-i')); } else { if(travado == 1){ var eq = $(this).index(); var rel_eq = $(".modelos_perna .opcao_pers").eq(eq).attr("rel"); var parte_eq = rel_eq.split('-'); preencheAtributo(parte_eq[0],parte_eq[1],parte_eq[2],0); } preencheAtributo(rel_parte[0],rel_parte[1],rel_parte[2],1); } } else if(rel_parte[0] == "perna"){ modelo_atual = $(".modelos_dorso .opcao_pers[rel='perna-cod_modelo-"+rel_parte[2]+"']").attr("data-i"); $(".calcao .cod_modelo").html(modelo_atual); if(preenchimento_inicial == 0){ preencheAtributo(rel_parte[0],rel_parte[1],rel_parte[2],1); if(travado == 1){ var eq = $(this).index(); var rel_eq = $(".modelos_dorso .opcao_pers").eq(eq).attr("rel"); var parte_eq = rel_eq.split('-'); preencheAtributo(parte_eq[0],parte_eq[1],parte_eq[2],0); } arrayStatus[iStatus] = arrayClone(arrayPartes); trocaModelo($(this).attr('data-tipo'), $(this).attr('data-i')); } else { if(travado == 1){ var eq = $(this).index(); var rel_eq = $(".modelos_dorso .opcao_pers").eq(eq).attr("rel"); var parte_eq = rel_eq.split('-'); preencheAtributo(parte_eq[0],parte_eq[1],parte_eq[2],0); } preencheAtributo(rel_parte[0],rel_parte[1],rel_parte[2],1); } } else if(rel_parte[0] == "meiao"){ modelo_atual = $(".modelos_meiao .opcao_pers[rel='meiao-cod_modelo-"+rel_parte[2]+"']").attr("data-i"); $(".meiao .cod_modelo").html(modelo_atual); // preencheAtributo(rel_parte[0],rel_parte[1],rel_parte[2],1); if(preenchimento_inicial == 0){ preencheAtributo(rel_parte[0],rel_parte[1],rel_parte[2],1); if(travado == 1){ var eq = $(this).index(); var rel_eq = $(".modelos_meiao .opcao_pers").eq(eq).attr("rel"); var parte_eq = rel_eq.split('-'); preencheAtributo(parte_eq[0],parte_eq[1],parte_eq[2],0); } arrayStatus[iStatus] = arrayClone(arrayPartes); trocaModelo($(this).attr('data-tipo'), $(this).attr('data-i')); } } } else if(preenchimento_modelo == 1){ preencheAtributo(rel_parte[0],rel_parte[1],rel_parte[2],0); arrayStatus[iStatus] = arrayClone(arrayPartes); } else { if (preenchimento_inicial == 0 && rel_parte[1] == "nome") { if($("#ipt-texto").val() == "") { $("#ipt-texto").val("JOGADOR"); $(".previewNome").html("JOGADOR"); preencheAtributo(rel_parte[0],"nome_texto","JOGADOR",0); } } preencheAtributo(rel_parte[0],rel_parte[1],rel_parte[2],1); } aux_parte = rel_parte[0]; aux_chave = rel_parte[1]; aux_valor = rel_parte[2]; } }); // voltar e avançar $("#voltar").click(function (){ esperando_desenhos = 0; if(iStatus > 0){ iStatus = parseInt(iStatus) - parseInt(1); if(iStatus > 0) $(this).removeClass("desativado"); else $(this).addClass("desativado"); $("#avancar").removeClass("desativado"); carregarStatus(arrayStatus[iStatus]); } else { $(this).addClass("desativado"); } aux_parte = ''; aux_chave = ''; aux_valor = ''; }); $("#avancar").click(function (){ esperando_desenhos = 0; if(iStatus < Object.keys(arrayStatus).length-1){ iStatus = parseInt(iStatus) + parseInt(1); if(iStatus < Object.keys(arrayStatus).length-1) $(this).removeClass("desativado"); else $(this).addClass("desativado"); $("#voltar").removeClass("desativado"); carregarStatus(arrayStatus[iStatus]); } else { $(this).addClass("desativado"); } }); $(document).on('click touchend', '.remover-img', function(e) { e.preventDefault(); selecionado_img = $(this).parent().attr('id').replace('item_drag-', ''); mensagem("","Tem certeza que deseja excluir?","", function(r) { if(r) { $.get("procedimentos/removeimg.php?i="+selecionado_img, function(data){ if(data != '') mensagem("","Imagem não pôde ser excluída.","error"); else mensagem("","Imagem foi excluída.","success"); }); $("#item_drag-"+selecionado_img).remove(); $(this).parent().hide(); atualizaCamadas(); } else { return false; } }); }); var rejeitar = new Array ({msie: true, safari: true, edge: true, firefox: true}); if (navigator.userAgent.search("Edge") >= 0){ rejeitar = new Array ({msie: true, safari: true, edge: true, firefox: true, chrome: true}); } $.reject({ reject: rejeitar[0], display: ['chrome','opera'], // Displays only firefox, chrome, and opera header: 'Seu navegador não é suportado', // Header Text paragraph1: 'Você está usando um navegador não suportado.', // Paragraph 1 paragraph2: 'Por favor, instale um dos navegadores abaixo para seguir no site.', closeMessage: ' ', // Message below close window link closeLink: 'Fechar aviso', beforeClose: function() { window.location.href = '/simulador/'; } }); $("#img_goleiro").on('click touchend',function(e){ e.preventDefault(); swal.close(); }); $("#box_goleiro button").on('click touchend',function(e){ e.preventDefault(); swal.close(); }); $("#nome_membro span, #nome_membro svg").on('click touchend',function(e){ e.preventDefault(); var span = document.createElement("div"); span.innerHTML = "
    "+$("#painel_cliente").html()+"
    "; mensagem("",span,"html"); }); $("#bt_orcamento, #bt_orcamento_2").on('click touchend',function(e){ $("#site").css("pointer-events","none"); $('#aguarde').show("fast", function() { setTimeout(function(){ salvarImagem('', '', 1, 0, 0); salvarImagem('costas', '', 1, 0, 0); },500); }); }); $('#manequim, #manequim_costas').on('mouseenter touchstart', function(e){ habilitaFerramentasImg(); e.stopPropagation(); }).on('mouseleave touchend', function(e){ desabilitaFerramentasImg(); e.stopPropagation(); }); $("#bt_salvar, #bt_simulacoes, #ico-menu").click(function(e){ e.stopPropagation(); $(this).toggleClass("ativo"); $(this).find(".menu_oculto").toggle(); }); $(".menu_oculto").click(function(e){ e.stopPropagation(); }); $(".paleta_cores .cor[alt='colorido']").remove(); $(".opcoes_texto .cor_camada").on('click touchend',function(e){ e.preventDefault(); $(".cor_camada").not($(this)).parent().find(".paleta_cores").removeClass("ativo"); }); $(".cor_camada, .paleta_cores").click(function(e){ e.stopPropagation(); }); $(".modalidade-icone, .modalidades li div").click(function(e){ e.stopPropagation(); }); $(document).click(function(e) { if(e.target.className !== "menu_oculto") { $("#bt_salvar, #bt_simulacoes, #ico-menu").removeClass("ativo"); $(".menu_oculto").hide(); } if(e.target.className !== "cor_camada" || e.target.className !== "paleta_cores") { $(".cor_camada").removeClass("camada_ativa"); $(".paleta_cores").removeClass("ativo"); } if(e.target.className !== "modalidade-icone") { $(".modalidades li div").removeClass("ativo"); $(".modalidades li a").removeClass("selecionado"); } }); $(".salvar-armario").on('click touchend',function(e){ e.preventDefault(); $("#site").css("pointer-events","none"); $('#aguarde').show("fast", function() { setTimeout(function(){ salvarImagem('', '', 0, 1, 0); salvarImagem('costas', '', 0, 1, 0); },500); }); }); $(".salvar-computador").on('click touchend',function(e){ e.preventDefault(); $("#site").css("pointer-events","none"); $('#aguarde').show("fast", function() { setTimeout(function(){ salvarImagem('', '', 0, 0, 1); salvarImagem('costas', '', 0, 0, 1); },500); }); }); $(".salvar-fundo").on('click touchend',function(e){ e.preventDefault(); $("#site").css("pointer-events","none"); $('#aguarde').show("fast", function() { setTimeout(function(){ var fundo = $("#meio").css("background-image").replace(/(url\(|\)|")/g, ''); link = document.createElement('a'); link.setAttribute('download', 'Fundo.jpg'); link.setAttribute('href', fundo); link.click(); $('#aguarde').hide("fast"); },500); }); }); var clicado; $("#bt_visualizar").on('click touchend',function(e){ e.preventDefault(); if(clicado != 1){ clicado = 1; abrirVisualizacao(); } }); $(".bt_fechar-visualizar").on('click touchend',function(e){ e.preventDefault(); clicado = 0; $("#box_visualizar .simulacao img").remove(); $("#box_visualizar").hide(); var url = location.href.split("/jogo-de-camisa"); if (goleiro == 1) { window.history.pushState('', '', url[0]+'/'+esporte+'?goleiro=1'); } else { window.history.pushState('', '', url[0]+'/'+esporte); } }); $(".bt_compartilhar").on('click touchend',function(e){ e.preventDefault(); $(this).parent().toggleClass("ativo"); $(this).parent().find(".redes_compartilhar").toggleClass("ativo"); }); $(".opcao_edicao").on("click", function(){ $(this).parent().find(".opcao_edicao").removeClass("ativo"); $(this).addClass("ativo"); if($(this).attr('rel').match("^texto_")){ $("#conteudo_edicao .opcoes_texto").removeClass("ativo"); } else { $("."+$(this).parent().attr("rel")+" .lista_opcoes, ."+$(this).parent().attr("rel")+" .box_cores, ."+$(this).parent().attr("rel")+" .lista_modelos, ."+$(this).parent().attr("rel")+" .setas_scroll").removeClass("ativo"); } $("#conteudo_edicao ."+$(this).attr("rel")).addClass("ativo"); $(".setas_scroll[rel='"+$(this).attr("rel")+"'] .baixo").parent().addClass("ativo"); if ($("ul[rel='"+$(this).attr("rel")+"']").scrollTop() > 0) { $(".setas_scroll[rel='"+$(this).attr("rel")+"'] .cima").parent().addClass("ativo"); } }); $(".lista_modelos").on("scroll", debounce(function() { var rel = $(this).attr("rel"); var time = 0; $(".lista_modelos[rel='"+rel+"'] li img[src='']").each(function(index, element) { if ($(this).isInViewport()) { setTimeout(function() { $(element).attr('src', $(element).attr('data-src')); }, time); time += 1000; } }); }, 1000)); $(document).on('click touchend', '.opcao', function(e) { e.preventDefault(); if($(this).parent().attr("id") == "lista_edicao"){ if($(this).hasClass("ativo")){ $(this).parent().find(".opcao").removeClass("ativo"); $("#box_manequim, .box_contato").removeClass("inativo"); $("#box_edicao").css("opacity","0").css("pointer-events","none"); } else { $(this).parent().find(".opcao").removeClass("ativo"); $(this).addClass("ativo"); $("#box_manequim, .box_contato").addClass("inativo"); $("#box_edicao").css("opacity","1").css("pointer-events","auto"); } } else if($(this).parent().attr("rel") != "patrocinio"){ $(this).parent().find(".opcao").removeClass("ativo"); $(this).addClass("ativo"); } if($(this).is("[rel]")) { var rel_mostrar = $(this).attr('rel'); if(rel_mostrar.indexOf("edicao_") != -1){ var array = rel_mostrar.split('_'); var inicio_rel = array[0]; $("div[class^="+inicio_rel+"_]").removeClass("ativo"); var ativo; $("."+rel_mostrar+" .opcao").each(function(){ if($(this).hasClass("ativo")){ ativo = 1; } }); if(ativo != 1) $("div[rel="+rel_mostrar+"] .opcao").first().click(); $("."+rel_mostrar).addClass("ativo"); } } }); $(".selecao").on('click touchend',function(e){ e.preventDefault(); var opcao = $(this).attr("rel").split('-'); if(!(opcao[1] == "numero_frente" || opcao[1] == "numero")){ $(".box_selecao").find(".selecao[rel*='"+opcao[1]+"']").removeClass("marcado"); $(this).toggleClass("marcado"); } else { $(".box_selecao").find(".selecao[rel='"+opcao[1]+"']").removeClass("marcado"); $(this).toggleClass("marcado"); } if($(this).parent().attr("rel") == "numero_frente"){ if($("#manequim_costas").css('opacity') != 0) { $('#girar-manequim').click(); } if(opcao[2] == "com"){ if(preenchimento_habilitado == 0){ $("#manequim .camisa_detalhe .box_previewNumero").show(); } else if($("#manequim .camisa_detalhe .box_previewNumero").css("display") != "none"){ $(".opcao_pers[rel='dorso-numero_frente-com']").removeClass('marcado'); } } else if(opcao[2] == "sem"){ $("#manequim .camisa_detalhe .box_previewNumero").hide(); } } else if($(this).parent().attr("rel") == "numero"){ if(opcao[2] == "com"){ $("#manequim_costas .box_previewNumero").show(); } else if(opcao[2] == "sem"){ $("#manequim_costas .box_previewNumero").hide(); } } else if($(this).parent().attr("rel") == "patrocinio"){ if(opcao[1] == "patrocinio_cima" && opcao[2] == "com") { if($("#manequim").css('opacity') != 0) { $('#girar-manequim').click(); } if(preenchimento_habilitado == 0){ $("#manequim_costas .patrocinio").show(); } else if($("#manequim_costas .patrocinio").css("display") != "none"){ $(".opcao_pers[rel='dorso-patrocinio_cima-com']").removeClass('marcado'); } } else if(opcao[1] == "patrocinio_cima" && opcao[2] == "sem") { if($("#manequim").css('opacity') != 0) { $('#girar-manequim').click(); } $("#manequim_costas .patrocinio").hide(); } else if(opcao[1] == "patrocinio_frente" && opcao[2] == "com") { if($("#manequim_costas").css('opacity') != 0) { $('#girar-manequim').click(); } if(preenchimento_habilitado == 0){ $("#manequim .patrocinio").show(); } else if($("#manequim .patrocinio").css("display") != "none"){ $(".opcao_pers[rel='dorso-patrocinio_frente-com']").removeClass('marcado'); } } else if(opcao[1] == "patrocinio_frente" && opcao[2] == "sem") { if($("#manequim_costas").css('opacity') != 0) { $('#girar-manequim').click(); } $("#manequim .patrocinio").hide(); } else if(opcao[1] == "patrocinio_baixo" && opcao[2] == "com") { if($("#manequim").css('opacity') != 0) { $('#girar-manequim').click(); } if(preenchimento_habilitado == 0){ $("#manequim_costas .patrocinio2").show(); } else if($("#manequim_costas .patrocinio2").css("display") != "none"){ $(".opcao_pers[rel='dorso-patrocinio_baixo-com']").removeClass('marcado'); } } else if(opcao[1] == "patrocinio_baixo" && opcao[2] == "sem") { if($("#manequim").css('opacity') != 0) { $('#girar-manequim').click(); } $("#manequim_costas .patrocinio2").hide(); } if ($(".opcao_pers[rel='dorso-patrocinio_cima-com']").hasClass("marcado") && $(".opcao_pers[rel='dorso-patrocinio_frente-com']").hasClass("marcado") && $(".opcao_pers[rel='dorso-patrocinio_baixo-com']").hasClass("marcado")) { $(".ipt-checkbox[for='ipt-patrocinio']").addClass("ativo"); $("#ipt-patrocinio").prop("checked", true); } else if ($(".ipt-checkbox[for='ipt-patrocinio']").hasClass("ativo")) { $(".ipt-checkbox[for='ipt-patrocinio']").removeClass("ativo"); $("#ipt-patrocinio").prop("checked", false); } } }); $(".bt_fechar").on('click touchend',function(e){ e.preventDefault(); $("#box_edicao").css("opacity","0").css("pointer-events","none"); $("#lista_edicao li").removeClass("ativo"); $("#box_manequim, .box_contato").removeClass("inativo"); }); $(".ipt-checkbox").on('click touchend',function(e){ e.preventDefault(); $(this).toggleClass("ativo"); $("#"+$(this).attr('for')).trigger('click'); if($("#"+$(this).attr('for')).is(":checked")) { $("#"+$(this).attr('for')).prop("checked", false); } else { $("#"+$(this).attr('for')).prop("checked", true); } }); $("#ipt-sincronizar").on('click touchend',function(e){ e.preventDefault(); if($(this).prop("checked")){ travado = 1; } else { travado = 0; } $(".bloqueio").toggleClass("desbloqueio"); }); $("input[id^='ipt-escudo_']").on('click touchend',function(e){ e.preventDefault(); $(this).prop('checked', this.checked); var rel = $(this).attr("name"); if (rel.indexOf("camisa") != -1) { var parte = "dorso"; } else if (rel.indexOf("calcao") != -1) { var parte = "perna"; } else if (rel.indexOf("meiao") != -1) { var parte = "meiao"; } if($(this).prop("checked")){ $("."+rel).show(); $("label[rel='"+rel+"']").addClass("ativo"); if($("#"+rel).val() != "") { $(".lista_opcoes[rel='"+rel+"'] .opcao_pers[rel='"+parte+"-escudo-"+$("#"+rel).val()+"']").click(); } else { $(".lista_opcoes[rel='"+rel+"'] .opcao_pers").eq(1).click(); } } else { $("."+rel).hide("fast"); $(this).parent().parent().find(".lista_opcoes[rel='"+rel+"'] .opcao").removeClass("ativo"); $(".lista_opcoes[rel='"+rel+"'] .opcao_pers[rel='"+parte+"-escudo-sem']").click(); } }); $("#ipt-selo").on('click touchend',function(e){ e.preventDefault(); $(this).prop('checked', this.checked); if($(this).prop("checked")){ $("g[class=selo]").show(); $("label[for='ipt-selo']").addClass("ativo"); if($("#selo").val() != "") { $(".lista_opcoes[rel='selo'] .opcao_pers[rel='dorso-selo-"+$("#selo").val()+"']").click(); } else { $(".lista_opcoes[rel='selo'] .opcao_pers").eq(0).click(); } } else { $("g[class=selo]").hide("fast"); $(this).parent().find(".lista_opcoes[rel='selo'] .opcao").removeClass("ativo"); $(".lista_opcoes[rel='selo'] .opcao_pers[rel='dorso-selo-sem']").click(); } }); $("#ipt-patrocinio").on('click touchend',function(e){ e.preventDefault(); $(this).prop('checked', this.checked); if($(this).prop("checked")){ if(preenchimento_habilitado == 1){ preenchimento_habilitado = 0; $(".opcao_pers[rel='dorso-patrocinio_cima-com']").click(); $(".opcao_pers[rel='dorso-patrocinio_frente-com']").click(); $(".opcao_pers[rel='dorso-patrocinio_baixo-com']").click(); preenchimento_habilitado = 1; } else { $(".opcao_pers[rel='dorso-patrocinio_cima-com']").click(); $(".opcao_pers[rel='dorso-patrocinio_frente-com']").click(); $(".opcao_pers[rel='dorso-patrocinio_baixo-com']").click(); } if($("#manequim .camisa_detalhe .box_previewNumero").css("display") != "none"){ $("#manequim .patrocinio") .css("transform","translate("+patrocinio_camisa_frente_baixo_x+"px,"+patrocinio_camisa_frente_baixo_y+"px)") .attr("transform","translate("+patrocinio_camisa_frente_baixo_x+","+patrocinio_camisa_frente_baixo_y+")"); } else { $("#manequim .patrocinio") .css("transform","translate("+patrocinio_camisa_frente_x+"px,"+patrocinio_camisa_frente_y+"px)") .attr("transform","translate("+patrocinio_camisa_frente_x+","+patrocinio_camisa_frente_y+")"); } } else { $(".box_selecao[rel='patrocinio'] .selecao").removeClass("marcado"); $("#manequim .patrocinio, #manequim_costas .patrocinio, #manequim_costas .patrocinio2").hide(); } }); $("#ipt-nome").on('click touchend',function(e){ e.preventDefault(); if(iStatus < arrayStatus.length-1){ if($(".ipt-checkbox[for='ipt-nome']").hasClass("ativo")){ $(this).prop('checked', true); } else { $(this).prop('checked', false); } } $(this).prop('checked', this.checked); if($(this).prop("checked")){ $(".previewNome").show(); $(".lista_opcoes[rel='posicao_nome'] .opcao[rel='"+$("#posicao_nome").val()+"']").addClass("ativo"); $(".lista_opcoes[rel='posicao_nome'], .personalizar_nome").removeAttr("style"); if($("#posicao_nome").val() != "") { $(".opcao[rel='dorso-nome-"+$("#posicao_nome").val()+"']").click(); } else { $(".lista_opcoes[rel='posicao_nome'] .opcao").eq(0).click(); } alterarArrayAtual(1,"nome_"); } else { $(".previewNome").hide("fast"); $(".lista_opcoes[rel='posicao_nome'] .opcao").removeClass("ativo"); $(".lista_opcoes[rel='posicao_nome'], .personalizar_nome").css({"pointer-events":"none", "opacity":"0.7"}); $(".lista_opcoes[rel='posicao_nome'] .opcao[rel='dorso-nome-sem']").click(); alterarArrayAtual(0,"nome_"); } }); $("#ipt-numero").on('click touchend',function(e){ e.preventDefault(); if(iStatus < arrayStatus.length-1){ if($(".ipt-checkbox[for='ipt-numero']").hasClass("ativo")){ $(this).prop('checked', true); } else { $(this).prop('checked', false); } } $(this).prop('checked', this.checked); if(Object.keys(arrayStatus).length >= 1) { $("#voltar").removeClass("desativado"); } if($(this).prop("checked")){ if(numero_frente == 1){ $(".camisa_detalhe .box_previewNumero").show(); } else { if($("#manequim_costas").css("opacity") == 0) { $("#girar-manequim").click(); } $("#manequim_costas .camisa_detalhe .box_previewNumero").show(); } $(".box_selecao[rel='numero_frente'] .selecao, .personalizar_numero").removeAttr("style"); $(".opcao_pers[rel='dorso-numero-com']").click(); alterarArrayAtual(1,"numero_"); } else { $(".camisa_detalhe .box_previewNumero").hide("fast"); if($(".opcao_pers[rel='dorso-numero_frente-com']").hasClass("marcado")) { numero_frente = 1; } else { numero_frente = 0; if($("#manequim_costas").css("opacity") == 0) { $("#girar-manequim").click(); } } $(".opcao_pers[rel='dorso-numero-sem']").click(); $(".box_selecao[rel='numero_frente'] .selecao, .personalizar_numero").css({"pointer-events":"none", "opacity":"0.7"}); $("#manequim .patrocinio") .css("transform","translate(0px,-80px)") .attr("transform","translate(0,-80)"); alterarArrayAtual(0,"numero_"); } }); $("#ipt-numero_perna").on('click touchend',function(e){ e.preventDefault(); if(iStatus < arrayStatus.length-1){ if($(".ipt-checkbox[for='ipt-numero_perna']").hasClass("ativo")){ $(this).prop('checked', true); } else { $(this).prop('checked', false); } } $(this).prop('checked', this.checked); if($(this).prop("checked")){ $(".calcao_detalhe .box_previewNumero").show(); $(".lista_opcoes[rel='posicao_numero'], .personalizar_numero_perna").removeAttr("style"); if($("#perna_numero").val() != "") { $(".opcao[rel='perna-numero-"+$("#perna_numero").val()+"']").click(); } else { $(".lista_opcoes[rel='posicao_numero'] .opcao").eq(0).click(); } alterarArrayAtual(1,"numero_","perna"); } else { $(".calcao_detalhe .box_previewNumero").hide(); $(this).parent().parent().find(".lista_opcoes[rel='posicao_numero'] .opcao").removeClass("ativo"); $(".lista_opcoes[rel='posicao_numero'], .personalizar_numero_perna").css({"pointer-events":"none", "opacity":"0.7"}); $(".opcao_pers[rel='perna-numero-sem']").click(); alterarArrayAtual(0,"numero_","perna"); } }); $('#formImagem').on('submit', function(e){ e.preventDefault(); if($('#manequim_costas').css('opacity') == 1) { $('#formImagem #lado').val('costas'); } else { $('#formImagem #lado').val('frente'); } $("#aguarde").show(); var url=$(this).attr("action"); $.ajax({ url: url, type: $(this).attr("method"), dataType: "JSON", data: new FormData(this), processData: false, contentType: false, success: function (data, status) { $("#aguarde").hide(); var idrag = 0; $('div[id^=item_drag-]').each(function(index, element) { $(this).attr('mudar', 'item_drag-'+(Number(index)+1)); $('#camadas_imagem li').eq(index).attr('rel', (Number(index)+1)); }); $('div[id^=item_drag-]').each(function(index, element) { $(this).attr('id', $(this).attr('mudar')); $(this).removeAttr('mudar'); }); var imgPreload = new Image(); $(imgPreload).attr({ src: data.imagem.arquivo }); if (status == 'error') { mensagem("", "Falha ao carregar imagem.\nTente novamente.", "error"); } else { var item_drag = '
    '; if($('#manequim').css('opacity') == 1) { $('#manequim').find('.fundos').prepend(item_drag); } else if($('#manequim_costas').css('opacity') == 1) { $('#manequim_costas').find('.fundos').prepend(item_drag); } if(data.imagem.galeria == 0) { mensagem("Fique Tranquilo!","O seu desenho passará por especialistas em tratamento de imagem para garantir a qualidade de impressão no produto."); $('#item_drag-'+idrag).click(); } iniciaFerramentasImg(); atualizaCamadas(); $("#box_edicao").css("opacity","0").css("pointer-events","none"); $("#lista_edicao li").removeClass("ativo"); setTimeout(function() { $("#box-imagens").removeAttr('style').prop('disabled',false); $("#box-imagens img").css('cursor', 'pointer'); }, 1000); } }, error: function (xhr, desc, err) { $("#aguarde").hide(); $("#site").css("pointer-events","auto"); console.log('retornou erro upload: '+err); console.log(xhr, desc, err); mensagem("", "Ocorreu um erro ao inserir a imagem.\nTente novamente mais tarde.", "error"); setTimeout(function() { $("#box-imagens").removeAttr('style').prop('disabled',false); $("#box-imagens img").css('cursor', 'pointer'); }, 1000); } }); }); $(".bt-upload").on("click", function(){ $("#upload_arquivo").click(); }); function abrirVisualizacao() { $("#site").css("pointer-events","none"); $('#aguarde').show("fast", function() { setTimeout(function(){ salvarImagem('', '', 0, 0, 0); salvarImagem('costas', '', 0, 0, 0); },500); }); } function setZoom(zoom){ if(zoom == 0){ $("#box_manequim").css({"transform":"scale(0.8)", "top":"-70px", "z-index":"100"}); } else if(zoom == 1) { $("#box_manequim").css({"transform":"scale(1)", "top":"0", "z-index":"100"}); } else if(zoom == 2) { $("#box_manequim").css({"transform":"scale(1.4)", "top":"95px", "z-index":"100"}); } else if(zoom == 3 && $(window).width() > 767) { $("#box_manequim").css({"transform":"scale(2)", "top":"295px", "z-index":"100"}); } } function zoomManequim(valor){ $("#box_edicao .bt_fechar").click(); if(valor == '+'){ $('.btzoom').val(Number($('.btzoom').val()) + Number(1)); setZoom($('.btzoom').val()); } else if (valor == '-'){ $('.btzoom').val(Number($('.btzoom').val()) - Number(1)); setZoom($('.btzoom').val()); } } $('.bt_zoom').on('click touchend', function(){ if($(this).attr('id') == 'mais'){ zoomManequim('+'); } else if($(this).attr('id') == 'menos'){ zoomManequim('-'); } }); $("#upload_arquivo").change(function() { $("#formImagem").attr("action", "procedimentos/uploadimg.php"); $("#formImagem").submit(); $("#upload_arquivo").val(""); }); $(".proximo").on('click touchend',function(e){ e.preventDefault(); if($(this).parent().find(".i_cor").attr('rel') < Math.ceil($(this).parent().find('.cor').length / 9)) { $(this).parent().find(".i_cor").attr('rel', Number($(this).parent().find(".i_cor").attr('rel'))+1); } else { $(this).parent().find(".i_cor").attr('rel', '1'); } $(this).parent().find(".lista_cores .cor").hide(); $(this).parent().find(".cor"+$(this).parent().find(".i_cor").attr('rel')).show(); }); $(".anterior").on('click touchend',function(e){ e.preventDefault(); if($(this).parent().find(".i_cor").attr('rel') > 1) { $(this).parent().find(".i_cor").attr('rel', Number($(this).parent().find(".i_cor").attr('rel'))-1); } else { $(this).parent().find(".i_cor").attr('rel', Math.ceil($(this).parent().find('.cor').length / 9)); } $(this).parent().find(".lista_cores .cor").hide(); $(this).parent().find(".cor"+$(this).parent().find(".i_cor").attr('rel')).show(); }); $(".cor_camada").on('click touchend',function(e){ e.preventDefault(); var rel_cor_atual = $(this).find(".cor_atual").attr("rel"); var parte = $(this).parent().attr("rel"); var n_camada = $(this).attr("rel"); if (rel_cor_atual != "desenho_colorido") { if (parte != $(this).parent().attr("rel")) { $(".lista_camadas .cor_camada").removeClass("camada_ativa"); $(".lista_camadas .paleta_cores").removeClass("ativo"); } $(this).parent().find(".paleta_cores").attr("rel",parte); $(this).parent().find(".paleta_cores .camada").attr("rel",n_camada); $(".cor_camada").not($(this)).removeClass("camada_ativa"); $(".cor_camada").not($(this)).parent().find(".paleta_cores").removeClass("ativo"); $(this).toggleClass("camada_ativa"); if($(".lista_camadas div").hasClass("camada_ativa")) $(this).parent().find(".paleta_cores").addClass("ativo"); else $(this).parent().find(".paleta_cores").removeClass("ativo"); } else if (preenchimento_habilitado == 0) { $(this).find(".cor_atual").removeAttr("rel"); $(this).parent().find(".paleta_cores").attr("rel",parte); $(this).parent().find(".paleta_cores .camada").attr("rel",n_camada); $(".cor_camada").not($(this)).removeClass("camada_ativa"); $(this).toggleClass("camada_ativa"); if($(".lista_camadas div").hasClass("camada_ativa")) $(this).parent().find(".paleta_cores").addClass("ativo"); else $(this).parent().find(".paleta_cores").removeClass("ativo"); } }); $(".cor").on('click touchend',function(e){ e.preventDefault(); if($(".engloba_camisa").css("display") != "none" && $(".engloba_calcao").css("display") != "none"){ mudou_cor = 1; } var cor = $(this).css('background-color'); var cor_alt = $(this).attr('alt'); var cor_title = $(this).attr('title'); var item_ativo = $(this).parent().attr("rel"); var camada = $(this).parent().find('.camada').attr("rel"); $(this).parent().parent().find(".camada_ativa .cor_atual").css("background-color",cor).attr("alt",cor_alt).attr("title",cor_title); if ($(this).hasClass("indisponivel")){ $(this).parent().parent().find(".camada_ativa .cor_atual").attr("rel","indisponivel"); } else if ($(this).parent().parent().find(".camada_ativa .cor_atual").attr("rel") == "indisponivel") { $(this).parent().parent().find(".camada_ativa .cor_atual").removeAttr("rel"); } if(camada == 'detalhe') { $(".detalhe").css('fill',cor); } else if(camada == 'detalhe_2') { $(".detalhe_2").css('fill',cor); } else if(camada == 'ziper') { $(".camisa_detalhe .ziper").css('fill',cor); } else if(camada == 'barra') { $(".camisa_detalhe .barra").css('fill',cor); $(".camisa_detalhe .quadril").css('fill',cor); $(".calcao_detalhe .barra").css('fill',cor); } else if(camada == 'pala') { $(".camisa_detalhe g[class=pala], .camisa_detalhe path[class=pala]").css('fill',cor); } else if(camada == 'bolso') { $(".camisa_detalhe g[class^=bolso], .camisa_detalhe path[class^=bolso]").css('fill',cor); } else if(camada == 'botoes') { $(".camisa_detalhe g[class^=botoes], .camisa_detalhe path[class^=botoes]").css('fill',cor); } else if(camada == 'amarrilho') { $(".camisa_detalhe .amarrilho").css('fill',cor); } else if(camada == 'punho') { $(".camisa_detalhe .punho, .camisa_detalhe .manga_com, .camisa_detalhe .mangacostas_com").css('fill',cor); } else if(camada == 'raglan') { $(".camisa_detalhe .raglan").css('fill',cor); } else if(camada == 'quadril') { $(".camisa_detalhe .quadril").css('fill',cor); $(".camisa_detalhe .barra").css('fill',cor); $(".calcao_detalhe .quadril").css('fill',cor); } else if(camada == 'capuz') { $(".camisa_detalhe .capuz").css('fill',cor); } else if(camada == 'camisa_logo') { $(".camisa_detalhe .logo, .camisa_detalhe .logo2").css('fill',cor); } else if(camada == 'calcao_logo') { $(".calcao_detalhe .logo").css('fill',cor); } else if(camada == 'vies') { $(".camisa_detalhe .vies").css('fill',cor); } else if(camada == 'elastico') { $(".camisa_detalhe .elastico").css('fill',cor); } else if(camada == 'camisa_gola') { $(".golas .gola svg, .golas_costas .gola svg").css('fill',cor); $(".camisa_detalhe .golas .gola, .camisa_detalhe .golas_costas .gola").css('fill',cor); } else if(camada == 'camisa_gola_2') { $(".golas .gola_2 svg, .golas_costas .gola_2 svg").css('fill',cor); $(".camisa_detalhe .golas .gola_2, .camisa_detalhe .golas_costas .gola_2").css('fill',cor); } else if(camada == 'camisa_gola_3') { $(".golas .gola_3 svg, .golas_costas .gola_3 svg").css('fill',cor); $(".camisa_detalhe .golas .gola_3, .camisa_detalhe .golas_costas .gola_3").css('fill',cor); } else if(camada == 'camisa_gola_4') { $(".golas .gola_4 svg, .golas_costas .gola_4 svg").css('fill',cor); $(".camisa_detalhe .golas .gola_4, .camisa_detalhe .golas_costas .gola_4").css('fill',cor); } else if(camada == 'camisa_listra') { $(".camisa_detalhe .listra").css('fill',cor); } else if(camada == 'camisa_nome_cor') { $("#manequim_costas .previewNome").css('fill',cor); } else if(camada == 'camisa_numero_cor') { $(".camisa_detalhe .previewNumero").css('fill',cor); } else if(camada == 'calcao_numero_cor') { $(".calcao_detalhe .previewNumero").css('fill',cor); } else if(camada == 'nome_borda') { $("#manequim_costas .previewNome").css('stroke',cor); } else if(camada == 'numero_camisa_borda') { $(".camisa_detalhe .previewNumero").css('stroke',cor); } else if(camada == 'numero_calcao_borda') { $(".calcao_detalhe .previewNumero").css('stroke',cor); } else if(camada == 'patrocinio_cor') { $(".camisa_detalhe .patrocinio_desconto").css('fill',cor); } else if(camada != '' && item_ativo.indexOf('_fonte_') < 0) { $(".desenho_"+item_ativo+camada).contents().find("svg").css('fill', cor); } else { if(item_ativo != ''){ $("."+item_ativo).css('fill', cor); } if(item_ativo == 'manga_com') { $(".manga_com2, .punho, .manga_com, .mangacostas_com").css('fill', cor); } else if(item_ativo == 'manga' && cor != '') { $(".manga").show().css('fill', cor); } else if(item_ativo == 'camisa') { $(".fundo_punho").css('fill', cor); $(".fundo_gola").each(function(){ if (!($(this).parent().parent().attr("rel") == "fundo_inativo")) { ($(this).find("svg").length) ? $(this).find("svg").css('fill', cor) : $(this).css('fill', cor); } }); } } if($(this).parent().hasClass("paleta_cores") && preenchimento_habilitado == 1){ if($(window).width() < 1024){ $("#box_edicao .bt_fechar").click(); $(".lista_camadas .cor_camada").removeClass("camada_ativa"); $(".lista_camadas .paleta_cores").removeClass("ativo"); } if(Object.keys(arrayStatus).length >= 1 && preenchimento_modelo == 0) { $("#voltar").removeClass("desativado"); } var parte = $(this).attr("rel"); var valor = $(this).attr("id-cor"); if(camada == "camisa_gola_2") item_ativo = "gola_cor_2"; else if (camada == "camisa_gola_3") item_ativo = "gola_cor_3"; else if (camada == "camisa_gola_4") item_ativo = "gola_cor_4"; if(camada == "") camada = "cor"; else if(camada.indexOf("_") == 0) camada = "cor"+camada; else if(camada.indexOf("_") != 0) camada = item_ativo; if(preenchimento_modelo == 1 || desenhos_carregados != desenhos_esperados){ preencheAtributo(parte,camada,valor,0); arrayStatus[iStatus] = arrayClone(arrayPartes); $(".lista_camadas .cor_camada").removeClass("camada_ativa"); $(".lista_camadas .paleta_cores").removeClass("ativo"); } else { preencheAtributo(parte,camada,valor,1); } } }); $(document).on('click touchend', '.lista_opcoes .opcao', function(e) { e.preventDefault(); var opcao = $(this).attr("rel").split('-'); if($(this).parent().attr("rel") == "gola") { if($("#manequim_costas").css("opacity") != 0) { $("#girar-manequim").click(); } $(".golas div[class^=gola_]").hide(); $(".golas div[class=gola_"+opcao[2]+"], .golas div[class=gola_"+opcao[2]+"] div").show(); if ($(".golas div[class=gola_"+opcao[2]+"] .gola_2").length) { if (!$(".cor_camada[rel='camisa_gola_2'] .cor_atual")[0].hasAttribute("style")) { if (preenchimento_habilitado == 1) { preenchimento_habilitado = 0; $(".cor_camada[rel='camisa_gola_2']").click(); $(".paleta_cores[rel='gola_cor'] li[alt='preto']").click(); preenchimento_habilitado = 1; preencheAtributo("dorso","gola_cor_2","260",0); arrayStatus[iStatus] = arrayClone(arrayPartes); } } $(".edicao_golas .lista_camadas .cor_camada").eq(1).css("display","flex"); } else { $(".edicao_golas .lista_camadas .cor_camada").eq(1).hide(); } if ($(".golas div[class=gola_"+opcao[2]+"] .gola_3").length) { if (!$(".cor_camada[rel='camisa_gola_3'] .cor_atual")[0].hasAttribute("style")) { if (preenchimento_habilitado == 1) { preenchimento_habilitado = 0; $(".cor_camada[rel='camisa_gola_3']").click(); $(".paleta_cores[rel='gola_cor'] li[alt='preto']").click(); preenchimento_habilitado = 1; preencheAtributo("dorso","gola_cor_3","260",0); arrayStatus[iStatus] = arrayClone(arrayPartes); } } $(".edicao_golas .lista_camadas .cor_camada").eq(2).css("display","flex"); } else { $(".edicao_golas .lista_camadas .cor_camada").eq(2).hide(); } if ($(".golas div[class=gola_"+opcao[2]+"] .gola_4").length) { if (!$(".cor_camada[rel='camisa_gola_4'] .cor_atual")[0].hasAttribute("style")) { if (preenchimento_habilitado == 1) { preenchimento_habilitado = 0; $(".cor_camada[rel='camisa_gola_4']").click(); $(".paleta_cores[rel='gola_cor'] li[alt='preto']").click(); preenchimento_habilitado = 1; preencheAtributo("dorso","gola_cor_4","260",0); arrayStatus[iStatus] = arrayClone(arrayPartes); } } $(".edicao_golas .lista_camadas .cor_camada").eq(3).css("display","flex"); } else { $(".edicao_golas .lista_camadas .cor_camada").eq(3).hide(); } } else if($(this).parent().attr("rel") == "escudo_camisa" && mostrar_escudo == 1) { if($("#manequim_costas").css("opacity") != 0) { $("#girar-manequim").click(); } if(opcao[2] != "sem") { $("#escudo_camisa").val(opcao[2]); $(".escudo_camisa").show(); $(".ipt-checkbox[rel='escudo_camisa']").addClass("ativo"); $("#ipt-escudo_camisa").prop("checked", true); } else { $(".escudo_camisa").hide(); $(".ipt-checkbox[rel='escudo_camisa']").removeClass("ativo"); $("#ipt-escudo_camisa").prop("checked", false); } if(opcao[2] == "esquerda") { $("."+$(this).parent().attr("rel")) .find("svg") .animate({"top":escudo_camisa_esquerda_y,"left":escudo_camisa_esquerda_x},500); $("#manequim .camisa_detalhe .logo") .css("transform","translate("+logo_camisa_direita_x+"px,"+logo_camisa_direita_y+"px)") .attr("transform","translate("+logo_camisa_direita_x+","+logo_camisa_direita_y+")"); $("#manequim .camisa_detalhe .box_previewNumero") .css("transform", "matrix(1, 0, 0, 1, "+numero_camisa_centro_x+", "+numero_camisa_centro_y+")") .attr("transform", "matrix(1, 0, 0, 1, "+numero_camisa_centro_x+", "+numero_camisa_centro_y+")"); } else if(opcao[2] == "esquerda_2") { $("."+$(this).parent().attr("rel")) .find("svg") .animate({"top":escudo_camisa_esquerda_y,"left":escudo_camisa_esquerda_x},500); $("#manequim .camisa_detalhe .logo") .css("transform","translate("+logo_camisa_direita_ombro_x+"px,"+logo_camisa_direita_ombro_y+"px) rotate(-15deg)") .attr("transform","translate("+logo_camisa_direita_ombro_x+","+logo_camisa_direita_ombro_y+") rotate(-15)"); $("#manequim .camisa_detalhe .box_previewNumero") .css("transform", "matrix(1, 0, 0, 1, "+numero_camisa_centro_x+", "+numero_camisa_centro_y+")") .attr("transform", "matrix(1, 0, 0, 1, "+numero_camisa_centro_x+", "+numero_camisa_centro_y+")"); } else if(opcao[2] == "esquerda_3") { $("."+$(this).parent().attr("rel")) .find("svg") .animate({"top":escudo_camisa_esquerda_y,"left":escudo_camisa_esquerda_x},500); $("#manequim .camisa_detalhe .logo") .css("transform","translate("+logo_camisa_direita_cima_x+"px,"+logo_camisa_direita_cima_y+"px)") .attr("transform","translate("+logo_camisa_direita_cima_x+","+logo_camisa_direita_cima_y+")"); if (esporte == 'futebol_masculino') { $("#manequim .camisa_detalhe .box_previewNumero") .css("transform", "scale(0.75) matrix(1, 0, 0, 1, 102, 118)") .attr("transform", "scale(0.75) matrix(1, 0, 0, 1, 102, 118)"); } else if (esporte == 'futebol_feminino') { $("#manequim .camisa_detalhe .box_previewNumero") .css("transform", "scale(0.75) matrix(1, 0, 0, 1, 102, 149)") .attr("transform", "scale(0.75) matrix(1, 0, 0, 1, 102, 149)"); } } else if(opcao[2] == "direita") { $("."+$(this).parent().attr("rel")) .find("svg") .animate({"top":escudo_camisa_direita_y,"left":escudo_camisa_direita_x},500); $("#manequim .camisa_detalhe .logo") .css("transform","translate("+logo_camisa_esquerda_x+"px,"+logo_camisa_esquerda_y+"px)") .attr("transform","translate("+logo_camisa_esquerda_x+","+logo_camisa_esquerda_y+")"); $("#manequim .camisa_detalhe .box_previewNumero") .css("transform", "matrix(1, 0, 0, 1, "+numero_camisa_centro_x+", "+numero_camisa_centro_y+")") .attr("transform", "matrix(1, 0, 0, 1, "+numero_camisa_centro_x+", "+numero_camisa_centro_y+")"); } else if(opcao[2] == "centro") { $("."+$(this).parent().attr("rel")) .find("svg") .animate({"top":escudo_camisa_centro_y,"left":escudo_camisa_centro_x},500); $("#manequim .camisa_detalhe .logo") .css("transform","translate("+logo_camisa_centro_x+"px,"+logo_camisa_centro_y+"px)") .attr("transform","translate("+logo_camisa_centro_x+","+logo_camisa_centro_y+")"); $("#manequim .camisa_detalhe .box_previewNumero") .css("transform", "matrix(1, 0, 0, 1, "+numero_camisa_centro_x+", "+numero_camisa_centro_y+")") .attr("transform", "matrix(1, 0, 0, 1, "+numero_camisa_centro_x+", "+numero_camisa_centro_y+")"); } } else if($(this).parent().attr("rel") == "escudo_calcao" && mostrar_escudo == 1) { if($("#manequim_costas").css("opacity") != 0) { $("#girar-manequim").click(); } if(opcao[2] != "sem") { $("#escudo_calcao").val(opcao[2]); $(".escudo_calcao").show(); $(".ipt-checkbox[rel='escudo_calcao']").addClass("ativo"); $("#ipt-escudo_calcao").prop("checked", true); } else { $(".escudo_calcao").hide(); $(".ipt-checkbox[rel='escudo_calcao']").removeClass("ativo"); $("#ipt-escudo_calcao").prop("checked", false); } if(opcao[2] == "esquerda") { $("."+$(this).parent().attr("rel")) .find("svg") .animate({"top":escudo_calcao_esquerda_y,"left":escudo_calcao_esquerda_x},500); $("#manequim .calcao_detalhe .logo") .css("transform","translate("+logo_calcao_direita_x+"px,"+logo_calcao_direita_y+"px)") .attr("transform","translate("+logo_calcao_direita_x+","+logo_calcao_direita_y+")"); $("#manequim .calcao_detalhe .box_previewNumero") .css("transform","translate("+numero_calcao_direita_x+"px,"+numero_calcao_direita_y+"px)") .attr("transform","translate("+numero_calcao_direita_x+","+numero_calcao_direita_y+")"); $("#perna_numero").val('direita'); } else if(opcao[2] == "direita") { $("."+$(this).parent().attr("rel")) .find("svg") .animate({"top":escudo_calcao_direita_y,"left":escudo_calcao_direita_x},500); $("#manequim .calcao_detalhe .logo") .css("transform","translate("+logo_calcao_esquerda_x+"px,"+logo_calcao_esquerda_y+"px)") .attr("transform","translate("+logo_calcao_esquerda_x+","+logo_calcao_esquerda_y+")"); $("#manequim .calcao_detalhe .box_previewNumero") .css("transform","translate("+numero_calcao_esquerda_x+"px,"+numero_calcao_esquerda_y+"px)") .attr("transform","translate("+numero_calcao_esquerda_x+","+numero_calcao_esquerda_y+")"); $("#perna_numero").val('esquerda'); } } else if($(this).parent().attr("rel") == "punho") { if(opcao[2] == "com") { $(".camisa_detalhe .punho, .camisa_detalhe .manga_com").show(); $(this).parent().parent().find(".box_cores").removeAttr("style"); } if(opcao[2] == "sem") { $(".camisa_detalhe .punho, .camisa_detalhe .manga_com, .camisa_detalhe .mangacostas_com").hide(); $(this).parent().parent().find(".box_cores").css("opacity",".5").css("pointer-events","none"); } } else if($(this).parent().attr("rel") == "raglan") { if(opcao[2] == "com") { $(".camisa_detalhe .raglan").show(); $(this).parent().parent().find(".box_cores").removeAttr("style"); } if(opcao[2] == "sem") { $(".camisa_detalhe .raglan").hide(); $(this).parent().parent().find(".box_cores").css("opacity",".5").css("pointer-events","none"); } } else if($(this).parent().attr("rel") == 'nome') { if(opcao[2] == "cima" && $("#manequim_costas .previewNome").html() != "") { $(".opcao[rel='dorso-patrocinio-cima']").css("opacity","0.8").unbind("click"); } else { $(".opcao[rel='dorso-patrocinio-cima']").css("opacity","1").bind("click"); } } else if($(this).parent().attr("rel") == 'selo') { if($("#manequim_costas").css('opacity') != 0) { $('#girar-manequim').click(); } if(opcao[2] == "esquerda") { $("g[class=selo]") .css("transform","translate("+selo_camisa_esquerda_x+"px,"+selo_camisa_esquerda_y+"px)") .attr("transform","translate("+selo_camisa_esquerda_x+","+selo_camisa_esquerda_y+")"); $("#selo").val('esquerda'); $("g[class=selo]").show(); $(".ipt-checkbox[for='ipt-selo']").addClass("ativo"); $("#ipt-selo").prop("checked", true); } else if(opcao[2] == "direita") { $("g[class=selo]") .css("transform","translate("+selo_camisa_direita_x+"px,"+selo_camisa_direita_y+"px)") .attr("transform","translate("+selo_camisa_direita_x+","+selo_camisa_direita_y+")"); $("#selo").val('direita'); $("g[class=selo]").show(); $(".ipt-checkbox[for='ipt-selo']").addClass("ativo"); $("#ipt-selo").prop("checked", true); } else if(opcao[2] == "sem"){ $("g[class=selo]").hide("fast"); $(this).parent().find(".lista_opcoes[rel='selo'] .opcao").removeClass("ativo"); $(".ipt-checkbox[for='ipt-selo']").removeClass("ativo"); $("#ipt-selo").prop("checked", false); } } else if($(this).parent().attr("rel") == 'posicao_nome'){ if($("#manequim").css('opacity') != 0) { $('#girar-manequim').click(); } if(opcao[2] == "cima"){ $("#posicao_nome").val('cima'); if ( typeof nome_costas_cima_y == "undefined" ) nome_costas_cima_y = 50; $("#manequim_costas #box_previewNome").attr({'transform':'matrix(1 0 0 1 '+nome_costas_cima_x+' '+nome_costas_cima_y+')'}); $("#manequim_costas #box_previewNome").show(); if($("#manequim_costas .patrocinio").css('display') != 'none') { $("#manequim_costas .patrocinio").hide(); $("#manequim_costas .patrocinio2").show(); } } else if(opcao[2] == "baixo"){ $("#posicao_nome").val('baixo'); if ( typeof nome_costas_baixo_y == "undefined" ) nome_costas_baixo_y = 200; if(esporte == 'futebol_masculino') { $("#manequim_costas #box_previewNome").attr({'transform':'matrix(1 0 0 1 117 190)'}).show(); } else if(esporte == 'futebol_feminino') { $("#manequim_costas #box_previewNome").attr({'transform':'matrix(1 0 0 1 110 205)'}).show(); } else { $("#manequim_costas #box_previewNome").attr({'transform':'matrix(1 0 0 1 '+nome_costas_baixo_x+' '+nome_costas_baixo_y+')'}).show(); } } } else if($(this).parent().attr("rel") == 'posicao_numero'){ if($("#manequim").css('opacity') == 0) { $('#girar-manequim').click(); } if(opcao[2] == "direita") { if(preenchimento_habilitado == 0){ $(".opcao[rel='perna-escudo-esquerda']").click(); } else { preenchimento_habilitado = 0; $(".opcao[rel='perna-escudo-esquerda']").click(); preenchimento_habilitado = 1; } $("#manequim .calcao_detalhe .box_previewNumero") .css("transform","translate("+numero_calcao_direita_x+"px,"+numero_calcao_direita_y+"px)") .attr("transform","translate("+numero_calcao_direita_x+","+numero_calcao_direita_y+")"); $("#perna_numero").val('direita'); $("#manequim .calcao_detalhe .box_previewNumero").show(); $(".ipt-checkbox[for='ipt-numero_perna']").addClass("ativo"); } else if(opcao[2] == "esquerda") { if(preenchimento_habilitado == 0){ $(".opcao[rel='perna-escudo-direita']").click(); } else { preenchimento_habilitado = 0; $(".opcao[rel='perna-escudo-direita']").click(); preenchimento_habilitado = 1; } $("#manequim .calcao_detalhe .box_previewNumero") .css("transform","translate("+numero_calcao_esquerda_x+"px,"+numero_calcao_esquerda_y+"px)") .attr("transform","translate("+numero_calcao_esquerda_x+","+numero_calcao_esquerda_y+")"); $("#perna_numero").val('esquerda'); $("#manequim .calcao_detalhe .box_previewNumero").show(); $(".ipt-checkbox[for='ipt-numero_perna']").addClass("ativo"); } else if(opcao[2] == "sem") { $("#manequim .calcao_detalhe .box_previewNumero").hide(); } } }); $("#ipt-tamNum").change(function() { if(Object.keys(arrayStatus).length >= 1) $("#voltar").removeClass("desativado"); tamFonte($(this).val()); }); $(".seta_anterior, .seta_proximo").on('click touchend',function(e){ e.preventDefault(); if(Object.keys(arrayStatus).length >= 1) $("#voltar").removeClass("desativado"); }); $(".lista-fontes[rel='nome'] .seta_anterior").on('click touchend',function(e){ e.preventDefault(); var max_fonte = $(this).parent().find("ul .fonte").length; if(i_fonte_nome > 0) { $(this).parent().find(".fonte").hide(); i_fonte_nome--; $(this).parent().find(".fonte").eq(i_fonte_nome).show(); } else { $(this).parent().find(".fonte").hide(); i_fonte_nome = max_fonte-1; $(this).parent().find(".fonte").eq(i_fonte_nome).show(); } var tipo_fonte = $(this).parent().parent().attr('rel'); var nome_fonte = $(this).parent().find('.fonte').eq(i_fonte_nome).attr('id'); mudaFonte(tipo_fonte, nome_fonte); if($("#manequim").css("opacity") != 0) { $("#girar-manequim").click(); } }); $(".lista-fontes[rel='nome'] .seta_proximo").on('click touchend',function(e){ e.preventDefault(); if($(this).parent().find(".fonte").eq((i_fonte_nome+1)).length > 0) { $(this).parent().find(".fonte").hide(); i_fonte_nome++; $(this).parent().find(".fonte").eq(i_fonte_nome).show(); } else { $(this).parent().find(".fonte").hide(); i_fonte_nome = 0; $(this).parent().find(".fonte").eq(i_fonte_nome).show(); } var tipo_fonte = $(this).parent().parent().attr('rel'); var nome_fonte = $(this).parent().find('.fonte').eq(i_fonte_nome).attr('id'); mudaFonte(tipo_fonte, nome_fonte); if($("#manequim").css("opacity") != 0) { $("#girar-manequim").click(); } }); $(".lista-fontes[rel='numero'] .seta_anterior").on('click touchend',function(e){ e.preventDefault(); var max_fonte = $(this).parent().find("ul .fonte").length; if(i_fonte_numero > 0) { $(this).parent().find(".fonte").hide(); i_fonte_numero--; $(this).parent().find(".fonte").eq(i_fonte_numero).show(); } else { $(this).parent().find(".fonte").hide(); i_fonte_numero = max_fonte-1; $(this).parent().find(".fonte").eq(i_fonte_numero).show(); } var tipo_fonte = $(this).parent().parent().attr('rel'); var nome_fonte = $(this).parent().find('.fonte').eq(i_fonte_numero).attr('id'); var tam_fonte = $(this).parent().find('.fonte').eq(i_fonte_numero).attr('rel'); mudaFonte(tipo_fonte, nome_fonte, tam_fonte); if($("#manequim").css("opacity") != 0) { $("#girar-manequim").click(); } }); $(".lista-fontes[rel='numero'] .seta_proximo").on('click touchend',function(e){ e.preventDefault(); if($(this).parent().find(".fonte").eq((i_fonte_numero+1)).length > 0) { $(this).parent().find(".fonte").hide(); i_fonte_numero++; $(this).parent().find(".fonte").eq(i_fonte_numero).show(); } else { $(this).parent().find(".fonte").hide(); i_fonte_numero = 0; $(this).parent().find(".fonte").eq(i_fonte_numero).show(); } var tipo_fonte = $(this).parent().parent().attr('rel'); var nome_fonte = $(this).parent().find('.fonte').eq(i_fonte_numero).attr('id'); var tam_fonte = $(this).parent().find('.fonte').eq(i_fonte_numero).attr('rel'); mudaFonte(tipo_fonte, nome_fonte, tam_fonte); if($("#manequim").css("opacity") != 0) { $("#girar-manequim").click(); } }); $(".lista-fontes[rel='numero_perna'] .seta_anterior").on('click touchend',function(e){ e.preventDefault(); var max_fonte = $(this).parent().find("ul .fonte").length; if(i_fonte_numero_perna > 0) { $(this).parent().find(".fonte").hide(); i_fonte_numero_perna--; $(this).parent().find(".fonte").eq(i_fonte_numero_perna).show(); } else { $(this).parent().find(".fonte").hide(); i_fonte_numero_perna = max_fonte-1; $(this).parent().find(".fonte").eq(i_fonte_numero_perna).show(); } var tipo_fonte = $(this).parent().parent().attr('rel'); var nome_fonte = $(this).parent().find('.fonte').eq(i_fonte_numero_perna).attr('id'); var tam_fonte = $(this).parent().find('.fonte').eq(i_fonte_numero_perna).attr('rel'); mudaFonte(tipo_fonte, nome_fonte, tam_fonte); if($("#manequim").css("opacity") == 0) { $("#girar-manequim").click(); } }); $(".lista-fontes[rel='numero_perna'] .seta_proximo").on('click touchend',function(e){ e.preventDefault(); if($(this).parent().find(".fonte").eq((i_fonte_numero_perna+1)).length > 0) { $(this).parent().find(".fonte").hide(); i_fonte_numero_perna++; $(this).parent().find(".fonte").eq(i_fonte_numero_perna).show(); } else { $(this).parent().find(".fonte").hide(); i_fonte_numero_perna = 0; $(this).parent().find(".fonte").eq(i_fonte_numero_perna).show(); } var tipo_fonte = $(this).parent().parent().attr('rel'); var nome_fonte = $(this).parent().find('.fonte').eq(i_fonte_numero_perna).attr('id'); var tam_fonte = $(this).parent().find('.fonte').eq(i_fonte_numero_perna).attr('rel'); mudaFonte(tipo_fonte, nome_fonte, tam_fonte); if($("#manequim").css("opacity") == 0) { $("#girar-manequim").click(); } }); $("#ipt-texto").keyup(function (){ $(this).removeAttr("style"); if($("#manequim").css('opacity') != 0) { $("#girar-manequim").click(); } var nome_camisa = $(this).val().toUpperCase(); $("#box_previewNome text").html(nome_camisa); if($("#manequim_costas .previewNome").html() != "" && $(".opcao_pers[rel='dorso-nome-cima']").hasClass("ativo")){ $(".opcao[rel='dorso-patrocinio-cima']").css("opacity","0.8").unbind("click"); } else { $(".opcao[rel='dorso-patrocinio-cima']").css("opacity","1").bind("click"); } }); $("#ipt-texto").change(function (){ if(Object.keys(arrayStatus).length >= 1) $("#voltar").removeClass("desativado"); var nome_camisa = $(this).val().toUpperCase(); preencheAtributo("dorso","nome_texto",nome_camisa,1); }); $("#girar-manequim").on('click touchend',function(e){ e.preventDefault(); if($("#manequim").css('opacity') != 0) { $("#manequim").css('opacity', 0).css('margin-top', '-1000%').css('float', 'none'); $("#manequim_costas").css('opacity', 1).css('margin', '0px').css('float', 'left'); $("#girar-manequim span").html("Ver Frente"); } else { $("#manequim_costas").css('opacity', 0).css('margin-top', '-1000%').css('float', 'none'); $("#manequim").css('opacity', 1).css('margin', '0px').css('float', 'left'); $("#girar-manequim span").html("Ver Costas"); } }); $(".setas_modelos .bt-seta_esquerda").on('click touchend',function(e){ e.preventDefault(); if(desenho_carregando == false) { var relativo = $(this).parent().attr('class'); var i_atual = Number($(this).parent().find('.cod_modelo').html()); if($(this).parent().find('.cod_modelo').html() > modelo_inicial) { modelo_atual = Number(i_atual)-Number(1); } else { modelo_atual = total_modelo[relativo]; } $(this).parent().find('.cod_modelo').html(modelo_atual); $(".lista_modelos li[data-tipo='"+relativo+"'][data-i='"+modelo_atual+"']").trigger('click'); } }); $(".setas_modelos .bt-seta_direita").on('click touchend',function(e){ e.preventDefault(); if(desenho_carregando == false) { var relativo = $(this).parent().attr('class'); var i_atual = Number($(this).parent().find('.cod_modelo').html()); if($(this).parent().find('.cod_modelo').html() < total_modelo[relativo]) { modelo_atual = Number(i_atual)+Number(1); } else { modelo_atual = modelo_inicial; } $(this).parent().find('.cod_modelo').html(modelo_atual); $(".lista_modelos li[data-tipo='"+relativo+"'][data-i='"+modelo_atual+"']").click(); } }); $(".bloqueio").on('click touchend',function(e){ e.preventDefault(); $(".ipt-checkbox[for='ipt-sincronizar']").click(); }); }); window.onbeforeunload = function(){ if (aviso_fechar == 1) { return 'As alterações poderão ser perdidas!'; } }