API tools faq
paste
luccasrodrigo

header.php

luccasrodrigo
Sep 10th, 2017
181
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
JavaScript 19.01 KB | None | 0 0
raw download clone embed print report
  1. <?php include_once "config/config.php"; ?>
  2.  
  3. <!--A Design by W3layouts
  4. Author: W3layout
  5. Author URL: http://w3layouts.com
  6. License: Creative Commons Attribution 3.0 Unported
  7. License URL: http://creativecommons.org/licenses/by/3.0/
  8. -->
  9. <!DOCTYPE html>
  10. <head>
  11. <title>Colored  an Admin Panel Category Flat Bootstrap Responsive Website Template | Inputs :: w3layouts</title>
  12. <meta name="viewport" content="width=device-width, initial-scale=1">
  13. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  14. <meta name="keywords" content="Colored Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
  15. Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
  16. <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
  17. <!-- bootstrap-css -->
  18. <link rel="stylesheet" href="css/bootstrap.css">
  19. <!-- //bootstrap-css -->
  20. <!-- Custom CSS -->
  21. <link href="css/style.css" rel='stylesheet' type='text/css' />
  22. <!-- font CSS -->
  23. <link href='//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
  24. <!-- font-awesome icons -->
  25. <link rel="stylesheet" href="css/font.css" type="text/css"/>
  26. <link href="css/font-awesome.css" rel="stylesheet">
  27.  
  28. <!-- jQuery UI -->
  29. <link rel="stylesheet" href="css/jquery-ui.css">
  30.  
  31. <!-- //font-awesome icons -->
  32. <script src="js/jquery-3.2.0.min.js"></script>
  33. <script src="js/modernizr.js"></script>
  34. <script src="js/jquery.cookie.js"></script>
  35. <script src="js/screenfull.js"></script>
  36. <script src="js/filtro.js"></script>
  37. <script src="js/jquery.mask.min.js"></script>
  38. <script src="js/jquery.maskMoney.min.js" type="text/javascript"></script>
  39. <script src="js/custom.js"></script>
  40. <script src="js/jquery-ui.js"></script>
  41.  
  42.         <script>
  43.         $(function () {
  44.             $('#supported').text('Supported/allowed: ' + !!screenfull.enabled);
  45.  
  46.             if (!screenfull.enabled) {
  47.                 return false;
  48.             }
  49.  
  50.            
  51.  
  52.             $('#toggle').click(function () {
  53.                 screenfull.toggle($('#container')[0]);
  54.             });
  55.         });
  56.         </script>
  57.        
  58.          <!-- tables -->
  59. <link rel="stylesheet" type="text/css" href="css/table-style.css" />
  60. <link rel="stylesheet" type="text/css" href="css/basictable.css" />
  61. <script type="text/javascript" src="js/jquery.basictable.min.js"></script>
  62. <script type="text/javascript">
  63.     $(document).ready(function() {
  64.       $('#table').basictable();
  65.  
  66.       $('#table-breakpoint').basictable({
  67.         breakpoint: 768
  68.       });
  69.  
  70.       $('#table-swap-axis').basictable({
  71.         swapAxis: true
  72.       });
  73.  
  74.       $('#table-force-off').basictable({
  75.         forceResponsive: false
  76.       });
  77.  
  78.       $('#table-no-resize').basictable({
  79.         noResize: true
  80.       });
  81.  
  82.       $('#table-two-axis').basictable();
  83.  
  84.       $('#table-max-height').basictable({
  85.         tableWrapper: true
  86.       });
  87.     });
  88. </script>
  89. <!-- //tables -->
  90.  
  91. <!-- Gerenciar -->
  92.         <script>
  93.         var itemCarrinho = []; // Array com todos elementos inseridos
  94.         var num_linha = 0;
  95.        
  96.         function removerItem(linha, indice){
  97.             $('table#tabela-itens tr#num_tr-'+linha).remove();
  98.  
  99.             if (indice > -1) {
  100.                 alert("Removeu item com indice: " + indice);
  101.                 itemCarrinho.splice(indice, 1);
  102.                
  103.                 for(var i=0; i<num_linha; i++) {
  104.                     document.getElementById('num_tr-'+(linha+1)).id = 'num_tr-'+linha;
  105.                     $('#num_btn-'+(linha+1)).val(linha);
  106.                     linha++;
  107.                 }
  108.             }
  109.            
  110.             num_linha--;
  111.             console.log(itemCarrinho);
  112.         }
  113.  
  114.         $(document).ready(function(e) {    
  115.         var total_ = 0;
  116.         var total = 0;
  117.        
  118.        
  119.         $( "#inserir-item" ).click(function() {
  120.             var atualizarQuantidade = 0;
  121.             /*if($('#produto').val() == ''){
  122.                 alert("Um produto deve ser selecionado.");
  123.                 return false;
  124.             }else if($('#largura').val() == ''){
  125.                 alert("O campo largura deve ser preenchido.");
  126.                 return false;
  127.             }else if($('#altura').val() == ''){
  128.                 alert("O campo altura deve ser preenchido.");
  129.                 return false;
  130.             }else if($('#quantidade').val() == ''){
  131.                 alert("O campo quantidade deve ser preenchido.");
  132.                 return false;
  133.             }else if($('#codigo').val() == ''){
  134.                 alert("Um material deve ser selecionado.");
  135.                 return false;
  136.             }*/
  137.            
  138.             var codigo = $("#codigo").val();
  139.             var produto = "Produto X";
  140.             var descricao = $("#descricao").val();
  141.             var quantidade = $("#quantidade").val();
  142.             var largura = "50MM";
  143.             var altura = "60MM";
  144.             var preco = $("#preco").val();
  145.  
  146.             //console.log(itemCarrinho);
  147.             for(var i=0; i<itemCarrinho.length; i++) {
  148.                 console.log(itemCarrinho[i]);
  149.                 if(itemCarrinho[i]['codigo'] === codigo){
  150.                     alert("Atualizando item no carrinho, indice: " + i);
  151.                     $("#sub-quantidade").val(parseInt(itemCarrinho[i]['quantidade']) + parseInt(quantidade));
  152.                     itemCarrinho[i]['quantidade'] = parseInt(itemCarrinho[i]['quantidade']) + parseInt(quantidade);
  153.                     atualizarQuantidade = 1;
  154.                 }
  155.             }
  156.            
  157.             if(atualizarQuantidade == 0){
  158.                 var oItem = {
  159.                     codigo: codigo,
  160.                     descricao: descricao,
  161.                     quantidade: quantidade,
  162.                     preco: preco
  163.                 }
  164.                 console.log(itemCarrinho);
  165.                 itemCarrinho.push(oItem);
  166.                 indice = itemCarrinho.indexOf(oItem);
  167.                 alert("Inserindo item no carrinho, indice: " + indice);
  168.                 $('#tabela-itens').append(
  169.             '<tr id="num_tr-'+ num_linha +'"><td>'+ codigo +'</td> <td>'+ produto +'</td> <td>'+ descricao +'</td> <td><input readonly style="background:none; border:none; width:100px;" value="'+ quantidade +'" id="sub-quantidade"/></td> <td>'+ largura +'</td> <td>'+ altura +'</td> <td>'+ preco +'</td> <center><input type="checkbox"></center></td> <td><button id="num_btn-'+ num_linha +'" type="button" style="background-color:#E4E4E4; color:#000" onclick="removerItem('+ num_linha +', this.value)" value="'+indice+'" class="btn w3ls-button">Remover</button></td> </tr>'
  170.                 );
  171.                 num_linha++;
  172.            
  173.             }
  174.             total_ = total_ + parseFloat(preco)*parseInt(quantidade);
  175.             total = total_.toLocaleString("pt-BR", { style: "currency",  currency: 'BRL'});
  176.             $('#total-cotacao').val(total.replace("R$", "R$ "));
  177.         });
  178.  
  179.         $('#produto').on('change', function() {
  180.           if ($(this).val() == 'Cortina') {
  181.             $('#inserir-cortina').show();
  182.             $("input[name='largura']").val( '' );
  183.             $("input[name='altura']").val( '' );
  184.           }
  185.           else {
  186.             $('#wrap-item').show();
  187.             $('#inserir-cortina').hide();
  188.             $("input[name='espessura']").val( '' );
  189.            
  190.           }
  191.         });
  192.         });
  193.         </script>
  194. <!-- //Gerenciar -->
  195.  
  196. <script>
  197.         $(document).ready(function(e) {
  198.            
  199.             $('#cadastrarMaterial').on('click', function(event){
  200.                 event.preventDefault();
  201.                
  202.                 jQuery.ajax({
  203.                     data: $('#formCadMaterial, #formComposicao').serialize(),
  204.                     url: 'actions/cadastrar-material.php',
  205.                     method: 'post',
  206.                     success: function(){
  207.                     }
  208.                 });
  209.             });
  210.             var clone_index = 0;
  211.            
  212.             $('#addComp').on('click', function () {
  213.                 // Guarda primeiro item na variável "original"
  214.                 var original = $(".itemComposicao:eq(0)");
  215.                
  216.                 // Guarda todos os items na variável "todosSelectes"
  217.                 var todosSelects = $("select.composicao");
  218.                 // Clona o primeiro item
  219.                 var clone = original.clone();
  220.                 // Remove os items selecionados anteriormente.
  221.                 $('option', clone).filter(function (i) {
  222.                     return todosSelects.find('option:selected[value="' + $(this).val() + '"]').length;
  223.                 }).remove();
  224.                 // Verifica a quantidade de opções que tem o último select
  225.                 // Se for maior que 1, clona o elemento, caso for igual a 1
  226.                 // não faz nada.
  227.                
  228.                 var ultimo = $("select.composicao:last option").length;
  229.                 if (ultimo > 1) {
  230.                     $('#formComposicao').append(clone);
  231.                     clone_index++;
  232.                     clone.attr('id', 'linha_' + clone_index);
  233.                 }
  234.             });
  235.        
  236.         $(document).on('click', '.removerComp', function (event) {
  237.             event.preventDefault();
  238.            
  239.             if($(".itemComposicao:eq(0)").find('button').length == 1){
  240.                 alert("Mínimo 1 composição obrigatória.");
  241.                 return;
  242.             }else{
  243.                 $(this).parent().parent().parent().remove();
  244.             }
  245.         });
  246.        
  247.         $('#tipo-pessoa').on('change', function() {
  248.           if ($(this).val() == 'PF') {
  249.              
  250.             $("input[name='razao-social']").removeAttr("required");
  251.             $("input[name='insc-estadual']").removeAttr("required");
  252.             $("input[name='cnpj']").removeAttr("required");
  253.            
  254.             $("input[name='razao-social']").val('');
  255.             $("input[name='insc-estadual']").val('');
  256.             $("input[name='cnpj']").val('');
  257.             $('#col-razao-social').hide();
  258.             $('#col-insc-estadual').hide();
  259.             $('#col-cnpj').hide();
  260.            
  261.             $('#col-cpf').show();
  262.             $('#col-nome').show();
  263.             $("input[name='nome']").attr("required", "required");          
  264.           } else {
  265.             $("input[name='nome']").removeAttr("required");
  266.             $("input[name='nome']").val('');
  267.             $("input[name='cpf']").val('');
  268.             $('#col-nome').hide();
  269.             $('#col-cpf').hide();
  270.            
  271.             $('#col-cnpj').show();
  272.             $('#col-insc-estadual').show();
  273.             $('#col-razao-social').show();
  274.             $("input[name='cnpj']").attr("required", "required");
  275.             $("input[name='insc-estadual']").attr("required", "required");
  276.             $("input[name='razao-social']").attr("required", "required");
  277.           }
  278.         });
  279.         });
  280.         </script>
  281.        
  282.         <script>
  283.           $(function() {
  284.             $('#currency').maskMoney();
  285.           })
  286.         </script>
  287.  
  288.         <script>
  289. $(document).ready(function(e) {
  290.    
  291.         $("#preco-custo").maskMoney({prefix:'R$ ', allowNegative: false, thousands:'.', decimal:',', affixesStay: false});
  292.        
  293.         /*
  294.         var subcat = 0;
  295.         var subcat_ = '', sub_cat = '',  _subcat_ = '';
  296.        
  297.         $('.ocultar').on('change', function() {
  298.             <!-- Ocultar subcategoria atual em OP Multiuso -->
  299.             if(subcat == 0){
  300.                 var subcategoria = $('#subcategoria').val();
  301.                
  302.                 if(sub_cat !== ''){
  303.                     $("select#multiuso.form-control1 option[value=" + sub_cat + "]").show();
  304.                     $("select#multiuso.form-control1 option[value=" + _subcat_ + "]").show();
  305.                 }
  306.                 $("select#multiuso.form-control1 option[value=" + subcategoria + "]").hide();
  307.                 subcat_ = subcategoria;
  308.                 subcat = 1;
  309.             }else{
  310.                 var subcategoria = $('#subcategoria').val();
  311.                 if(subcat_ !== ''){
  312.                     $("select#multiuso.form-control1 option[value=" + subcat_ + "]").show();
  313.                     $("select#multiuso.form-control1 option[value=" + _subcat_ + "]").show();
  314.                 }
  315.                 $("select#multiuso.form-control1 option[value=" + subcategoria + "]").hide();
  316.                 sub_cat = subcategoria;
  317.                 subcat = 0;
  318.             }
  319.             <!-- // Ocultar subcategoria atual em OP Multiuso -->
  320.         });
  321.        
  322.         $('#categoria').on('change', function() {
  323.             setTimeout(function (){
  324.                 var subcategoria = $('#subcategoria').val();
  325.                 $("select#multiuso.form-control1 option[value=" + subcategoria + "]").hide();
  326.                 _subcat_ = subcategoria;
  327.             }, "100");
  328.         });
  329.         */
  330. });
  331. </script>
  332.  
  333.  
  334. <!-- Menu Responsivo -->
  335.     <script>
  336.     $( document ).ready(function() {
  337.  
  338.         var timer;
  339.         var i;
  340.         var detect_;
  341.         var detect = 0;
  342.         $('.main-menu-access').click(function() {
  343.            
  344.             $('body').append("<style type='text/css'>@media(max-width:479px) {nav.main-menu{max-height:none} }</style>");
  345.             if(detect == 0){
  346.                 detect_ = setTimeout(function(){
  347.                     $('body').append("<style type='text/css'>@media(max-width:479px) {nav.main-menu{max-height:0} }</style>");
  348.                 },3000);
  349.             }
  350.             $('.main-menu').hover(function()
  351.             {  
  352.                 detect = 1;
  353.                 clearTimeout(timer);
  354.                 clearTimeout(detect_);
  355.                 $('body').append("<style type='text/css'>@media(max-width:479px) {nav.main-menu{max-height:none} }</style>");
  356.             }, function()
  357.             {
  358.                 timer = setTimeout(function(){
  359.                     $('body').append("<style type='text/css'>@media(max-width:479px) {nav.main-menu{max-height:0} }</style>");
  360.                 },3000);
  361.             });
  362.            
  363.          });
  364.          
  365.         $(document).on('click', function (event) {
  366.           if(i === 1){ // Acionou body, exceto .main-menu-access
  367.              $('body').append("<style type='text/css'>@media(max-width:479px) {nav.main-menu{max-height:0} }</style>");
  368.              i = 0;
  369.           }
  370.         });
  371.         $('.main-menu-access').on('click', function (event) {
  372.           event.stopPropagation();
  373.           i = 1;
  374.         });
  375.  
  376.     });
  377.        
  378.     </script>
  379.     <!-- // Menu Responsivo -->
  380.    
  381.     <!-- input-forms -->
  382.         <script type="text/javascript" src="js/valida.2.1.6.min.js"></script>
  383.         <script type="text/javascript" >
  384.  
  385.             $(document).ready(function() {
  386.  
  387.                 // show Valida's version.
  388.                 $('#version').valida( 'version' );
  389.  
  390.                 // Exemple 1
  391.                 $('.valida').valida();
  392.  
  393.                 // Exemple 2
  394.                 /*
  395.                 $('.valida').valida({
  396.  
  397.                     // basic settings
  398.                     validate: 'novalidate',
  399.                     autocomplete: 'off',
  400.                     tag: 'p',
  401.  
  402.                     // default messages
  403.                     messages: {
  404.                         submit: 'Wait ...',
  405.                         required: 'Este campo é obrigatório',
  406.                         invalid: 'Field with invalid data',
  407.                         textarea_help: 'Digitados <span class="at-counter">{0}</span> de {1}'
  408.                     },
  409.  
  410.                     // filters & callbacks
  411.                     use_filter: true,
  412.  
  413.                     // a callback function that will be called right before valida runs.
  414.                     // it must return a boolan value (true for good results and false for errors)
  415.                     before_validate: null,
  416.  
  417.                     // a callback function that will be called right after valida runs.
  418.                     // it must return a boolan value (true for good results and false for errors)
  419.                     after_validate: null
  420.  
  421.                 });
  422.                 */
  423.  
  424.         // setup the partial validation
  425.                 $('#partial-1').on('click', function( ev ) {
  426.                     ev.preventDefault();
  427.                     $('#res-1').click(); // clear form error msgs
  428.                     $('form').valida('partial', '#field-1'); // validate only field-1
  429.                     $('form').valida('partial', '#field-1-3'); // validate only field-1-3
  430.                 });
  431.  
  432.             });
  433.  
  434.         </script>
  435.         <!-- //input-forms -->
  436.         <!--validator js-->
  437.         <script src="js/validator.min.js"></script>
  438.         <!--//validator js-->
  439.        
  440.         <!-- Mascara CPF | CNPJ -->
  441.         <script type="text/javascript">
  442.         $(document).ready(function(){
  443.             $('.cpf').mask('000.000.000-00', {reverse: true});
  444.             $('.cnpj').mask('00.000.000/0000-00', {reverse: true});
  445.             $('.celular').mask('(00) 90000-0000');
  446.             $('.fixo').mask('(00) 0000-0000');
  447.             $('.ie_go').mask('00.000.000-0');
  448.             $('.cep').mask('00000-000');
  449.            
  450.             var url = window.location.pathname;
  451.             if(url !== '/painel/editar_material.php'){
  452.                 $('#categoria').on('change', function() {
  453.                     if($('#produto').val() == 1 && $(this).val() != 1){ // 1 = Peças e Acessórios de Cortina
  454.                         $('.codigo-subcategoria').mask('XX-0000', {translation:  {'X': {pattern: /[a-zA-Z]/}}});
  455.                         $('#col-acabamento').hide();
  456.                         $('#col-acionamento').hide();
  457.                         $('#col-cor').hide();
  458.                     }else if($('#produto').val() == 2 && $(this).val() != 2){ // 2 = Peças e Acessórios de Persiana
  459.                         $('.codigo-subcategoria').mask('XX-0000', {translation:  {'X': {pattern: /[a-zA-Z]/}}});
  460.                         $('#col-acabamento').hide();
  461.                         $('#col-acionamento').show();
  462.                         $('#col-cor').show();
  463.                     }else{
  464.                         $('.codigo-acessorios').mask('XXXX-00', {translation:  {'X': {pattern: /[a-zA-Z]/}}});
  465.                         $('#col-acionamento').hide();
  466.                         $('#col-acabamento').show();
  467.                         $('#col-cor').show();
  468.                     }
  469.                 });
  470.             }else{
  471.                 if($('#categoria').val() != 1 && $('#categoria').val() != 2){
  472.                     $('.codigo-subcategoria').mask('XX-0000', {translation:  {'X': {pattern: /[a-zA-Z]/}}});
  473.                 }else{
  474.                     $('.codigo-acessorios').mask('XXXX-00', {translation:  {'X': {pattern: /[a-zA-Z]/}}});
  475.                 }
  476.             }
  477.            
  478.         });
  479.         </script>
  480.                                            
  481.         <!-- Mascara CEP -->
  482.         <script>
  483.             function formatar(mascara, documento){
  484.               var i = documento.value.length;
  485.               var saida = mascara.substring(0,1);
  486.               var texto = mascara.substring(i)
  487.              
  488.               if (texto.substring(0,1) != saida){
  489.                         documento.value += texto.substring(0,1);
  490.               }
  491.             }
  492.         </script>
  493.    
  494.         <!-- Consulta CEP -->
  495.     <script type="text/javascript" >
  496.     function limpa_formulário_cep() {
  497.             //Limpa valores do formulário de cep.
  498.             document.getElementById('logradouro').value=("");
  499.             document.getElementById('bairro').value=("");
  500.             document.getElementById('cep').value=("");
  501.             document.getElementById('cidade').value=("");
  502.             document.getElementById('uf').value=("");
  503.             //document.getElementById('ibge').value=("");
  504.     }
  505.  
  506.     function meu_callback(conteudo) {
  507.         if (!("erro" in conteudo)) {
  508.             //Atualiza os campos com os valores.
  509.            
  510.             var x = document.getElementById('logradouro').value=(conteudo.logradouro);
  511.             var y = document.getElementById('bairro').value=(conteudo.bairro);
  512.            
  513.             var w = document.getElementById('cidade').value=(conteudo.localidade);
  514.             var z = document.getElementById('uf').value=(conteudo.uf);
  515.            
  516.             if(x == "" || y == ""){
  517.                 $('#logradouro').removeAttr('readonly');
  518.                 $('#bairro').removeAttr('readonly');
  519.             }
  520.             else{
  521.                 $('#logradouro').attr('readonly', 'readonly');
  522.                 $('#bairro').attr('readonly', 'readonly');
  523.             }
  524.             if(w == "..." || z == "..."){
  525.                 $('#logradouro').removeAttr('cidade');
  526.                 $('#bairro').removeAttr('uf');
  527.             }
  528.             else{
  529.                 $('#logradouro').attr('readonly', 'readonly');
  530.                 $('#bairro').attr('readonly', 'readonly');
  531.             }
  532.             $("#cep_error").hide();
  533.             //document.getElementById('ibge').value=(conteudo.ibge);
  534.         } //end if.
  535.         else {
  536.             //CEP não Encontrado.
  537.             limpa_formulário_cep();
  538.             //alert("CEP não encontrado!");
  539.             $("#cep_error").show();
  540.             setTimeout(function() {
  541.                 $("#cep_error").hide();
  542.             }, 2000);
  543.         }
  544.     }
  545.        
  546.     function pesquisacep(valor) {
  547.  
  548.         //Nova variável "cep" somente com dígitos.
  549.         var cep = valor.replace(/\D/g, '');
  550.  
  551.         //Verifica se campo cep possui valor informado.
  552.         if (cep != "") {
  553.  
  554.             //Expressão regular para validar o CEP.
  555.             var validacep = /^[0-9]{8}$/;
  556.  
  557.             //Valida o formato do CEP.
  558.             if(validacep.test(cep)) {
  559.  
  560.                 //Preenche os campos com "..." enquanto consulta webservice.
  561.                 document.getElementById('logradouro').value="...";
  562.                 document.getElementById('bairro').value="...";
  563.                 document.getElementById('cidade').value="...";
  564.                 document.getElementById('uf').value="...";
  565.                 //document.getElementById('ibge').value="...";
  566.  
  567.                 //Cria um elemento javascript.
  568.                 var script = document.createElement('script');
  569.  
  570.                 //Sincroniza com o callback.
  571.                 script.src = '//viacep.com.br/ws/'+ cep + '/json/?callback=meu_callback';
  572.  
  573.                 //Insere script no documento e carrega o conteúdo.
  574.                 document.body.appendChild(script);
  575.  
  576.             } //end if.
  577.             else {
  578.                 //cep é inválido.
  579.                 limpa_formulário_cep();
  580.                 //alert("Formato de CEP inválido!");
  581.             }
  582.         } //end if.
  583.         else {
  584.             //cep sem valor, limpa formulário.
  585.             limpa_formulário_cep();
  586.         }
  587.     };
  588.  
  589.     </script>
  590. </head>
  591. <body class="dashboard-page">
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!