Ir para conteúdo

POWERED BY:

granderodeo

Abrir modal relativa ao id do pedido

Recommended Posts

Tenho a página pedidos.php, que recebe todos os pedidos que foram feitos no site nessa página tem informações com ID do pedido, ID do usuário, Endereço etc. Fiz um botão `Produtos` para que quando o ADM clique, abra uma modal vinda de outra página `modalbox.php`, com os produtos pedidos referentes aquele pedido. Por exemplo Pedido nº 833 ao lado dele terá um botão `Produtos` e quero que quando abrir a modal venha somente os produtos pedidos pelo 833. Com o código que tenho até o momento a modal abre, mas não mostra os produtos.

 

pedidos.php

       <!--------------------------------
PEDIDOS ------------------------->
 <div class="table-responsive mt-2">
        <table class="table table-bordered table-striped text-center">
         <thead>
         <tr>
            <td colspan="9">
              <h4 class="text-center text-info m-0">Pedidos realizados</h4>
            </td>
          </tr>
          <tr>
            <th class="text-center">ID do pedido</th>
            <th class="text-center">Nome do cliente</th>
            <th class="text-center">E-mail</th>
            <th class="text-center">Endereço</th>
            <th class="text-center">Número da casa</th>
            <th class="text-center">Valor</th>
            <th class="text-center">ID cliente</th>
            <th class="text-center">Situação</th>
            <th class="text-center">Produtos</th>

          </tr>
         </thead>
          <tbody>
            <?php
              require 'conexao_pedidos.php';
              $stmt = $conn->prepare("SELECT * FROM orders");
              $stmt->execute();
              $result = $stmt->get_result();
              while($row = $result->fetch_assoc()):

            ?>
            <tr>
              <td>
              <?= $row['order_id'] ?></td> <!-- ID do pedido -->
              <td>
               <?= $row['order_name'] ?></td>
              </td> 
              <td><?= $row['order_email'] ?>
              </td>
              <td>
              <?= $row['order_endereco'] ?>
              </td>
              <td>
              <?= $row['order_numero'] ?>
              </td>
        

              <td>R$<?= $row['valor_total'] ?></td> 
                

              <td><?= $row['id_usuario'] ?> </td>  
           
          <!---- BOTÃO PARA ABRIR MODAL COM OS PRODUTOS ---->
       <td>
<a class="btn btn-danger pull-right" data-toggle="modal" href="#myModal" id="modellink" data-client="<?= $row['order_id'] ?>">Produtos</a>
<div class="modal-container"></div>

   <!----FIM BOTÃO PARA ABRIR MODAL COM OS PRODUTOS ---->           
 
            </tr>
              <?php endwhile; ?>
          </tbody>  
        </table>
      </div>
  

