Skip to content

Instantly share code, notes, and snippets.

@natan1506

natan1506/blade.php

Created February 22, 2019 11:13
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save natan1506/d7c21951ae87d0a590fda432a8882136 to your computer and use it in GitHub Desktop.
Save natan1506/d7c21951ae87d0a590fda432a8882136 to your computer and use it in GitHub Desktop.
Download ZIP
Collapse
Raw
blade.php
<div class="container">
<div class="pb-1 justify-content-end">
<form class="form-inline d-flex justify-content-start">
<input name="busca" type="text" class="form-control col-5 mr-1" style="" type="search" placeholder="Buscar por código" aria-label="Search">
<button id="buscar" class="btn btn-primary " type="submit">Buscar</button>
</form>
</div>
<ul class="nav nav-tabs mt-2" id="myTab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="aberto-tab" data-toggle="tab" href="#aberto" role="tab" aria-controls="aberto">aberto</a>
</li>
<li class="nav-item">
<a class="nav-link" id="finalizado-tab" data-toggle="tab" href="#finalizado" role="tab" aria-controls="finalizado">finalizado</a>
</li>
<li class="nav-item">
<a class="nav-link" id="novo-tab" data-toggle="tab" href="#novo" role="tab" aria-controls="novo">novo</a>
</li>
</ul>
<!------------------ABA ABERTO---------------------->
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="aberto" role="tabpanel" aria-labelledby="aberto-tab">
<h4 style="color:rgba(0,33,77);" class="mt-4 text-center">Abertos</h4>
<hr style="height:2px; border:none; color:#000; background-color:rgba(0,33,77); margin-top: 0px; margin-bottom: 0px;">
<table class="table table-striped text-center">
<thead>
<tr>
<th scope="col">#pedido</th>
<th scope="col">data</th>
<th scope="col">cliente</th>
<th scope="col">detalhes</th>
</tr>
</thead>
<tbody>
<tr>
<td>YD0010</td>
<td>22/06/2018</td>
<td>Otto</td>
<td>
<a href="/template-detalhes"><img style="width: 35px; height: 35px;" class="icon align-center" src="img/ionicons/ios-eye.svg" alt="icon"></a>
</td>
</tr>
<tr>
<td>YD0011</td>
<td>20/06/2018</td>
<td>Thornton</td>
<td>
<a href="/template-detalhes"><img style="width: 35px; height: 35px;" class="icon align-center" src="img/ionicons/ios-eye.svg" alt="icon"></a>
</td>
</tr>
<tr>
<td>YD0010</td>
<td>22/06/2018</td>
<td>Otto</td>
<td>
<a href="/template-detalhes"><img style="width: 35px; height: 35px;" class="icon align-center" src="img/ionicons/ios-eye.svg" alt="icon"></a>
</td>
</tr>
</tbody>
</table>
</div>
<!----------------- ABA FINALIZADOS------------->
<div class="tab-pane fade" id="finalizado" role="tabpanel" aria-labelledby="finalizado-tab">
<h4 style="color:rgba(0,33,77);" class="mt-4 text-center">Finalizados</h4>
<hr style="height:2px; border:none; color:#000; background-color:rgba(0,33,77); margin-top: 0px; margin-bottom: 0px;">
<table class="table table-striped text-center">
<thead>
<tr>
<th scope="col">#pedido</th>
<th scope="col">data</th>
<th scope="col">cliente</th>
<th scope="col">detalhes</th>
</tr>
</thead>
<tbody>
<tr>
<td>YD0010</td>
<td>22/06/2018</td>
<td>Otto</td>
<td>
<a href="/template-detalhes"><img style="width: 35px; height: 35px;" class="icon align-center" src="img/ionicons/ios-eye.svg" alt="icon"></a>
</td>
</tr>
<tr>
<td>YD0011</td>
<td>20/06/2018</td>
<td>Thornton</td>
<td>
<a href="/template-detalhes"><img style="width: 35px; height: 35px;" class="icon align-center" src="img/ionicons/ios-eye.svg" alt="icon"></a>
</td>
</tr>
<tr>
<td>YD0012</td>
<td>19/06/2018</td>
<td>the Bird</td>
<td>
<a href="/template-detalhes"><img style="width: 35px; height: 35px;" class="icon align-center" src="img/ionicons/ios-eye.svg" alt="icon"></a>
</td>
</tr>
</tbody>
</table>
</div>
<!----------------------------------ABA NOVO---------------------------------------------->
<!--------------------FORM 1---------------->
<div class="tab-pane fade" id="novo" role="tabpanel" aria-labelledby="novo-tab">
<div id="form1-pedido" style="">
<form id="dadosform" method="post">
<h4 style="color:rgba(0,33,77);" class="mt-4 text-center">cadastro cliente</h4>
<hr style="height:2px; border:none; color:#000; background-color:rgba(0,33,77); margin-top: 0px; margin-bottom: 0px;">
<div id="" class="row">
<div class="col-sm mt-3">
<div class="form-group">
<input type="text" name="cnpj" class="form-control" id="cnpj" placeholder="CNPJ" >
</div>
<div class="form-group">
<input type="textcd " class="form-control" id="razao" placeholder="razão social" >
</div>
<div class="form-group">
<input type="text" class="form-control" id="nomeFantasia" placeholder="nome fantasia">
</div>
<div class="form-group row">
<div class="col-9">
<input type="text" class="form-control" id="inscricao" placeholder="inscrição estadual" >
</div>
<div class="form-check col">
<input class="form-check-input" style=" margin-top: 0.9rem !important;" type="radio" name="exampleRadios" id="exampleRadios1" value="option1" checked>
<label class="form-check-label mt-2" for="exampleRadios1">
isento
</label>
</div>
</div>
<div class="form-group">
<input type="text" class="form-control" id="contato" placeholder="contato" >
</div>
<div class="form-group">
<input type="text" class="form-control" id="telefone" placeholder="telefone" >
</div>
<div class="form-group">
<input type="email" class="form-control" id="email" placeholder="e-mail" >
</div>
</div>
<div class="col-sm mt-3">
<div class="form-group">
<input type="text" class="form-control col" id="cep" placeholder="CEP" >
</div>
<div class="form-group">
<input type="text" class="form-control col" id="endereco" placeholder="endereço" >
</div>
<div class="form-group">
<input type="text" class="form-control col" id="estado" placeholder="estado" >
</div>
<div class="form-group">
<input type="text" class="form-control col" id="cidade" placeholder="cidade" >
</div>
<div class="form-group">
<input type="text" class="form-control col" id="bairro" placeholder="bairro" >
</div>
<div class="form-group">
<input type="text" class="form-control col" id="whats" placeholder="whatsapp">
</div>
<div class="form-group">
<input type="email" class="form-control col" id="emailnfe" placeholder="e-mail NFE" >
</div>
</div>
</div>
<div class="d-flex justify-content-center">
<button onClick="muda();" class="btn btn-primary" id="parte1-pedido" type="submit">Próximo</button>
</div>
</form>
</div>
<!--------------------------FIM PART1 PEDIDO----------------------------->
<!------------------------------COMEÇO ADIÇAO DE ITENS AO PEDIDO------------------------------->
<div id="form2-pedido" style="display: none;">
<h4 style="color:rgba(0,33,77);"class="mt-4 text-center">adicionar itens ao pedido</h4>
<hr style="height:2px; border:none; color:#000; background-color:rgba(0,33,77); margin-top: 0px; margin-bottom: 0px;">
<form id="adicionaItem" class="" name="itens-form">
<div class="row mt-3 ml-0 mr-0">
<div class="col-sm-2 mb-2 pl-0 pr-0 mr-1 ml-1">
<input id="referencia" name="referencia" type="text" class="form-control" placeholder="referência">
</div>
<div class="col-sm-2 mb-2 pl-1 pr-0 mr-1">
<input id="descricao" name="descricao" type="text" class="form-control" placeholder="descrição">
</div>
<div class="col-sm-2 mb-2 pl-1 pr-0 mr-1">
<input id="quantidade" name="quantidade" type="text" class="form-control" placeholder="quantidade">
</div>
<div class="col-sm-2 mb-2 pl-1 pr-0 mr-1">
<input id="preco" name="preco" type="text" class="form-control" placeholder="preço">
</div>
<div class="col-sm-2 mb-2 pl-1 pr-0 mr-1">
<input id="total" name="total" type="text" class="form-control" placeholder="total">
</div>
<button class="btn btn-primary ml-1" id="adiciona-produto" type="submit" style="height: 38px;" >Adicionar</button>
</div>
</form>
<h4 style="color:rgba(0,33,77);"class="mt-4 text-center">resumo pedido</h4>
<hr style="height:2px; border:none; color:#000; background-color:rgba(0,33,77); margin-top: 0px; margin-bottom: 0px;">
<div class="scroll">
<table class="table table-striped text-center" class="">
<thead>
<tr>
<th scope="col">ref</th>
<th scope="col">desc</th>
<th scope="col">quant</th>
<th scope="col">vl.unit.</th>
<th scope="col">%IPI</th>
<th scope="col">vl.IPI</th>
<th scope="col">vl.ST</th>
<th scope="col">TOTAL</th>
</tr>
</thead>
<tbody id="item-tabela" class="">
<tr class="item-linha">
<td class="info-ref">YD0010</td>
<td class="info-desc">22/06/2018</td>
<td class="info-quant">Otto</td>
<td class="info-vl-unit">YD0010</td>
<td class="info-ipi">22/06/2018</td>
<td class="info-vl-ipi">Otto</td>
<td class="info-vl-st">YD0010</td>
<td class="ifo-total">22/06/2018</td>
</tr>
<tr class="item-linha">
<td class="info-ref">YD0010</td>
<td class="info-desc">22/06/2018</td>
<td class="info-quant">Otto</td>
<td class="info-vl-unit">YD0010</td>
<td class="info-ipi">22/06/2018</td>
<td class="info-vl-ipi">Otto</td>
<td class="info-vl-st">YD0010</td>
<td class="ifo-total">22/06/2018</td>
</tr>
<tr class="item-linha">
<td class="info-ref">YD0010</td>
<td class="info-desc">22/06/2018</td>
<td class="info-quant">Otto</td>
<td class="info-vl-unit">YD0010</td>
<td class="info-ipi">22/06/2018</td>
<td class="info-vl-ipi">Otto</td>
<td class="info-vl-st">YD0010</td>
<td class="ifo-total">22/06/2018</td>
</tr>
</tbody>
</table>
</div>
<div class="d-flex justify-content-center mt-2">
<button onClick="muda2();" class="btn btn-primary" id="parte1-pedido" type="submit">Próximo</button>
</div>
</div>
<!--DIV PARA DISPLAY NONE PARTE2 ADIÇÃO DE ITENS-->
<!------------------------ENVIAR LAYOUT------------------------------------>
<div id="layout" style="display: none;">
<h4 style="color:rgba(0,33,77);"class="mt-4 text-center">enviar layout?</h4>
<hr style="height:2px; border:none; color:#000; background-color:rgba(0,33,77); margin-top: 0px; margin-bottom: 0px;">
<div class="d-flex justify-content-center mt-2">
<div class="form-check form-check-inline">
<input id="layoutCheck1" class="form-check-input" type="radio" name="inlineRadioOptions" value="option1">SIM
</div>
<div class="form-check form-check-inline">
<input id="layoutCheck2" class="form-check-input" type="radio" name="inlineRadioOptions" value="option2">NÃO (CONFORME PEDIDO ANTERIOR)
</div>
</div>
</span>
<div id="palco">
<div id="option1">
<table class="table table-striped text-center">
<thead>
<tr>
<th scope="col">referencia</th>
<th scope="col">personalização</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">#########</th>
<td>
<div class="dropdown" id="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
TIPO
</button>
<div id="dropdownpMenu" class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="#">LASER</a>
<a class="dropdown-item" href="#">1 COR</a>
<a class="dropdown-item" href="#">2 CORES</a>
<a class="dropdown-item" href="#">3 CORES</a>
<a class="dropdown-item" href="#">4 CORES</a>
<a class="dropdown-item" href="#">CONFORME LOGOTIPO</a>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<form class="mt-2 form-row">
<div class="form-group col-md-6 mb-1" style="float: left; clear: left;">
<input type="text" class="form-control" id="poedidoAnterior" placeholder="pedido anterior">
<input type="email" class="form-control mt-1" id="emailAprov" placeholder="e-mail aprovação layout">
</div>
<div class="form-group col-md-6" style="float: right; clear: right;">
<textarea class="form-control" id="observaçao" placeholder="observações"></textarea>
</div>
</form>
<div class="d-flex justify-content-center mt-2">
<button onClick="muda3();" class="btn btn-primary" id="parte1-pedido" type="submit">Próximo</button>
</div>
</div>
<!-------------------------------FIM ENVIAR LAYOUT------------------------------->
<!--------------------------BV AGENCIA------------------------------>
<div id="bv-pedido" style="display: none;">
<form id="dadosform" method="post">
<h4 style="color:rgba(0,33,77);" class="mt-4 text-center">BV de agência?</h4>
<hr style="height:2px; border:none; color:#000; background-color:rgba(0,33,77); margin-top: 0px; margin-bottom: 0px;">
<div class="d-flex justify-content-center mt-2">
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="inlineRadioOptions" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample" value="bvSim">SIM
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="inlineRadioOptions" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample" value="bvNao">NÃO
</div>
</div>
<div class="collapse" id="collapseExample">
<div id="bvSim" class=" card card-body">
<div class="row">
<div class="col-sm mt-3">
<div class="form-group">
<input type="text" name="cnpj" class="form-control" id="cnpj" placeholder="CNPJ" >
</div>
<div class="form-group">
<input type="textcd " class="form-control" id="razao" placeholder="razão social" >
</div>
<div class="form-group">
<input type="text" class="form-control" id="nomeFantasia" placeholder="nome fantasia">
</div>
<div class="form-group row">
<div class="col-9">
<input type="text" class="form-control" id="inscricao" placeholder="inscrição estadual" >
</div>
<div class="form-check col">
<input class="form-check-input" style=" margin-top: 0.9rem !important;" type="radio" name="exampleRadios" id="exampleRadios1" value="option1" checked>
<label class="form-check-label mt-2" for="exampleRadios1">
isento
</label>
</div>
</div>
<div class="form-group">
<input type="text" class="form-control" id="contato" placeholder="contato" >
</div>
<div class="form-group">
<input type="text" class="form-control" id="telefone" placeholder="telefone" >
</div>
<div class="form-group">
<input type="email" class="form-control" id="email" placeholder="e-mail" >
</div>
</div>
<div class="col-sm mt-3">
<div class="form-group">
<input type="text" class="form-control col" id="cep" placeholder="CEP" >
</div>
<div class="form-group">
<input type="text" class="form-control col" id="endereco" placeholder="endereço" >
</div>
<div class="form-group">
<input type="text" class="form-control col" id="estado" placeholder="estado" >
</div>
<div class="form-group">
<input type="text" class="form-control col" id="cidade" placeholder="cidade" >
</div>
<div class="form-group">
<input type="text" class="form-control col" id="bairro" placeholder="bairro" >
</div>
<div class="form-group">
<input type="text" class="form-control col" id="whats" placeholder="whatsapp">
</div>
<div class="form-group">
<input type="email" class="form-control col" id="percentualBv" placeholder="percentual BV" >
</div>
</div>
</div>
</div>
</div>
<div class="d-flex justify-content-center mt-2">
<button onClick="muda4();" class="btn btn-primary" id="parte1-pedido" type="submit">Próximo</button>
</div>
</form>
</div>
<!---------------------------FIM BV AGENCIA----------------------------->
<!-------------------------ENDEREÇO ENTREGA---------------------------------->
<div id="enderecoEntrega" style="display: none;">
<form id="dadosform" method="post">
<h4 style="color:rgba(0,33,77);" class="mt-4 text-center">endereço de entrega é o mesmo do pedido?</h4>
<hr style="height:2px; border:none; color:#000; background-color:rgba(0,33,77); margin-top: 0px; margin-bottom: 0px;">
<div class="d-flex justify-content-center mt-2">
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="inlineRadioOptions" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample" value="Sim2">SIM
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="inlineRadioOptions"
data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample" value="Nao">NÃO
</div>
</div>
<div class="collapse" id="collapseExample">
<div id="divEnd" class=" card card-body">
<div class="row">
<div class="col-sm mt-3">
<div class="form-group">
<input type="text" name="cnpj" class="form-control" id="cnpj" placeholder="CNPJ" >
</div>
<div class="form-group">
<input type="textcd " class="form-control" id="razao" placeholder="razão social" >
</div>
<div class="form-group">
<input type="text" class="form-control" id="nomeFantasia" placeholder="nome fantasia">
</div>
<div class="form-group row">
<div class="col-9">
<input type="text" class="form-control" id="inscricao" placeholder="inscrição estadual" >
</div>
<div class="form-check col">
<input class="form-check-input" style=" margin-top: 0.9rem !important;" type="radio" name="exampleRadios" id="exampleRadios1" value="option1" checked>
<label class="form-check-label mt-2" for="exampleRadios1">
isento
</label>
</div>
</div>
<div class="form-group">
<input type="text" class="form-control" id="contato" placeholder="contato" >
</div>
<div class="form-group">
<input type="text" class="form-control" id="telefone" placeholder="telefone" >
</div>
<div class="form-group">
<input type="email" class="form-control" id="email" placeholder="e-mail" >
</div>
</div>
<div class="col-sm mt-3">
<div class="form-group">
<input type="text" class="form-control col" id="cep" placeholder="CEP" >
</div>
<div class="form-group">
<input type="text" class="form-control col" id="endereco" placeholder="endereço" >
</div>
<div class="form-group">
<input type="text" class="form-control col" id="estado" placeholder="estado" >
</div>
<div class="form-group">
<input type="text" class="form-control col" id="cidade" placeholder="cidade" >
</div>
<div class="form-group">
<input type="text" class="form-control col" id="bairro" placeholder="bairro" >
</div>
<div class="form-group">
<input type="text" class="form-control col" id="whats" placeholder="whatsapp">
</div>
<div class="form-group">
<input type="email" class="form-control col" id="emailNfeEnd" placeholder="e-mail NFE" >
</div>
</div>
</div>
</div>
</div>
<div class="d-flex justify-content-center">
<button onClick="muda5();" class="btn btn-primary" id="parte1-pedido" type="submit">Próximo</button>
</div>
</form>
</div>
<!---------------------------FIM ENDEREÇO ENTREGA-------------------------------->
<!-----------------------OBSERVAÇÕES ------------------------>
<div id="observacoes" style="display: none;">
<form class= "" name="dados-form" method="post">
<div class="row">
<div class="col-sm mt-3">
<h4 style="color:rgba(0,33,77);" class="mt-4 text-center">observações do recebedor</h4>
<hr style="height:2px; border:none; color:#000; background-color:rgba(0,33,77); margin-top: 0px; margin-bottom: 0px;">
<div class="form-group mt-2">
<div class="form-group">
<input type="text" class="form-control mb-n2" id="entregadorRec" placeholder="entregador A/C">
</div>
<div class="form-group">
<input type="text" class="form-control mb-n2" id="contatoRec" placeholder="contato">
</div>
<div class="form-group">
<input type="text" class="form-control mb-n2" id="departamentoRec" placeholder="departamento">
</div>
<div class="form-group">
<input type="text" class="form-control mb-n2" id="emailRec" placeholder="e-mail">
</div>
</div>
</div>
<div class="col-sm mt-3">
<h4 style="color:rgba(0,33,77);" class="mt-4 text-center">observações da transportadora</h4>
<hr style="height:2px; border:none; color:#000; background-color:rgba(0,33,77); margin-top: 0px; margin-bottom: 0px;">
<div class="form-group mt-2">
<input type="text" class="form-control col" id="transportadoraRec" placeholder="transportadora">
</div>
<h6 class="ml-1">tipo de frete</h6>
<div class="form-check-inline ml-1">
<input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios1" value="option1" checked>
<label class="form-check-label" for="exampleRadios1">
CIF
</label>
<input class="form-check-input ml-5" type="radio" name="exampleRadios" id="exampleRadios2" value="option2">
<label class="form-check-label" for="exampleRadios2">
FOB
</label>
</div>
<div class="float-right">
<span class="d-inline-block" tabindex="0" data-toggle="tooltip" title="CIF FOB">
<button type="button" class="btn btn-default p-0" data-toggle="modal" data-target=".bd-example-modal-lg">
<img class="icon align-center" src="img/ionicons/ios-help-circle-outline.svg" alt="icon" style="width: 35px; height: 30px;">
</button>
<div class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="m-2">
<b>CIF:</b></br>
kasjgdbajksdhasdkhasdhadhashldadaasdasdgdfSFADGHSFAASFAD.</br>
<b>FOB:</b></br>
askjfhalfjsdlgksfhgdfghcvnsdgikehhrmngopxcvmsdjkfcbgs~fhx.</br>
</div>
</div>
</div>
</div>
</span>
</div>
</div>
</div>
<h4 style="color:rgba(0,33,77);" class="mt-4 text-center">observações do recebedor</h4>
<hr style="height:2px; border:none; color:#000; background-color:rgba(0,33,77); margin-top: 0px; margin-bottom: 0px;">
<div class="form-check-inline ml-1 c">
<h6 class="ml-1 mt-2">é evento?</h6>
<input class="form-check-input ml-3" type="radio" name="exampleRadios" id="exampleRadios1" value="option1" checked>
<label class="form-check-label" for="exampleRadios1">
SIM
</label>
<input class="form-check-input ml-4 " type="radio" name="exampleRadios" id="exampleRadios2" value="option2">
<label class="form-check-label mr-3" for="exampleRadios2">
NÃO
</label>
<div class="form-group">
<input type="text" class="form-control mt-2" id="dataRec" placeholder="data da entrega">
</div>
</div>
<div class="p-0">
<div class="form-group col-6 p-0">
<input type="text" class="form-control mb-n2" id="formaPagRec" placeholder="forma de pagamento">
</div>
<div class="form-group col-6 p-0">
<input type="text" class="form-control mb-n2" id="comissaoRec" placeholder="comissao">
</div>
</div>
<div class="mb-3 mt-3 mr-3">
<textarea class="form-control" id="observacao" placeholder="observações"></textarea>
</div>
<div class="d-flex justify-content-center">
<button onClick="muda6();" class="btn btn-primary" id="parte1-pedido" type="submit">Próximo</button>
</div>
</form>
</div>
<!--------------------------FIM OBSERVAÇÕES ----------------------------->
<!-------------------------CONCLUSAO------------------------------------>
<div class="d-flex justify-content-center ">
<div id="conclusaoPedido" class="card text-center shadow-lg" style="width: 30rem; height: 20rem; display: none;">
<div class="card-body">
<div class="card text-center border-0">
<div class="card-body">
<p class="card-text">Pedido gerado com sucesso!</p>
<p class="card-text align-center">boas vendas!</p>
<h2 class="card-title">Pedido # 35241</h2>
<div class="row mt-5">
<div class="col">
<a href="/template-orcamentos" ><img class="icon align-center" src="img/ionicons/ios-pdf.svg" alt="icon" style="width: 50px; height: 50px;"></a>
</div>
<div class="col">
<a href="#" ><img class="icon align-center" src="img/ionicons/ios-mail-open.svg" alt="icon" style="width: 50px; height: 50px;"></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--------------------------FIM CONCLUSAO-------------------------------->
</div>
</div>
</main>
<!--------FUNCÃO PARA FORMULARIO DE ITENS------>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script type="text/javascript">
//FUNCTION DROPDOWN LAYOUT
function id( el ){
return document.getElementById( el );
}
function mostra( el ){
dropdown = document.getElementById("dropdown");
dropdownpMenu = document.getElementById("dropdownpMenu");
id( el ).style.display = 'block';
dropdown.style.display = "block";
dropdownpMenu.style.display = '';
}
function esconde_todos( el, tagName ){
var tags = el.getElementsByTagName( tagName );
for( var i=0; i<tags.length; i++ )
{
tags[i].style.display = 'none';
}
}
window.onload = function()
{
id('option1').style.display = 'none';
id('layoutCheck1').onchange = function()
{
esconde_todos( id('palco'), 'div' );
mostra( this.value );
}
var radios = document.getElementsByTagName('input');
for( var i=0; i<radios.length; i++ ){
if( radios[i].type=='radio' )
{
radios[i].onclick = function(){
esconde_todos( id('palco'), 'div' );
mostra( this.value );
}
}
}
}
//FIM FUNCTION DROPDOWN LAYOUT
function muda() {
form1pedido = document.getElementById("form1-pedido");
form2pedido = document.getElementById("form2-pedido");
if(form2pedido.style.display == "none"){
form2pedido.style.display = "block";
form1pedido.style.display = "none";
} else {
form2pedido.style.display = "none";
form1pedido.style.display = "block";
}
event.preventDefault();
}
function muda2() {
layout = document.getElementById("layout");
form2pedido = document.getElementById("form2-pedido");
if(layout.style.display == "none"){
layout.style.display = "block";
form2pedido.style.display = "none";
} else {
layout.style.display = "none";
form2pedido.style.display = "block";
}
event.preventDefault();
}
function muda3() {
layout = document.getElementById("layout");
bvpedido = document.getElementById("bv-pedido");
if(bvpedido.style.display == "none"){
bvpedido.style.display = "block";
layout.style.display = "none";
} else {
bvpedido.style.display = "none";
layout.style.display = "block";
}
event.preventDefault();
}
function muda4() {
enderecoEntrega = document.getElementById("enderecoEntrega");
bvpedido = document.getElementById("bv-pedido");
if(enderecoEntrega.style.display == "none"){
enderecoEntrega.style.display = "block";
bvpedido.style.display = "none";
} else {
enderecoEntrega.style.display = "none";
bvpedido.style.display = "block";
}
event.preventDefault();
}
function muda5() {
enderecoEntrega = document.getElementById("enderecoEntrega");
observacoes = document.getElementById("observacoes");
if(observacoes.style.display == "none"){
observacoes.style.display = "block";
enderecoEntrega.style.display = "none";
} else {
observacoes.style.display = "none";
enderecoEntrega.style.display = "block";
}
event.preventDefault();
}
function muda6() {
conclusaoPedido = document.getElementById("conclusaoPedido");
observacoes = document.getElementById("observacoes");
if(conclusaoPedido.style.display == "none"){
conclusaoPedido.style.display = "block";
observacoes.style.display = "none";
} else {
conclusaoPedido.style.display = "none";
observacoes.style.display = "block";
}
event.preventDefault();
}
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment