cobuild-angular-stack
Version:
Base stack angular sass jade gulp
72 lines (68 loc) • 1.85 kB
HTML
<html>
<head>
<title>
Uniko - Imprimir Codigo de barras
</title>
<style>
* {
text-align: center;
}
p {
display: inline-block;
text-align: justify;
font-size: 15px;
}
#barcode{
font-size: 12px;
}
h4{
margin-bottom: 0;
}
</style>
</head>
<body>
<br/>
<br/>
<img src="http://front.uniko.co/img/logo.png">
<h4>Regalo de boda para <span id="couple"></span></h4>
<p>
<span id="order"></span>
<br/>
<span><b>Medio de Pago:</b> OXXO</span>
<br/>
<span id="amount"></span>
<br/>
<span id="comission"></span>
<br/>
<span id="total"></span>
<br/>
<br/>
</p>
<div>
<img id="barcode_image"/>
<br/>
<span id="barcode"></span>
</div>
</body>
<script>
function QueryStringToJSON() {
var pairs = location.search.slice(1).split('&');
var result = {};
pairs.forEach(function (pair) {
pair = pair.split('=');
result[pair[0]] = decodeURIComponent(pair[1] || '');
});
return JSON.parse(JSON.stringify(result));
}
var data = QueryStringToJSON();
document.getElementById('order').innerHTML = '<b># Orden:</b> '+data.order;
document.getElementById('couple').innerHTML = data.couple;
document.getElementById('amount').innerHTML = '<b>Subtotal:</b> '+data.amount;
document.getElementById('comission').innerHTML = '<b>Comision Bancaria:</b> '+data.comission;
document.getElementById('total').innerHTML = '<b>Total:</b> '+data.total;
document.getElementById('barcode_image').src = data.barcode_url;
document.getElementById('barcode').innerHTML = '<b>'+data.barcode+'</b>';
console.log(JSON.stringify(data));
//window.print();
</script>
</html>