Skip to content

Instantly share code, notes, and snippets.

@rvgarimrj

rvgarimrj/form.html

Created February 22, 2016 16:50
Show Gist options
  • Save rvgarimrj/032ada555c600291bb24 to your computer and use it in GitHub Desktop.
Save rvgarimrj/032ada555c600291bb24 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
form.html
<div class="row">
<div class="small-12 columns">
<div class="nested-fields">
<div class="row">
<div class="small-3 columns end leitor">
<form action="#" method="post">
Código de barras
(<a href="http://zxing.appspot.com/scan?ret=http://www.auere.com.br/testes/barcode.php?codigo={CODE}">Leitor</a>):
<input class="cod_barras" type="text" name="cod_barras" value="">
</form>
</div>
</div>
<div class="row">
<div class="input hidden order_details_order_id"><input class="hidden order_id_ror" id="order_details_attributes_1456152985997_order_id" name="order[details_attributes][1456152985997][order_id]" type="hidden"></div>
<div class="small-1 columns">
<div class="input string optional order_details_cod_produto"><label class="string optional control-label" for="order_details_attributes_1456152985997_cod_produto">Produto</label><input class="string optional cod_produto_ror" id="order_details_attributes_1456152985997_cod_produto" name="order[details_attributes][1456152985997][cod_produto]" type="text"></div>
</div>
<div class="input hidden order_details_desc_produto"><input class="hidden desc_produto_ror" id="order_details_attributes_1456152985997_desc_produto" name="order[details_attributes][1456152985997][desc_produto]" type="hidden"></div>
<div class="input hidden order_details_cod_cor"><input class="hidden cod_cor_ror" id="order_details_attributes_1456152985997_cod_cor" name="order[details_attributes][1456152985997][cod_cor]" type="hidden"></div>
<div class="small-2 columns">
<div class="input string optional order_details_desc_cor"><label class="string optional control-label" for="order_details_attributes_1456152985997_desc_cor">Cor</label><input class="string optional desc_cor_ror" id="order_details_attributes_1456152985997_desc_cor" name="order[details_attributes][1456152985997][desc_cor]" type="text"></div>
</div>
<div class="small-1 columns">
<div class="input string optional order_details_desc_tamanho"><label class="string optional control-label" for="order_details_attributes_1456152985997_desc_tamanho">Tam</label><input class="string optional desc_tamanho_ror" id="order_details_attributes_1456152985997_desc_tamanho" name="order[details_attributes][1456152985997][desc_tamanho]" type="text"></div>
</div>
<div class="small-2 columns">
<div class="input decimal optional order_details_preco"><label class="decimal optional control-label" for="order_details_attributes_1456152985997_preco">Preço</label><input class="numeric decimal optional preco_ror" id="order_details_attributes_1456152985997_preco" name="order[details_attributes][1456152985997][preco]" step="any" type="number"></div>
</div>
<div class="small-1 columns">
<div class="input integer optional order_details_quantidade"><label class="integer optional control-label" for="order_details_attributes_1456152985997_quantidade">Qtd</label><input class="numeric integer optional quantidade_ror" id="order_details_attributes_1456152985997_quantidade" name="order[details_attributes][1456152985997][quantidade]" step="1" type="number"></div>
</div>
<div class="small-2 columns end">
<div class="input float optional order_details_total"><label class="float optional control-label" for="order_details_attributes_1456152985997_total">Total</label><input class="numeric float optional total_ror" id="order_details_attributes_1456152985997_total" name="order[details_attributes][1456152985997][total]" step="any" type="number"></div>
</div>
<div class="small-1 columns end">
<input id="order_details_attributes_1456152985997__destroy" name="order[details_attributes][1456152985997][_destroy]" type="hidden" value="false"><a class="button tiny alert remove_fields dynamic" href="#">-</a>
</div>
<hr>
</div>
</div>
</div>
</div>
<div class="row">
<div class="small-12 columns">
<div class="nested-fields">
<div class="row">
<div class="small-3 columns end leitor">
<form action="#" method="post">
Código de barras
(<a href="http://zxing.appspot.com/scan?ret=http://www.auere.com.br/testes/barcode.php?codigo={CODE}">Leitor</a>):
<input class="cod_barras" type="text" name="cod_barras" value="">
</form>
</div>
</div>
<div class="row">
<div class="input hidden order_details_order_id"><input class="hidden order_id_ror" id="order_details_attributes_1456153050155_order_id" name="order[details_attributes][1456153050155][order_id]" type="hidden"></div>
<div class="small-1 columns">
<div class="input string optional order_details_cod_produto"><label class="string optional control-label" for="order_details_attributes_1456153050155_cod_produto">Produto</label><input class="string optional cod_produto_ror" id="order_details_attributes_1456153050155_cod_produto" name="order[details_attributes][1456153050155][cod_produto]" type="text"></div>
</div>
<div class="input hidden order_details_desc_produto"><input class="hidden desc_produto_ror" id="order_details_attributes_1456153050155_desc_produto" name="order[details_attributes][1456153050155][desc_produto]" type="hidden"></div>
<div class="input hidden order_details_cod_cor"><input class="hidden cod_cor_ror" id="order_details_attributes_1456153050155_cod_cor" name="order[details_attributes][1456153050155][cod_cor]" type="hidden"></div>
<div class="small-2 columns">
<div class="input string optional order_details_desc_cor"><label class="string optional control-label" for="order_details_attributes_1456153050155_desc_cor">Cor</label><input class="string optional desc_cor_ror" id="order_details_attributes_1456153050155_desc_cor" name="order[details_attributes][1456153050155][desc_cor]" type="text"></div>
</div>
<div class="small-1 columns">
<div class="input string optional order_details_desc_tamanho"><label class="string optional control-label" for="order_details_attributes_1456153050155_desc_tamanho">Tam</label><input class="string optional desc_tamanho_ror" id="order_details_attributes_1456153050155_desc_tamanho" name="order[details_attributes][1456153050155][desc_tamanho]" type="text"></div>
</div>
<div class="small-2 columns">
<div class="input decimal optional order_details_preco"><label class="decimal optional control-label" for="order_details_attributes_1456153050155_preco">Preço</label><input class="numeric decimal optional preco_ror" id="order_details_attributes_1456153050155_preco" name="order[details_attributes][1456153050155][preco]" step="any" type="number"></div>
</div>
<div class="small-1 columns">
<div class="input integer optional order_details_quantidade"><label class="integer optional control-label" for="order_details_attributes_1456153050155_quantidade">Qtd</label><input class="numeric integer optional quantidade_ror" id="order_details_attributes_1456153050155_quantidade" name="order[details_attributes][1456153050155][quantidade]" step="1" type="number"></div>
</div>
<div class="small-2 columns end">
<div class="input float optional order_details_total"><label class="float optional control-label" for="order_details_attributes_1456153050155_total">Total</label><input class="numeric float optional total_ror" id="order_details_attributes_1456153050155_total" name="order[details_attributes][1456153050155][total]" step="any" type="number"></div>
</div>
<div class="small-1 columns end">
<input id="order_details_attributes_1456153050155__destroy" name="order[details_attributes][1456153050155][_destroy]" type="hidden" value="false"><a class="button tiny alert remove_fields dynamic" href="#">-</a>
</div>
<hr>
</div>
</div>
</div>
</div>
Raw
orders.js
jQuery(document).ready(function($)
{
$(document).on("blur",".cod_barras",existe_produto);
function existe_produto()
{
barcode = $(".cod_barras").val();
alert("entrei" + barcode);
if (barcode === "") return;
barcode = barcode.toUpperCase();
$.ajax({
type: "GET",
url: "/consulta_produto",
dataType: "json",
data: { barcode: barcode},
complete: function() {},
success: function(response)
{
alert("Achei");
jsonData = response;
if (jsonData.existe === null)
{
// Aqui preciso procurar o input order_details_preco e atribuir o preco encontrado
// Tb preciso acessar os inputs que estao dentro da div onde a classe barcode está
// para atribuir os demais valores.
}
else
{
}
}
});
}
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment