2017-06-27 15:43:02 -05:00
|
|
|
|
|
|
|
|
|
|
|
var toolbar_products = [
|
|
|
|
{view: "button", id: "cmd_new_product", label: "Nuevo", type: "iconButton",
|
|
|
|
autowidth: true, icon: "plus"},
|
|
|
|
{view: "button", id: "cmd_edit_product", label: "Editar", type: "iconButton",
|
|
|
|
autowidth: true, icon: "pencil"},
|
2017-10-02 23:51:00 -05:00
|
|
|
{view: "button", id: "cmd_delete_product", label: "Eliminar",
|
|
|
|
type: "iconButton", autowidth: true, icon: "minus"},
|
|
|
|
]
|
2017-06-27 15:43:02 -05:00
|
|
|
|
|
|
|
|
|
|
|
var grid_products_cols = [
|
2017-10-02 23:51:00 -05:00
|
|
|
{ id: "id", header: "ID", width: 75},
|
|
|
|
{ id: "key", header: ["Clave", {content: "textFilter"}], width: 100,
|
|
|
|
sort:"string" },
|
|
|
|
{ id: "description", header: ["Descripción", {content: "textFilter"}],
|
|
|
|
fillspace:true, sort:"string" },
|
|
|
|
{ id: "unidad", header: ["Unidad", {content: "selectFilter"}], width: 150,
|
|
|
|
sort:"string" },
|
|
|
|
{ id: "price", header: ["Precio", {content: "numberFilter"}], width: 150,
|
|
|
|
sort:"int", format: webix.i18n.priceFormat, css: "cell_right" },
|
|
|
|
]
|
2017-06-27 15:43:02 -05:00
|
|
|
|
|
|
|
|
|
|
|
var grid_products = {
|
|
|
|
view: "datatable",
|
|
|
|
id: "grid_products",
|
|
|
|
select: "row",
|
|
|
|
adjust: true,
|
|
|
|
footer: true,
|
|
|
|
resizeColumn: true,
|
|
|
|
headermenu: true,
|
|
|
|
columns: grid_products_cols,
|
2017-10-02 23:51:00 -05:00
|
|
|
}
|
2017-06-27 15:43:02 -05:00
|
|
|
|
|
|
|
|
2017-10-02 23:51:00 -05:00
|
|
|
//~ webix.ui({
|
|
|
|
//~ view:"combo", suggest:{body:{view:"tree", data:[]}},
|
|
|
|
//~ on:{onChange:function(newv, oldv){
|
|
|
|
//~ webix.message("Value changed from: "+oldv+" to: "+newv);
|
|
|
|
//~ }}, width:300
|
|
|
|
//~ });
|
|
|
|
|
2017-06-27 15:43:02 -05:00
|
|
|
var controls_generals = [
|
2017-10-02 23:51:00 -05:00
|
|
|
{view: 'checkbox', id: 'es_activo_producto', name: 'es_activo_producto',
|
|
|
|
label: 'Activo: ', value: true,
|
|
|
|
bottomLabel: 'Se recomienda solo desactivar y no eliminar'},
|
|
|
|
{cols: [
|
|
|
|
{view: 'combo', id: 'categoria', name: 'categoria',
|
|
|
|
label: 'Categoría', labelPosition: 'top',
|
|
|
|
suggest: {body: {view: 'tree', data:[]}}},
|
|
|
|
{view: 'text', id: 'clave', name: 'clave', label: 'Clave',
|
|
|
|
labelPosition: 'top', readonly: true, required: true},
|
|
|
|
{view: 'checkbox', label: 'Automática', labelPosition: 'top',
|
|
|
|
value: true, maxWidth: 80},
|
|
|
|
{view: 'text', id: 'clave_sat', name: 'clave_sat', label: 'Clave SAT',
|
|
|
|
labelPosition: 'top', required: true},
|
|
|
|
]},
|
|
|
|
{view: 'text', id: 'codigo_barras', name: 'codigo_barras',
|
|
|
|
label: 'Código de Barras', labelPosition: 'top'},
|
|
|
|
{view: "textarea", id: "description", name: "description", height: 200,
|
|
|
|
label: "Descripción", required: true, labelPosition: "top",
|
|
|
|
invalidMessage: "La Descripción es requerida" },
|
|
|
|
{cols: [{view: "text", id: "unidad", name: "unidad", label: "Unidad",
|
|
|
|
width: 300, labelWidth: 130, labelAlign: "right", required: true,
|
|
|
|
invalidMessage: "La Unidad es requerida" },{}]},
|
|
|
|
{cols: [{view: "search", type: "text", id: "price", name: "price",
|
|
|
|
label: "Valor Unitario", width: 300, labelWidth: 130,
|
|
|
|
labelAlign: "right", required: true, icon: "calculator",
|
|
|
|
invalidMessage: "Captura un valor númerico", inputAlign:"right" },{}]},
|
|
|
|
{cols: [
|
|
|
|
{view: 'checkbox', id: 'inventario', name: 'inventario',
|
|
|
|
label: 'Inventario', labelAlign: 'right', labelWidth: 130},
|
|
|
|
{view: 'counter', id: 'existencia', name: 'existencia',
|
|
|
|
label: 'Existencia', step: 5, value: 0, min: 0, disabled: true},
|
|
|
|
{view: 'counter', id: 'minimo', name: 'minimo',
|
|
|
|
label: 'Mínimo', step: 5, value: 0, min: 0, disabled: true},
|
|
|
|
]},
|
|
|
|
{view: 'text', id: 'tags_producto', name: 'tags_producto', label: 'Etiquetas',
|
|
|
|
tooltip: 'Utiles para filtrados rápidos. Separa por comas.'},
|
2017-06-27 15:43:02 -05:00
|
|
|
]
|
|
|
|
|
|
|
|
|
|
|
|
var controls_products = [
|
|
|
|
{
|
|
|
|
view: "tabview",
|
2017-10-02 23:51:00 -05:00
|
|
|
tabbar: { options: ["Datos"]}, animate: true,
|
2017-06-27 15:43:02 -05:00
|
|
|
cells: [
|
2017-10-02 23:51:00 -05:00
|
|
|
{id: "Datos", rows: controls_generals},
|
2017-06-27 15:43:02 -05:00
|
|
|
]
|
|
|
|
},
|
|
|
|
{rows: [
|
|
|
|
{ template:"", type: "section" },
|
|
|
|
{ margin: 10, cols: [{},
|
|
|
|
{view: "button", id: "cmd_save_product", label: "Guardar" , type: "form", autowidth: true, align:"center"},
|
|
|
|
{view: "button", id: "cmd_cancel_product", label: "Cancelar" , type: "danger", autowidth: true, align:"center"},
|
|
|
|
{}]
|
|
|
|
},
|
|
|
|
]}
|
2017-10-02 23:51:00 -05:00
|
|
|
]
|
2017-06-27 15:43:02 -05:00
|
|
|
|
|
|
|
|
|
|
|
var form_product = {
|
|
|
|
type: "space",
|
|
|
|
cols: [{
|
|
|
|
view: "form",
|
|
|
|
id: "form_product",
|
|
|
|
//~ width: 600,
|
|
|
|
complexData: true,
|
|
|
|
elements: controls_products,
|
|
|
|
rules: {
|
|
|
|
description: function(value){ return value.trim() != ""; },
|
|
|
|
unidad: function(value){ return value.trim() != ""; },
|
|
|
|
price: function(value){ return value.trim() != ""; },
|
|
|
|
}
|
2017-10-02 23:51:00 -05:00
|
|
|
}],
|
|
|
|
}
|
2017-06-27 15:43:02 -05:00
|
|
|
|
|
|
|
|
|
|
|
var multi_products = {
|
|
|
|
id: "multi_products",
|
|
|
|
animate: true,
|
|
|
|
cells:[
|
|
|
|
{id: "products_home", rows:[
|
|
|
|
{view:"toolbar", elements: toolbar_products},
|
|
|
|
grid_products,
|
|
|
|
]},
|
|
|
|
{id: "product_new", rows:[form_product, {}]}
|
2017-10-02 23:51:00 -05:00
|
|
|
],
|
|
|
|
}
|
2017-06-27 15:43:02 -05:00
|
|
|
|
|
|
|
|
|
|
|
var app_products = {
|
|
|
|
id: "app_products",
|
|
|
|
rows:[
|
|
|
|
{view: "template", id: "th_products", type: "header", template:"Administración de Productos" },
|
|
|
|
multi_products
|
2017-10-02 23:51:00 -05:00
|
|
|
],
|
|
|
|
}
|
2017-06-27 15:43:02 -05:00
|
|
|
|
|
|
|
|