UI para nuevo ticket
This commit is contained in:
Mauricio Baeza
parent
19c0708d15
commit
50ed11ed7f
|
|
@ -98,6 +98,7 @@ var controllers = {
|
|||
webix.extend($$('grid_invoices'), webix.ProgressBar)
|
||||
|
||||
bancos_controllers.init()
|
||||
tickets_controllers.init()
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,26 @@
|
|||
var query = []
|
||||
var msg = ''
|
||||
|
||||
|
||||
var tickets_controllers = {
|
||||
init: function(){
|
||||
$$('cmd_nuevo_ticket').attachEvent('onItemClick', cmd_nuevo_ticket_click)
|
||||
$$('cmd_generar_ticket').attachEvent('onItemClick', cmd_generar_ticket_click)
|
||||
$$('cmd_cerrar_ticket').attachEvent('onItemClick', cmd_cerrar_ticket_click)
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function cmd_nuevo_ticket_click(){
|
||||
$$('multi_tickets').setValue('tickets_new')
|
||||
}
|
||||
|
||||
|
||||
function cmd_generar_ticket_click(){
|
||||
showvar('ok')
|
||||
}
|
||||
|
||||
|
||||
function cmd_cerrar_ticket_click(){
|
||||
$$('multi_tickets').setValue('tickets_home')
|
||||
}
|
||||
|
|
@ -1,7 +1,5 @@
|
|||
|
||||
|
||||
|
||||
|
||||
var toolbar_tickets = [
|
||||
{view: 'button', id: 'cmd_nuevo_ticket', label: 'Nuevo', type: 'iconButton',
|
||||
autowidth: true, icon: 'plus'},
|
||||
|
|
@ -69,13 +67,113 @@ var rows_tickets_home = [
|
|||
]
|
||||
|
||||
|
||||
var tbody_buscar_producto = {rows: [
|
||||
{cols: [
|
||||
{view: 'search', id: 'tsearch_product_key', name: 'tsearch_product_key',
|
||||
label: 'por Clave', labelPosition:'top', maxWidth: 250,
|
||||
placeholder: 'Presiona ENTER para buscar'},
|
||||
{view: 'search', id: 'tsearch_product_name', name: 'search_product_name',
|
||||
label: 'por Descripción', labelPosition:'top', suggest: [],
|
||||
placeholder: 'Captura al menos tres letras'},
|
||||
]},
|
||||
]}
|
||||
|
||||
|
||||
|
||||
var grid_tdetails_cols = [
|
||||
{id: "id", header:"ID", hidden: true},
|
||||
{id: 'delete', header: '', width: 30, css: 'delete'},
|
||||
{id: "clave", header:{text: 'Clave', css: 'center'}, width: 100},
|
||||
{id: "clave_sat", hidden: true},
|
||||
{id: "descripcion", header:{text: 'Descripción', css: 'center'},
|
||||
fillspace: true, editor: 'text'},
|
||||
{id: "unidad", header:{text: 'Unidad', css: 'center'}, width: 100},
|
||||
{id: 'cantidad', header: {text: 'Cantidad', css: 'center'}, width: 100,
|
||||
format: webix.i18n.numberFormat, css: 'right', editor: 'text'},
|
||||
{id: "valor_unitario", header:{text: 'Valor Unitario', css: 'center'},
|
||||
width: 100, format: webix.i18n.priceFormat, css: 'right', editor: 'text'},
|
||||
{id: 'descuento', header:{text: 'Descuento', css: 'center'}, hidden: true,
|
||||
width: 80, format: webix.i18n.priceFormat, css: 'right', editor: 'text'},
|
||||
{id: 'precio_final', hidden: true, header: 'precio_final', width: 80,
|
||||
format: webix.i18n.priceFormat, css: 'right'},
|
||||
{id: "importe", header:{text: 'Importe', css: 'center'}, width: 150,
|
||||
format: webix.i18n.priceFormat, css: 'right'},
|
||||
]
|
||||
|
||||
|
||||
var grid_tdetails = {
|
||||
view: 'datatable',
|
||||
id: 'grid_tdetails',
|
||||
select: 'row',
|
||||
adjust: true,
|
||||
autoheight: true,
|
||||
editable: true,
|
||||
columns: grid_tdetails_cols,
|
||||
data: [],
|
||||
}
|
||||
|
||||
|
||||
var controls_generate_ticket = [
|
||||
{minHeight: 10, maxHeight: 10},
|
||||
{cols: [{rows: [
|
||||
{view: 'fieldset', label: 'Buscar Producto', body: tbody_buscar_producto},
|
||||
]},
|
||||
{maxWidth: 10},
|
||||
{maxWidth: 300, rows: [
|
||||
{view: 'fieldset', label: 'Información', body: {}},
|
||||
]},
|
||||
]},
|
||||
{view: 'label', label: 'Detalle', height: 30, align: 'left'},
|
||||
grid_tdetails,
|
||||
{minHeight: 20, maxHeight: 20},
|
||||
{margin: 20, cols: [{},
|
||||
{view: 'button', id: 'cmd_generar_ticket', label: 'Generar',
|
||||
icon: 'ticket', type: 'iconButton', autowidth: true, align: 'center'},
|
||||
{}]
|
||||
},
|
||||
{rows: [
|
||||
{template: '', type: 'section'},
|
||||
{margin: 10, cols: [{},
|
||||
{view: 'button', id: 'cmd_cerrar_ticket', label: 'Cerrar',
|
||||
type: 'danger', autowidth: true, align: 'center'}
|
||||
]
|
||||
},
|
||||
]}
|
||||
]
|
||||
|
||||
|
||||
var controls_new_ticket = [
|
||||
{
|
||||
view: 'tabview',
|
||||
id: 'tv_new_ticket',
|
||||
animate: true,
|
||||
cells: [
|
||||
{id: 'Generar', rows: controls_generate_ticket},
|
||||
]
|
||||
},
|
||||
]
|
||||
|
||||
|
||||
var form_new_ticket = {
|
||||
type: 'space',
|
||||
responsive: true,
|
||||
cols: [{
|
||||
view: 'form',
|
||||
id: 'form_new_ticket',
|
||||
complexData: true,
|
||||
scroll: true,
|
||||
elements: controls_new_ticket,
|
||||
}]
|
||||
}
|
||||
|
||||
|
||||
var multi_tickets = {
|
||||
id: 'multi_tickets',
|
||||
view: 'multiview',
|
||||
animate: true,
|
||||
cells:[
|
||||
{id: 'tickets_home', rows: rows_tickets_home},
|
||||
{id: 'tickets_new', rows:[]}
|
||||
{id: 'tickets_new', rows:[form_new_ticket]}
|
||||
],
|
||||
}
|
||||
|
||||
|
|
@ -83,7 +181,8 @@ var multi_tickets = {
|
|||
var app_tickets = {
|
||||
id: 'app_tickets',
|
||||
rows:[
|
||||
{view: 'template', id: 'th_ticckets', type: 'header', template: 'Punto de venta'},
|
||||
{view: 'template', id: 'th_ticckets', type: 'header',
|
||||
template: 'Punto de venta - Tickets'},
|
||||
multi_tickets
|
||||
],
|
||||
}
|
||||
|
|
|
|||
|
|
@ -15,6 +15,7 @@
|
|||
<script src="/static/js/controller/partners.js" type="text/javascript" ></script>
|
||||
<script src="/static/js/controller/products.js" type="text/javascript" ></script>
|
||||
<script src="/static/js/controller/bancos.js" type="text/javascript" ></script>
|
||||
<script src="/static/js/controller/tickets.js" type="text/javascript" ></script>
|
||||
<script src="/static/js/controller/invoices.js" type="text/javascript" ></script>
|
||||
<script src="/static/js/controller/main.js" type="text/javascript" ></script>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue