var SPMaskBehaviorFlyer = function (val) { return val.replace(/\D/g, '').length === 11 ? '(00) 00000-0000' : '(00) 0000-00009'; }; var spOptionsFlyer = { onKeyPress: function (val, e, field, options) { field.mask(SPMaskBehaviorFlyer.apply({}, arguments), options); } }; var produtosInput = [ { produtos: ['OOHMMOQMJ' , 'EPPNLOQMJ' , 'MPHPKOQMJ', 'QQEPKRJOJ', 'CPKNJRJOJ', 'QRJQGRJOJ', 'IQPOFRJOJ', 'QQEPKRJOJ', 'CPKNJRJOJ', 'MRHNHQENJ', 'QRCRGPQPJ', 'ONDSJPQPJ', 'MRHQHQHQJ', 'KRGOJQHQJ', ], inputs: [ { label: 'Nome', name: 'nome1', type: 'text', maxlength: 0, required: false, match: '#nome1', id: 'nome1', value: '', meiomask: false }, { label: 'E-mail', name: 'email1', type: 'text', maxlength: 0, required: false, match: '#email1', id: 'email1', value: '', meiomask: false }, { label: 'Celular', name: 'cel1', type: 'text', maxlength: 0, required: false, match: '#cel1', id: 'cel1', value: '', meiomask: { mask: '(nn) nnnnn-nnnn', autoTab: false, } }, { label: 'Telefone', name: 'tel1', type: 'text', maxlength: 0, required: false, match: '#tel1', id: 'tel1', value: '', meiomask: { mask: '(nn) nnnn-nnnn', autoTab: false, } }, { label: 'Endereço', name: 'end1', type: 'text', maxlength: 0, required: false, match: '#end1', id: 'end1', value: '', meiomask: false }, { label: 'Cidade', name: 'cidade1', type: 'text', maxlength: 0, required: false, match: '#cidade1', id: 'cidade1', value: '', meiomask: false }, { label: 'UF', name:'uf1', type:'select', maxlength:0, required:false, match:'#uf1', id:'uf1', value:["AC", "AL", "AM", "AP", "BA", "CE", "DF", "ES", "GO", "MA", "MT", "MS", "MG", "PA", "PB", "PR", "PE", "PI", "RJ", "RN", "RO", "RS", "RR", "SC", "SE", "SP", "TO" ], meiomask:false }, ], preview:true, }, { produtos: ['CPJPLPQPJ', 'KODRMOQMJ'], inputs: [ { label: 'Nome', name: 'nome1', type: 'text', maxlength: 0, required: false, match: '#nome1', id: 'nome1', value: '', meiomask: false }, { label: 'E-mail', name: 'email1', type: 'text', maxlength: 0, required: false, match: '#email1', id: 'email1', value: '', meiomask: false }, { label: 'Telefone', name: 'tel1', type: 'text', maxlength: 0, required: false, match: '#tel1', id: 'tel1', value: '', meiomask: { mask: '(nn) nnnn-nnnn', autoTab: false, } }, { label: 'Endereço', name: 'end1', type: 'text', maxlength: 0, required: false, match: '#end1', id: 'end1', value: '', meiomask: false }, { label: 'Cidade', name: 'cidade1', type: 'text', maxlength: 0, required: false, match: '#cidade1', id: 'cidade1', value: '', meiomask: false }, { label: 'UF', name:'uf1', type:'select', maxlength:0, required:false, match:'#uf1', id:'uf1', value:["AC", "AL", "AM", "AP", "BA", "CE", "DF", "ES", "GO", "MA", "MT", "MS", "MG", "PA", "PB", "PR", "PE", "PI", "RJ", "RN", "RO", "RS", "RR", "SC", "SE", "SP", "TO" ], meiomask:false }, ], preview:true, }, { produtos: ['MPIOLQQPJ', 'MRIQMQHQJ', 'QRHOOQHQJ'], inputs: [ { label: 'Cargo', name: 'cargo1', type: 'text', maxlength: 0, required: false, match: '#cargo1', id: 'cargo1', value: '', meiomask: false }, { label: 'Nome', name: 'nome1', type: 'text', maxlength: 0, required: false, match: '#nome1', id: 'nome1', value: '', meiomask: false }, { label: 'E-mail', name: 'email1', type: 'text', maxlength: 0, required: false, match: '#email1', id: 'email1', value: '', meiomask: false }, { label: 'Celular', name: 'cel1', type: 'text', maxlength: 0, required: false, match: '#cel1', id: 'cel1', value: '', meiomask: { mask: '(nn) nnnnn-nnnn', autoTab: false, } }, { label: 'Telefone', name: 'tel1', type: 'text', maxlength: 0, required: false, match: '#tel1', id: 'tel1', value: '', meiomask: { mask: '(nn) nnnn-nnnn', autoTab: false, } }, { label: 'Endere�o', name: 'end1', type: 'text', maxlength: 0, required: false, match: '#end1', id: 'end1', value: '', meiomask: false }, { label: 'Cidade', name: 'cidade1', type: 'text', maxlength: 0, required: false, match: '#cidade1', id: 'cidade1', value: '', meiomask: false }, { label: 'UF', name:'uf1', type:'select', maxlength:0, required:false, match:'#uf1', id:'uf1', value:["AC", "AL", "AM", "AP", "BA", "CE", "DF", "ES", "GO", "MA", "MT", "MS", "MG", "PA", "PB", "PR", "PE", "PI", "RJ", "RN", "RO", "RS", "RR", "SC", "SE", "SP", "TO" ], meiomask:false }, ], preview:true, }, { produtos: ['MRHNHQENJ', 'GNESHRJOJ'], inputs: [ { label: 'Nome', name: 'nome1', type: 'text', maxlength: 0, required: false, match: '#nome1', id: 'nome1', value: '', meiomask: false }, { label: 'E-mail', name: 'email1', type: 'text', maxlength: 0, required: false, match: '#email1', id: 'email1', value: '', meiomask: false }, { label: 'Celular', name: 'cel1', type: 'text', maxlength: 0, required: false, match: '#cel1', id: 'cel1', value: '', meiomask: { mask: '(nn) nnnnn-nnnn', autoTab: false, } }, { label: 'Telefone', name: 'tel1', type: 'text', maxlength: 0, required: false, match: '#tel1', id: 'tel1', value: '', meiomask: { mask: '(nn) nnnnn-nnnn', autoTab: false, } }, { label: 'Endere�o', name: 'end1', type: 'text', maxlength: 0, required: false, match: '#end1', id: 'end1', value: '', meiomask: false }, { label: 'Cidade', name: 'cidade1', type: 'text', maxlength: 0, required: false, match: '#cidade1', id: 'cidade1', value: '', meiomask: false }, { label: 'UF', name:'uf1', type:'select', maxlength:0, required:false, match:'#uf1', id:'uf1', value:["AC", "AL", "AM", "AP", "BA", "CE", "DF", "ES", "GO", "MA", "MT", "MS", "MG", "PA", "PB", "PR", "PE", "PI", "RJ", "RN", "RO", "RS", "RR", "SC", "SE", "SP", "TO" ], meiomask:false }, { label: 'Cargo', name: 'cargo1', type: 'text', maxlength: 0, required: false, match: '#cargo1', id: 'cargo1', value: '', meiomask: false }, ], preview:true, }, { produtos: [ 'OOONLPQMJ' , 'CRGMMPQMJ' ], inputs: [ { label: 'Endere�o', name: 'end1', type: 'text', maxlength: 0, required: false, match: '#end1', id: 'end1', value: '', meiomask: false }, { label: 'Bairro', name: 'bairro1', type: 'text', maxlength: 0, required: false, match: '#bairro1', id: 'bairro1', value: '', meiomask: false }, { label: 'Cidade', name: 'cidade1', type: 'text', maxlength: 0, required: false, match: '#cidade1', id: 'cidade1', value: '', meiomask: false }, { label: 'UF', name:'uf1', type:'select', maxlength:0, required:false, match:'#uf1', id:'uf1', value:["AC", "AL", "AM", "AP", "BA", "CE", "DF", "ES", "GO", "MA", "MT", "MS", "MG", "PA", "PB", "PR", "PE", "PI", "RJ", "RN", "RO", "RS", "RR", "SC", "SE", "SP", "TO" ], meiomask:false }, ], preview:true, }, { produtos: [ 'MPHNKODOJ' ], inputs: [ { label: 'Departamento', name: 'dep', type: 'text', maxlength: 0, required: false, match: '#dep', id: 'dep', value: '', meiomask: false }, ], preview:false, }, { produtos: [ 'KMQQQOMQJ', 'GQEPCPMQJ', ], inputs: [ { label: 'Estado', name: 'estado', type: 'text', maxlength: 0, required: false, match: '#estado', id: 'estado', value: '', meiomask: false }, ], preview:false, }, { produtos: [ 'QRCSOQIQJ', 'IQONNQIQJ', 'MMIQFRIQJ', 'QQDMERIQJ', 'CRIMJRIQJ', 'OOIOHRIQJ', 'MPNOMRIQJ', 'ENNQKRIQJ', 'OOCRPRIQJ', 'CMOMORIQJ', 'IODNDSIQJ', 'MRCPRRIQJ' ], inputs: [ { label: 'Texto', name: 'txt', type: 'text', maxlength: 0, required: false, match: '#txt', id: 'txt', value: '', meiomask: false }, ], preview:false, }, { produtos: [ 'CPDOCRIQJ', 'GNDQQQIQJ', ], inputs: [ { label: 'Texto', name: 'txt', type: 'text', maxlength: 0, required: false, match: '#txt', id: 'txt', value: '', meiomask: false }, ], preview:false, }, { produtos: [ 'OONPDRGNJ', 'MMPQLRJOJ', 'MMPQLRJOJ', ], inputs: [ { label: 'Endere�o', name: 'end1', type: 'text', maxlength: 0, required: false, match: '#end1', id: 'end1', value: '', meiomask: false }, { label: 'Bairro', name: 'bairro1', type: 'text', maxlength: 0, required: false, match: '#bairro1', id: 'bairro1', value: '', meiomask: false }, { label: 'Cidade', name: 'cidade1', type: 'text', maxlength: 0, required: false, match: '#cidade1', id: 'cidade1', value: '', meiomask: false }, { label: 'UF', name:'uf1', type:'select', maxlength:0, required:false, match:'#uf1', id:'uf1', value:["AC", "AL", "AM", "AP", "BA", "CE", "DF", "ES", "GO", "MA", "MT", "MS", "MG", "PA", "PB", "PR", "PE", "PI", "RJ", "RN", "RO", "RS", "RR", "SC", "SE", "SP", "TO" ], meiomask:false }, { label: 'Telefone', name: 'tel1', type: 'text', maxlength: 0, required: false, match: '#tel1', id: 'tel1', value: '', meiomask: false }, ], preview:true, }, { produtos: [ 'MMGPKPQMJ', 'QRGNKOFRJ'], inputs: [ { label: 'Endereço', name: 'end1', type: 'text', maxlength: 0, required: false, match: '#end1', id: 'end1', value: '', meiomask: false }, { label: 'Cidade', name: 'cidade1', type: 'text', maxlength: 0, required: false, match: '#cidade1', id: 'cidade1', value: '', meiomask: false }, { label: 'UF', name:'uf1', type:'select', maxlength:0, required:false, match:'#uf1', id:'uf1', value:["AC", "AL", "AM", "AP", "BA", "CE", "DF", "ES", "GO", "MA", "MT", "MS", "MG", "PA", "PB", "PR", "PE", "PI", "RJ", "RN", "RO", "RS", "RR", "SC", "SE", "SP", "TO" ], meiomask:false }, ], preview:true, }, { produtos: ['IORPQPQMJ' , ], inputs: [ { label: 'Nome', name: 'nome1', type: 'text', maxlength: 0, required: false, match: '#nome1', id: 'nome1', value: '', meiomask: false }, { label: 'Celular', name: 'cel1', type: 'text', maxlength: 0, required: false, match: '#cel1', id: 'cel1', value: '', meiomask: { mask: '(nn) nnnnn-nnnn', autoTab: false, } }, ], preview:true, }, { produtos: ['KOFPEMJNJ' , ], inputs: [ { label: 'Nome', name: 'nome1', type: 'text', maxlength: 0, required: false, match: '#nome1', id: 'nome1', value: '', meiomask: false }, ], preview:true, }, { produtos: ['CRLRCPQMJ' , 'ENDRMPQMJ' , ], inputs: [ { label: 'Nome', name: 'nome1', type: 'text', maxlength: 0, required: false, match: '#nome1', id: 'nome1', value: '', meiomask: false }, { label: 'Sobremone', name: 'sobrenome1', type: 'text', maxlength: 0, required: false, match: '#sobrenome1', id: 'sobrenome1', value: '', meiomask: false }, ], preview:true, }, { produtos: ['CRLRCPQMJ' , 'ENDRMPQMJ' , ], inputs: [ { label: 'Nome', name: 'nome1', type: 'text', maxlength: 0, required: false, match: '#nome1', id: 'nome1', value: '', meiomask: false }, { label: 'Sobremone', name: 'sobrenome1', type: 'text', maxlength: 0, required: false, match: '#sobrenome1', id: 'sobrenome1', value: '', meiomask: false }, ], preview:true, }, { produtos: ['OPFMMOFRJ'], inputs: [ { label: 'Telefone', name: 'tel1', type: 'text', maxlength: 0, required: false, match: '#tel1', id: 'tel1', value: '', meiomask: false }, { label: 'E-mail', name: 'email1', type: 'text', maxlength: 0, required: false, match: '#email1', id: 'email1', value: '', meiomask: false }, { label: 'Endereço', name: 'end1', type: 'text', maxlength: 0, required: false, match: '#end1', id: 'end1', value: '', meiomask: false }, { label: 'Cidade', name: 'cid1', type: 'text', maxlength: 0, required: false, match: '#cid1', id: 'cid1', value: '', meiomask: false }, { label: 'UF', name:'uf1', type:'select', maxlength:0, required:false, match:'#uf1', id:'uf1', value:["AC", "AL", "AM", "AP", "BA", "CE", "DF", "ES", "GO", "MA", "MT", "MS", "MG", "PA", "PB", "PR", "PE", "PI", "RJ", "RN", "RO", "RS", "RR", "SC", "SE", "SP", "TO" ], meiomask:false }, ], preview:true, }, { produtos: ['KMHQCQHQJ', 'OORMJMIRJ'], inputs: [ { label: 'Cargo', name: 'cargo1', type: 'text', maxlength: 0, required: false, match: '#cargo1', id: 'cargo1', value: '', meiomask: false }, { label: 'Nome', name: 'nome1', type: 'text', maxlength: 0, required: false, match: '#nome1', id: 'nome1', value: '', meiomask: false }, { label: 'E-mail', name: 'email1', type: 'text', maxlength: 0, required: false, match: '#email1', id: 'email1', value: '', meiomask: false }, { label: 'Telefone', name: 'tel1', type: 'text', maxlength: 0, required: false, match: '#tel1', id: 'tel1', value: '', meiomask: { mask: '(nn) nnnn-nnnn', autoTab: false, } }, { label: 'Celular', name: 'tel2', type: 'text', maxlength: 0, required: false, match: '#tel2', id: 'tel2', value: '', meiomask: { mask: '(nn) nnnn-nnnn', autoTab: false, } }, { label: 'Endereço', name: 'end1', type: 'text', maxlength: 0, required: false, match: '#end1', id: 'end1', value: '', meiomask: false }, { label: 'Cidade', name: 'cidade1', type: 'text', maxlength: 0, required: false, match: '#cidade1', id: 'cidade1', value: '', meiomask: false }, { label: 'UF', name:'uf1', type:'select', maxlength:0, required:false, match:'#uf1', id:'uf1', value:["AC", "AL", "AM", "AP", "BA", "CE", "DF", "ES", "GO", "MA", "MT", "MS", "MG", "PA", "PB", "PR", "PE", "PI", "RJ", "RN", "RO", "RS", "RR", "SC", "SE", "SP", "TO" ], meiomask:false }, ], preview:true, }, { produtos: ['KMHQCQHQJ'], inputs: [ { label: 'Cargo', name: 'cargo1', type: 'text', maxlength: 0, required: false, match: '#cargo1', id: 'cargo1', value: '', meiomask: false }, { label: 'Nome', name: 'nome1', type: 'text', maxlength: 0, required: false, match: '#nome1', id: 'nome1', value: '', meiomask: false }, { label: 'E-mail', name: 'email1', type: 'text', maxlength: 0, required: false, match: '#email1', id: 'email1', value: '', meiomask: false }, { label: 'Telefone', name: 'tel1', type: 'text', maxlength: 0, required: false, match: '#tel1', id: 'tel1', value: '', meiomask: { mask: '(nn) nnnn-nnnn', autoTab: false, } }, { label: 'Endereço', name: 'end1', type: 'text', maxlength: 0, required: false, match: '#end1', id: 'end1', value: '', meiomask: false }, { label: 'Cidade', name: 'cidade1', type: 'text', maxlength: 0, required: false, match: '#cidade1', id: 'cidade1', value: '', meiomask: false }, { label: 'UF', name:'uf1', type:'select', maxlength:0, required:false, match:'#uf1', id:'uf1', value:["AC", "AL", "AM", "AP", "BA", "CE", "DF", "ES", "GO", "MA", "MT", "MS", "MG", "PA", "PB", "PR", "PE", "PI", "RJ", "RN", "RO", "RS", "RR", "SC", "SE", "SP", "TO" ], meiomask:false }, ], preview:true, }, { produtos: ['CMGOEQHQJ', 'MRPNHMIRJ', 'CMDMLMIRJ'], inputs: [ { label: 'Nome', name: 'nome1', type: 'text', maxlength: 0, required: false, match: '#nome1', id: 'nome1', value: '', meiomask: false }, { label: 'E-mail', name: 'email1', type: 'text', maxlength: 0, required: false, match: '#email1', id: 'email1', value: '', meiomask: false }, { label: 'Telefone', name: 'tel1', type: 'text', maxlength: 0, required: false, match: '#tel1', id: 'tel1', value: '', meiomask: { mask: '(nn) nnnn-nnnn', autoTab: false, } }, { label: 'Celular', name: 'tel2', type: 'text', maxlength: 0, required: false, match: '#tel2', id: 'tel2', value: '', meiomask: { mask: '(nn) nnnn-nnnn', autoTab: false, } }, { label: 'Endereço', name: 'end1', type: 'text', maxlength: 0, required: false, match: '#end1', id: 'end1', value: '', meiomask: false }, { label: 'Cidade', name: 'cidade1', type: 'text', maxlength: 0, required: false, match: '#cidade1', id: 'cidade1', value: '', meiomask: false }, { label: 'UF', name:'uf1', type:'select', maxlength:0, required:false, match:'#uf1', id:'uf1', value:["AC", "AL", "AM", "AP", "BA", "CE", "DF", "ES", "GO", "MA", "MT", "MS", "MG", "PA", "PB", "PR", "PE", "PI", "RJ", "RN", "RO", "RS", "RR", "SC", "SE", "SP", "TO" ], meiomask:false }, ], preview:true, }, { produtos: ['QREMGQHQJ'], inputs: [ { label: 'Nome', name: 'nome1', type: 'text', maxlength: 0, required: false, match: '#nome1', id: 'nome1', value: '', meiomask: false }, { label: 'E-mail', name: 'email1', type: 'text', maxlength: 0, required: false, match: '#email1', id: 'email1', value: '', meiomask: false }, { label: 'Telefone', name: 'tel1', type: 'text', maxlength: 0, required: false, match: '#tel1', id: 'tel1', value: '', meiomask: { mask: '(nn) nnnn-nnnn', autoTab: false, } }, { label: 'Endereço', name: 'end1', type: 'text', maxlength: 0, required: false, match: '#end1', id: 'end1', value: '', meiomask: false }, { label: 'Cidade', name: 'cidade1', type: 'text', maxlength: 0, required: false, match: '#cidade1', id: 'cidade1', value: '', meiomask: false }, { label: 'UF', name:'uf1', type:'select', maxlength:0, required:false, match:'#uf1', id:'uf1', value:["AC", "AL", "AM", "AP", "BA", "CE", "DF", "ES", "GO", "MA", "MT", "MS", "MG", "PA", "PB", "PR", "PE", "PI", "RJ", "RN", "RO", "RS", "RR", "SC", "SE", "SP", "TO" ], meiomask:false }, ], preview:true, }, ]; var formVillelaMatriz = { is2create: false, inputs: [], address: 1, appendForm: '#produto-form-personalizar .panel-body', buttonHandler: '#pagina-produto #produto-resumo button.confirm', endpoint: 'https://editor.print-one.com.br/api/modelo/{ID_MODELO}/layers/?key=30082018141200_yfBskt74CNBNkONmnFbbMXLXQRuAhs', preview:true, verify: function () { self = this; for (var index = 0; index < produtosInput.length; index++) { var prod = produtosInput[index]; if(prod.produtos.indexOf($('#idP').val()) > -1){ this.inputs = prod.inputs; this.is2create = true; this.preview = prod.preview; break; } } }, save: function () { self = this; var validate = true; localStorage.setItem('address', self.address); for (var i in self.inputs) { if (self.inputs[i].required && $('#' + self.inputs[i].id).val() == '') { alert('Campo ' + self.inputs[i].label + ' obrigat�rio'); $('#' + self.inputs[i].id).focus(); validate = false; break; } else { localStorage.setItem($('#' + self.inputs[i].id).data('match'), $('#' + self.inputs[i].id).val()); } } if (validate) { $(self.buttonHandler).click(); } }, createContainer: function () { $container = $('

Preencha os dados corretamente

'); $container.insertAfter('#innerOpcoes'); }, createForm: function () { self = this; // $.getScript( // 'https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.15/jquery.mask.js', // function(){ if (!self.inputs.length) { console.error('Nenhum input definido'); } else { for (var i in self.inputs) { $(self.appendForm).append(self.getInput(self.inputs[i])); } $button = $('
'); $button.css({ 'position': 'absolute', 'top': 0, 'left': 0, 'right': 0, 'bottom': 0, 'z-index': 1, 'cursor': 'pointer' }).click(function (event) { event.preventDefault(); formVillelaMatriz.save(); }); $(self.buttonHandler).css({ 'position': 'relative' }).parent().css({ 'position': 'relative' }).append($button) } // } // ); }, getInput: function (input) { $field = $('
'); var $input; if (input.type == 'select') { $input = $(''); for (var i in input.value) { $input.append(''); } } else { $input = $(''); } $input.attr({ 'name': input.name, 'id': input.id }).data({ 'match': input.match + '#', 'required': input.required, }) if (!!localStorage.getItem(input.match + '#')) { $input.val(localStorage.getItem(input.match + '#')); } if (input.maxlength) { $input.attr({ 'maxlength': input.maxlength, }).data({ 'maxlength': input.maxlength }) } var $label = $(''); $label.attr({ 'for': input.id }).text(input.label); var $span; if (input.maxlength) { $span = $('' + ($input.val().length) + '/' + input.maxlength + ''); $input.on('input', function () { max = $(this).data('maxlength'); current = $(this).val().length; $(this).next('span').text(current + '/' + max); }) } if (input.meiomask !== false) { $input.setMask(input.meiomask); } if (input['id'] == 'tel1') { $input.mask(SPMaskBehaviorFlyer, spOptionsFlyer); } if (input['id'] == 'tel2') { $input.mask(SPMaskBehaviorFlyer, spOptionsFlyer); } if (input.sptelephone) { $input.mask(SPMaskBehaviorFlyer, spOptionsFlyer); } $field.append($label); $field.append($input); $field.append($span); return $field; }, };var SPMaskBehaviorFlyer = function (val) { return val.replace(/\D/g, '').length === 11 ? '(00) 00000-0000' : '(00) 0000-00009'; }; var spOptionsFlyer = { onKeyPress: function (val, e, field, options) { field.mask(SPMaskBehaviorFlyer.apply({}, arguments), options); } }; var produtosInput = [ { produtos: ['KODRMOQMJ' , 'OOHMMOQMJ' , 'EPPNLOQMJ' , 'MPHPKOQMJ', 'QQEPKRJOJ', 'CPKNJRJOJ', 'QRJQGRJOJ', 'IQPOFRJOJ', 'QQEPKRJOJ', 'CPKNJRJOJ' ], inputs: [ { label: 'Nome', name: 'nome1', type: 'text', maxlength: 0, required: false, match: '#nome1', id: 'nome1', value: '', meiomask: false }, { label: 'E-mail', name: 'email1', type: 'text', maxlength: 0, required: false, match: '#email1', id: 'email1', value: '', meiomask: false }, { label: 'Celular', name: 'cel1', type: 'text', maxlength: 0, required: false, match: '#cel1', id: 'cel1', value: '', meiomask: { mask: '(nn) nnnnn-nnnn', autoTab: false, } }, { label: 'Telefone', name: 'tel1', type: 'text', maxlength: 0, required: false, match: '#tel1', id: 'tel1', value: '', meiomask: { mask: '(nn) nnnn-nnnn', autoTab: false, } }, { label: 'Endereço', name: 'end1', type: 'text', maxlength: 0, required: false, match: '#end1', id: 'end1', value: '', meiomask: false }, { label: 'Cidade', name: 'cidade1', type: 'text', maxlength: 0, required: false, match: '#cidade1', id: 'cidade1', value: '', meiomask: false }, { label: 'UF', name:'uf1', type:'select', maxlength:0, required:false, match:'#uf1', id:'uf1', value:["AC", "AL", "AM", "AP", "BA", "CE", "DF", "ES", "GO", "MA", "MT", "MS", "MG", "PA", "PB", "PR", "PE", "PI", "RJ", "RN", "RO", "RS", "RR", "SC", "SE", "SP", "TO" ], meiomask:false }, ], preview:true, }, { produtos: ['MRHNHQENJ', 'GNESHRJOJ'], inputs: [ { label: 'Nome', name: 'nome1', type: 'text', maxlength: 0, required: false, match: '#nome1', id: 'nome1', value: '', meiomask: false }, { label: 'E-mail', name: 'email1', type: 'text', maxlength: 0, required: false, match: '#email1', id: 'email1', value: '', meiomask: false }, { label: 'Celular', name: 'cel1', type: 'text', maxlength: 0, required: false, match: '#cel1', id: 'cel1', value: '', meiomask: { mask: '(nn) nnnnn-nnnn', autoTab: false, } }, { label: 'Telefone', name: 'tel1', type: 'text', maxlength: 0, required: false, match: '#tel1', id: 'tel1', value: '', meiomask: { mask: '(nn) nnnnn-nnnn', autoTab: false, } }, { label: 'Endereço', name: 'end1', type: 'text', maxlength: 0, required: false, match: '#end1', id: 'end1', value: '', meiomask: false }, { label: 'Cidade', name: 'cidade1', type: 'text', maxlength: 0, required: false, match: '#cidade1', id: 'cidade1', value: '', meiomask: false }, { label: 'UF', name:'uf1', type:'select', maxlength:0, required:false, match:'#uf1', id:'uf1', value:["AC", "AL", "AM", "AP", "BA", "CE", "DF", "ES", "GO", "MA", "MT", "MS", "MG", "PA", "PB", "PR", "PE", "PI", "RJ", "RN", "RO", "RS", "RR", "SC", "SE", "SP", "TO" ], meiomask:false }, { label: 'Cargo', name: 'cargo1', type: 'text', maxlength: 0, required: false, match: '#cargo1', id: 'cargo1', value: '', meiomask: false }, ], preview:true, }, { produtos: [ 'OOONLPQMJ' , 'CRGMMPQMJ' ], inputs: [ { label: 'Endereço', name: 'end1', type: 'text', maxlength: 0, required: false, match: '#end1', id: 'end1', value: '', meiomask: false }, { label: 'Bairro', name: 'bairro1', type: 'text', maxlength: 0, required: false, match: '#bairro1', id: 'bairro1', value: '', meiomask: false }, { label: 'Cidade', name: 'cidade1', type: 'text', maxlength: 0, required: false, match: '#cidade1', id: 'cidade1', value: '', meiomask: false }, { label: 'UF', name:'uf1', type:'select', maxlength:0, required:false, match:'#uf1', id:'uf1', value:["AC", "AL", "AM", "AP", "BA", "CE", "DF", "ES", "GO", "MA", "MT", "MS", "MG", "PA", "PB", "PR", "PE", "PI", "RJ", "RN", "RO", "RS", "RR", "SC", "SE", "SP", "TO" ], meiomask:false }, ], preview:true, }, { produtos: [ 'MPHNKODOJ' ], inputs: [ { label: 'Departamento', name: 'dep', type: 'text', maxlength: 0, required: false, match: '#dep', id: 'dep', value: '', meiomask: false }, ], preview:false, }, { produtos: [ 'OONPDRGNJ', 'MMPQLRJOJ', 'MMPQLRJOJ', ], inputs: [ { label: 'Endereço', name: 'end1', type: 'text', maxlength: 0, required: false, match: '#end1', id: 'end1', value: '', meiomask: false }, { label: 'Bairro', name: 'bairro1', type: 'text', maxlength: 0, required: false, match: '#bairro1', id: 'bairro1', value: '', meiomask: false }, { label: 'Cidade', name: 'cidade1', type: 'text', maxlength: 0, required: false, match: '#cidade1', id: 'cidade1', value: '', meiomask: false }, { label: 'UF', name:'uf1', type:'select', maxlength:0, required:false, match:'#uf1', id:'uf1', value:["AC", "AL", "AM", "AP", "BA", "CE", "DF", "ES", "GO", "MA", "MT", "MS", "MG", "PA", "PB", "PR", "PE", "PI", "RJ", "RN", "RO", "RS", "RR", "SC", "SE", "SP", "TO" ], meiomask:false }, { label: 'Telefone', name: 'tel1', type: 'text', maxlength: 0, required: false, match: '#tel1', id: 'tel1', value: '', meiomask: false }, ], preview:true, }, { produtos: [ 'MMGPKPQMJ' , ], inputs: [ { label: 'Endereço', name: 'end1', type: 'text', maxlength: 0, required: false, match: '#end1', id: 'end1', value: '', meiomask: false }, { label: 'Cidade', name: 'cidade1', type: 'text', maxlength: 0, required: false, match: '#cidade1', id: 'cidade1', value: '', meiomask: false }, { label: 'UF', name:'uf1', type:'select', maxlength:0, required:false, match:'#uf1', id:'uf1', value:["AC", "AL", "AM", "AP", "BA", "CE", "DF", "ES", "GO", "MA", "MT", "MS", "MG", "PA", "PB", "PR", "PE", "PI", "RJ", "RN", "RO", "RS", "RR", "SC", "SE", "SP", "TO" ], meiomask:false }, ], preview:true, }, { produtos: ['IORPQPQMJ' , ], inputs: [ { label: 'Nome', name: 'nome1', type: 'text', maxlength: 0, required: false, match: '#nome1', id: 'nome1', value: '', meiomask: false }, { label: 'Celular', name: 'cel1', type: 'text', maxlength: 0, required: false, match: '#cel1', id: 'cel1', value: '', meiomask: { mask: '(nn) nnnnn-nnnn', autoTab: false, } }, ], preview:true, }, { produtos: ['KOFPEMJNJ' , ], inputs: [ { label: 'Nome', name: 'nome1', type: 'text', maxlength: 0, required: false, match: '#nome1', id: 'nome1', value: '', meiomask: false }, ], preview:true, }, { produtos: ['CRLRCPQMJ' , 'ENDRMPQMJ' , ], inputs: [ { label: 'Nome', name: 'nome1', type: 'text', maxlength: 0, required: false, match: '#nome1', id: 'nome1', value: '', meiomask: false }, { label: 'Sobremone', name: 'sobrenome1', type: 'text', maxlength: 0, required: false, match: '#sobrenome1', id: 'sobrenome1', value: '', meiomask: false }, ], preview:true, }, { produtos: ['CRLRCPQMJ' , 'ENDRMPQMJ'], inputs: [ { label: 'Nome', name: 'nome1', type: 'text', maxlength: 0, required: false, match: '#nome1', id: 'nome1', value: '', meiomask: false }, { label: 'Sobremone', name: 'sobrenome1', type: 'text', maxlength: 0, required: false, match: '#sobrenome1', id: 'sobrenome1', value: '', meiomask: false }, ], preview:true, }, { produtos: ['0LNQOIQOMJ'], inputs: [ { label: 'Nome', name: 'nome1', type: 'text', maxlength: 0, required: false, match: '#nome1', id: 'nome1', value: '', meiomask: false }, { label: 'Cargo', name: 'cargo1', type: 'text', maxlength: 0, required: false, match: '#cargo1', id: 'cargo1', value: '', meiomask: false }, { label: 'Telefone', name: 'tel1', type: 'text', maxlength: 0, required: false, match: '#tel1', id: 'tel1', value: '', meiomask: { mask: '(nn) nnnnn-nnnn', autoTab: false, } }, { label: 'E-mail', name: 'email1', type: 'text', maxlength: 0, required: false, match: '#email1', id: 'email1', value: '', meiomask: false }, { label: 'Endereço', name: 'end1', type: 'text', maxlength: 0, required: false, match: '#end1', id: 'end1', value: '', meiomask: false }, { label: 'Cidade', name: 'cidade1', type: 'text', maxlength: 0, required: false, match: '#cidade1', id: 'cidade1', value: '', meiomask: false }, { label: 'UF', name:'uf1', type:'select', maxlength:0, required:false, match:'#uf1', id:'uf1', value:["AC", "AL", "AM", "AP", "BA", "CE", "DF", "ES", "GO", "MA", "MT", "MS", "MG", "PA", "PB", "PR", "PE", "PI", "RJ", "RN", "RO", "RS", "RR", "SC", "SE", "SP", "TO" ], meiomask:false }, ], preview:true, }, { produtos: ['4RQGQIQOMJ'], inputs: [ { label: 'Nome', name: 'nome1', type: 'text', maxlength: 0, required: false, match: '#nome1', id: 'nome1', value: '', meiomask: false }, { label: 'Cargo', name: 'cargo1', type: 'text', maxlength: 0, required: false, match: '#cargo1', id: 'cargo1', value: '', meiomask: false }, { label: 'Telefone', name: 'tel1', type: 'text', maxlength: 0, required: false, match: '#tel1', id: 'tel1', value: '', meiomask: { mask: '(nn) nnnnn-nnnn', autoTab: false, } }, { label: 'Telefone 2', name: 'tel2', type: 'text', maxlength: 0, required: false, match: '#tel2', id: 'tel2', value: '', meiomask: { mask: '(nn) nnnnn-nnnn', autoTab: false, } }, { label: 'E-mail', name: 'email1', type: 'text', maxlength: 0, required: false, match: '#email1', id: 'email1', value: '', meiomask: false }, { label: 'Endereço', name: 'end1', type: 'text', maxlength: 0, required: false, match: '#end1', id: 'end1', value: '', meiomask: false }, { label: 'Cidade', name: 'cidade1', type: 'text', maxlength: 0, required: false, match: '#cidade1', id: 'cidade1', value: '', meiomask: false }, { label: 'UF', name:'uf1', type:'select', maxlength:0, required:false, match:'#uf1', id:'uf1', value:["AC", "AL", "AM", "AP", "BA", "CE", "DF", "ES", "GO", "MA", "MT", "MS", "MG", "PA", "PB", "PR", "PE", "PI", "RJ", "RN", "RO", "RS", "RR", "SC", "SE", "SP", "TO" ], meiomask:false }, ], preview:true, }, { produtos: ['0EONRIQOMJ'], inputs: [ { label: 'Nome', name: 'nome1', type: 'text', maxlength: 0, required: false, match: '#nome1', id: 'nome1', value: '', meiomask: false }, { label: 'Cargo', name: 'cargo1', type: 'text', maxlength: 0, required: false, match: '#cargo1', id: 'cargo1', value: '', meiomask: false }, { label: 'Telefone 1', name: 'tel1', type: 'text', maxlength: 0, required: false, match: '#tel1', id: 'tel1', value: '', meiomask: false }, { label: 'E-Mail', name: 'email1', type: 'text', maxlength: 0, required: false, match: '#email1', id: 'email1', value: '', meiomask: false }, ], preview:true, }, { produtos: ['8KRPMJQOMJ'], inputs: [ { label: 'Nome', name: 'nome1', type: 'text', maxlength: 0, required: false, match: '#nome1', id: 'nome1', value: '', meiomask: false }, { label: 'Cargo', name: 'cargo1', type: 'text', maxlength: 0, required: false, match: '#cargo1', id: 'cargo1', value: '', meiomask: false }, { label: 'Telefone 1', name: 'tel1', type: 'text', maxlength: 0, required: false, match: '#tel1', id: 'tel1', value: '', meiomask: false }, { label: 'Telefone 2', name: 'tel2', type: 'text', maxlength: 0, required: false, match: '#tel2', id: 'tel2', value: '', meiomask: false }, { label: 'E-Mail', name: 'email1', type: 'text', maxlength: 0, required: false, match: '#email1', id: 'email1', value: '', meiomask: false }, ], preview:true, }, ]; var formVillela = { is2create: false, inputs: [], address: 1, appendForm: '#produto-form-personalizar .panel-body', buttonHandler: '#pagina-produto #produto-resumo button.confirm', endpoint: 'https://editor.print-one.com.br/api/modelo/{ID_MODELO}/layers/?key=30082018141200_yfBskt74CNBNkONmnFbbMXLXQRuAhs', preview:true, verify: function () { self = this; for (var index = 0; index < produtosInput.length; index++) { var prod = produtosInput[index]; if(prod.produtos.indexOf($('#idP').val()) > -1){ this.inputs = prod.inputs; this.is2create = true; this.preview = prod.preview; break; } } }, save: function () { self = this; var validate = true; localStorage.setItem('address', self.address); for (var i in self.inputs) { if (self.inputs[i].required && $('#' + self.inputs[i].id).val() == '') { alert('Campo ' + self.inputs[i].label + ' obrigat�rio'); $('#' + self.inputs[i].id).focus(); validate = false; break; } else { localStorage.setItem($('#' + self.inputs[i].id).data('match'), $('#' + self.inputs[i].id).val()); } } if (validate) { $(self.buttonHandler).click(); } }, createContainer: function () { $container = $('

Preencha os dados corretamente

'); $container.insertAfter('#innerOpcoes'); }, createForm: function () { self = this; // $.getScript( // 'https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.15/jquery.mask.js', // function(){ if (!self.inputs.length) { console.error('Nenhum input definido'); } else { for (var i in self.inputs) { $(self.appendForm).append(self.getInput(self.inputs[i])); } $button = $('
'); $button.css({ 'position': 'absolute', 'top': 0, 'left': 0, 'right': 0, 'bottom': 0, 'z-index': 1, 'cursor': 'pointer' }).click(function (event) { event.preventDefault(); formVillela.save(); }); $(self.buttonHandler).css({ 'position': 'relative' }).parent().css({ 'position': 'relative' }).append($button) } // } // ); }, getInput: function (input) { $field = $('
'); var $input; if (input.type == 'select') { $input = $(''); for (var i in input.value) { $input.append(''); } } else { $input = $(''); } $input.attr({ 'name': input.name, 'id': input.id }).data({ 'match': input.match + '#', 'required': input.required, }) if (!!localStorage.getItem(input.match + '#')) { $input.val(localStorage.getItem(input.match + '#')); } if (input.maxlength) { $input.attr({ 'maxlength': input.maxlength, }).data({ 'maxlength': input.maxlength }) } var $label = $(''); $label.attr({ 'for': input.id }).text(input.label); var $span; if (input.maxlength) { $span = $('' + ($input.val().length) + '/' + input.maxlength + ''); $input.on('input', function () { max = $(this).data('maxlength'); current = $(this).val().length; $(this).next('span').text(current + '/' + max); }) } if (input.meiomask !== false) { $input.setMask(input.meiomask); } if (input['id'] == 'tel1') { $input.mask(SPMaskBehaviorFlyer, spOptionsFlyer); } if (input.sptelephone) { $input.mask(SPMaskBehaviorFlyer, spOptionsFlyer); } $field.append($label); $field.append($input); $field.append($span); return $field; }, }; $(document).ready(function(){ formVillelaMatriz.verify(); if(formVillelaMatriz.is2create){ formVillelaMatriz.createContainer(); formVillelaMatriz.createForm(); } });