<!----- JQUERY PARA ABRIR MODAL ----->
<script type="text/javascript">
$(document).ready(function(){
    var order_id = $(this).attr("data-client");
    var url = "modalbox.php?order_id=" + order_id;
    $_post(url,{
        order_id = order_id,
    },
	jQuery('#modellink').click(function(e) {
	    $('.modal-container').load(url,function(result){
			$('#myModal').modal({show:true});
		});
	});
});
</script>

 

modalbox.php

<div id="myModal" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            </div>
            <div class="modal-body">
                <div class="table-responsive mt-2">
        <table class="table table-bordered table-striped text-center">
         <thead>
         <tr>
            <td colspan="8">
              <h4 class="text-center text-info m-0">Produtos dos pedidos</h4>
            </td>
          </tr>
          <tr>
            <th>ID do pedido</th>
            <th>ID cliente</th>
            <th>ID produto</th>
            <th>Quantidade</th>

          </tr>
         </thead>
          <tbody>
              <?php
              extract($order_id);
              if (isset($_GET['order_id']))
            {
                $order_id = $_GET['order_id'];
            }
            else
                {
                    die("ERRO: ID não definido.");
                }
              require 'conexao_pedidos.php';
              $stmt = $conn->prepare("SELECT * FROM orders_items WHERE order_id = '$order_id'");
              $stmt->execute();
              $result = $stmt->get_result();
              while($row = $result->fetch_assoc()):
            ?>
            <tr>
                <td>
               <?= $row['order_id'] ?>
              </td> 
              <td>
               <?= $row['id_usuario'] ?></td>
              </td>
              <td>
               <?= $row['product_id'] ?>
              </td>
              <td>
               <?= $row['quantity'] ?>
              </td>

              <!------- FIM ITEM REMOVER DO CARRINHO ------->
             

            </tr>
      <?php endwhile; ?>
          </tbody>  
        </table>
      </div>
</div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save</button>
            </div>
        </div>
    </div>
</div>

 

produtos.png

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por violin101
      Caros amigos, saudações.

      Estou com uma dúvida, referente cálculo de valores em tempo real.

      Tenho uma rotina, que faz o cálculo, o problema é mostrar o resultado.

      Quero mostrar o RESULTADO assim: 0,00  ou  0.00

      Abaixo posto o código.
      jQuery('input').on('keyup',function(){ //Remover ponto e trocar a virgula por ponto var m = document.getElementById("pgRest").value; while (m.indexOf(".") >= 0) { m = m.replace(".", ""); } m = m.replace(",","."); //Remover ponto e trocar a virgula por ponto var j = document.getElementById("pgDsct").value; while (j.indexOf(".") >= 0) { j = j.replace(".", ""); } j = j.replace(",","."); m = parseFloat(jQuery('#pgRest').val() != '' ? jQuery('#pgRest').val() : 0); j = parseFloat(jQuery('#pgDsct').val() != '' ? jQuery('#pgDsct').val() : 0); //Mostra o Resultado em Tempo Real jQuery('#pgTroco').val(m - j); <<=== aqui estou errando })  
       
      Grato,
       
      Cesar
       
       
    • Por violin101
      Caro amigos, saudações.

      Tenho uma tabela escrita em JS que funciona corretamente.
       
      Minha dúvida:
      - como devo fazer para quando a Tabela HTML estiver vazia, exibir o LOGO da Empresa ?

      Abaixo posto o script:
      document.addEventListener( 'keydown', evt => { if (!evt.ctrlKey || evt.key !== 'i' ) return;// Não é Ctrl+A, portanto interrompemos o script evt.preventDefault(); //Chama a Função Calcular Qtde X Valor Venda calcvda(); var idProdutos = document.getElementById("idProdutos").value; var descricao = document.getElementById("descricao").value; var prd_unid = document.getElementById("prd_unid").value; var estoque_atual = document.getElementById("estoque_atual").value; var qtde = document.getElementById("qtde").value; var vlrunit = document.getElementById("vlrunit").value; var vlrtotals = document.getElementById("vlrtotal").value; var vlrtotal = vlrtotals.toLocaleString('pt-br', {minimumFractionDigits: 2}); if(validarConsumo(estoque_atual)){ //Chama a Modal com Alerta. $("#modal_qtdemaior").modal(); } else { if(qtde == "" || vlrunit == "" || vlrtotal == ""){ //Chama a Modal com Alerta. $("#modal_quantidade").modal(); } else { //Monta a Tabela com os Itens html = "<tr style='font-size:13px;'>"; html += "<td width='10%' height='10' style='text-align:center;'>"+ "<input type='hidden' name='id_prds[]' value='"+idProdutos+"'>"+idProdutos+"</td>"; html += "<td width='47%' height='10'>"+ "<input type='hidden' name='descricao[]' value='"+descricao+"'>"+descricao+ "<input type='hidden' name='esp[]' value='"+prd_unid+"'> - ESP:"+prd_unid+ "<input type='hidden' name='estoq[]' value='"+estoque_atual+"'></td>"; html += "<td width='10%' height='10' style='text-align:center;'>"+ "<input type='hidden' name='qtde[]' value='"+qtde+"'>"+qtde+"</td>"; html += "<td width='12%' height='10' style='text-align:right;'>"+ "<input type='hidden' name='vlrunit[]' value='"+vlrunit+"'>"+vlrunit+"</td>"; html += "<td width='14%' height='10' style='text-align:right;'>"+ "<input type='hidden' name='vlrtotal[]' value='"+vlrtotal+"'>"+vlrtotal+"</td>"; html += "<td width='12%' height='10' style='text-align:center;'>"+ "<button type='button' class='btn btn-uvas btn-remove-produto' style='margin-right:1%; padding:1px 3px; font-size:12px;' title='Remover Item da Lista'>"+ "<span class='fa fa-minus' style='font-size:12px;'></span></button></td>"; html += "</tr>"; $("#tbventas tbody").append(html); //Função para Somar os Itens do Lançamento somar(); $("#idProdutos").val(null); $("#descricao").val(null); $("#prd_unid").val(null); $("#qtde").val(null); $("#vlrunit").val(null); $("#vlrtotal").val(null); $("#idProdutos").focus(); //Se INCLUIR NOVO produto - Limpa a Forma de Pagamento $("#pgSoma").val(null); $("#pgRest").val(null); $("#pgDsct").val(null); $("#pgTroco").val(null); $("#tbpagar tbody").empty(); }//Fim do IF-qtde }//Fim do Validar Consumo });//Fim da Função btn-agregar  
      Grato,

      Cesar
       
    • Por violin101
      Caros amigos, saudações.
       
      Por favor, poderiam me ajudar.

      Estou com a seguinte dúvida:
      --> como faço para para implementar o input código do produto, para quando o usuário digitar o ID o sistema espera de 1s a 2s, sem ter que pressionar a tecla ENTER.

      exemplo:
      código   ----   descrição
           1       -----   produto_A
       
      Grato,
       
      Cesar
    • Por violin101
      Caros amigos, saudações.
       
      Humildemente peço desculpa por postar uma dúvida que tenho.

      Preciso salvar no MySql, os seguinte Registro:

      1 - Principal
      ====> minha dúvida começa aqui
      ==========> como faço para o Sistema Contar Automaticamente o que estiver despois do 1.____?
      1.01 - Matriz
      1.01.0001 - Estoque
      1.01.0002 - Oficina
      etc

      2 - Secundário
      2.01 - Loja_1
      2.01.0001 - Caixa
      2.01.0002 - Recepção
      etc
       
      Resumindo seria como se fosse um Cadastro de PLANO de CONTAS CONTÁBEIL.

      Grato,


      Cesar









       
    • Por violin101
      Caros amigos, saudações.

      Por favor, me perdoa em recorrer a orientação dos amigos.

      Preciso fazer um Relatório onde o usuário pode Gerar uma Lista com prazo para vencimento de: 15 / 20/ 30 dias da data atual.

      Tem como montar uma SQL para o sistema fazer uma busca no MySql por período ou dias próximo ao vencimento ?

      Tentei fazer assim, mas o SQL me traz tudo:
      $query = "SELECT faturamento.*, DATE_ADD(faturamento.dataVencimento, INTERVAL 30 DAY), fornecedor.* FROM faturamento INNER JOIN fornecedor ON fornecedor.idfornecedor = faturamento.id_fornecedor WHERE faturamento.statusFatur = 1 ORDER BY faturamento.idFaturamento $ordenar ";  
      Grato,
       
      Cesar
       
       
       
       
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.