void Paint(Element parent) { new Div(parent, div=>{ div.ClassName="span6 offset3 well"; div.Hide(); }) ; SearchDiv= new Div(default(Element), searchdiv=>{ searchdiv.ClassName= "span6 offset3 nav"; var inputFecha=new InputText(searchdiv, ip=>{ ip.ClassName="input-medium search-query"; ip.SetAttribute("data-mask","99.99.9999"); ip.SetPlaceHolder("dd.mm.aaaa"); }).Element(); new IconButton(searchdiv, (abn, ibn)=>{ ibn.ClassName="icon-search icon-large"; abn.JSelect().Click(evt=>{ if( ! inputFecha.Value.IsDateFormatted()){ Div.CreateAlertErrorAfter(SearchDiv.Element(),"Digite una fecha valida"); return; } LoadGastos( inputFecha.Value.ToServerDate() ); }); }); BNew= new IconButton(searchdiv, (abn, ibn)=>{ ibn.ClassName="icon-plus-sign icon-large"; abn.JSelect().Click(evt=>{ FormDiv.FadeIn(); GridDiv.FadeOut(); Form.Element().Reset(); BDelete.Element().Disabled=true; }); }); BDelete=new IconButton(searchdiv, (abn, ibn)=>{ ibn.ClassName="icon-remove-sign icon-large"; abn.Disabled=true; abn.JSelect().Click(evt=>{ RemoveRow(); }); }); BList= new IconButton(searchdiv, (abn, ibn)=>{ ibn.ClassName="icon-reorder icon-large"; abn.Disabled=true; abn.JSelect().Click(evt=>{ FormDiv.FadeOut(); GridDiv.FadeIn(); abn.Disabled=true; }); }); }); SearchDiv.AppendTo(parent); FormDiv= new Div(default(Element), formdiv=>{ formdiv.ClassName="span6 offset3 well"; Form = new Form(formdiv, f=>{ f.ClassName="form-horizontal"; f.Action="api/Gasto/"; f.Method="post"; var inputId= new InputText(f, e=>{ e.Name="Id"; e.Hide(); }); var cbConcepto=new SelectField(f, (e)=>{ e.Name="IdConcepto"; e.ClassName="span12"; new HtmlOption(e, o=>{ o.Value=""; o.Selected=true; o.Text="Seleccione el concepto ..."; }); LoadConceptos(e); }); var cbFuente= new SelectField(f, (e)=>{ e.Name="IdFuente"; e.ClassName="span12"; new HtmlOption(e, o=>{ o.Value=""; o.Selected=true; o.Text="Seleccione la fuente de pago ..."; }); LoadFuentes(e); }); var fieldValor= new TextField(f,(field)=>{ field.ClassName="span12"; field.Name="Valor"; field.SetPlaceHolder("$$$$$$$$$$"); field.AutoNumericInit(); field.Style.TextAlign="right"; }); new TextField(f,(field)=>{ field.ClassName="span12"; field.Name="Beneficiario"; field.SetPlaceHolder("Pagado a ...."); }); new TextField(f,(field)=>{ field.ClassName="span12"; field.Name="Descripcion"; field.SetPlaceHolder("Descripcion"); }); var bt = new SubmitButton(f, b=>{ b.JSelect().Text("Guardar"); b.LoadingText(" Guardando ..."); b.ClassName="btn btn-info btn-block" ; }); var vo = new ValidateOptions() .SetSubmitHandler( form=>{ bt.ShowLoadingText(); var action= form.Action+(string.IsNullOrEmpty(inputId.Value())?"create":"update"); jQuery.PostRequest<BLResponse<Gasto>>(action, form.AutoNumericGetString(), cb=>{},"json") .Success(d=>{ Cayita.Javascript.Firebug.Console.Log("Success guardar gasto",d); if(string.IsNullOrEmpty(inputId.Value()) ) AppendRow(d.Result[0]); else UpdateRow(d.Result[0]); form.Reset(); }) .Error((request, textStatus, error)=>{ Cayita.Javascript.Firebug.Console.Log("request", request ); Cayita.Javascript.Firebug.Console.Log("error", error ); Div.CreateAlertErrorBefore(form.Elements[0], textStatus+": "+ request.StatusText); }) .Always(a=>{ bt.ResetLoadingText(); }); }) .AddRule((rule, msg)=>{ rule.Element=fieldValor.Element(); rule.Rule.Required(); msg.Required("Digite el valor del gasto"); }) .AddRule((rule, msg)=>{ rule.Element=cbConcepto.Element(); rule.Rule.Required(); msg.Required("Seleccione el concepto"); }) .AddRule((rule, msg)=>{ rule.Element=cbFuente.Element(); rule.Rule.Required(); msg.Required("Seleccione al fuente del pago"); }); f.Validate(vo); }); }); FormDiv.AppendTo(parent); GridDiv= new Div(default(Element), gdiv=>{ gdiv.ClassName="span10 offset1"; TableGastos= new HtmlTable(gdiv, table=>{ InitTable (table); }); gdiv.Hide(); }); GridDiv.AppendTo(parent); }
void Paint(Element parent) { new Div(parent, div=>{ div.ClassName="span6 offset3 well"; div.Hide(); }) ; SearchDiv= new Div(default(Element), searchdiv=>{ searchdiv.ClassName= "span6 offset3 nav"; BNew = new IconButton(searchdiv, (abn, ibn)=>{ ibn.ClassName="icon-plus-sign icon-large"; abn.JSelect().Click(evt=>{ GridDiv.Hide(); FormDiv.FadeIn(); Form.Element().Reset(); BDelete.Element().Disabled=true; BList.Element().Disabled=false; }); }); BDelete= new IconButton(searchdiv, (abn, ibn)=>{ ibn.ClassName="icon-remove-sign icon-large"; abn.Disabled=true; abn.JSelect().Click(evt=>{ RemoveRow(); }); }); BList= new IconButton(searchdiv, (abn, ibn)=>{ ibn.ClassName="icon-reorder icon-large"; abn.JSelect().Click(evt=>{ FormDiv.Hide(); GridDiv.FadeIn(); BList.Element().Disabled=true; }); }); }); SearchDiv.AppendTo(parent); GridDiv= new Div(default(Element), gdiv=>{ gdiv.ClassName="span6 offset3"; TableFuentes= new HtmlTable(gdiv, table=>{ InitTable(table); LoadFuentes(table); }); }); GridDiv.AppendTo(parent); FormDiv= new Div(default(Element), formdiv=>{ formdiv.ClassName="span6 offset3 well"; formdiv.Hide(); Form = new Form(formdiv, f=>{ f.ClassName="form-horizontal"; f.Action="api/Fuente/"; var inputId= new InputText(f, e=>{ e.Name="Id"; e.Hide(); }); var cbTipo= new SelectField(f, (e)=>{ e.Name="Tipo"; e.ClassName="span12"; new HtmlOption(e, o=>{ o.Value=""; o.Selected=true; o.Text="Seleccione el tipo "; }); new HtmlOption(e, o=>{ o.Value="Credito"; o.Text="Credito"; }); new HtmlOption(e, o=>{ o.Value="Debito"; o.Text="Debito"; }); }); var fieldCodigo=new TextField(f,(field)=>{ field.ClassName="span12"; field.Name="Codigo"; field.SetPlaceHolder("Codigo del Recurso ## Grupo ##.## Item"); }); var fieldNombre=new TextField(f,(field)=>{ field.ClassName="span12"; field.Name="Nombre"; field.SetPlaceHolder("Nombre del Recurso"); }); var bt = new SubmitButton(f, b=>{ b.JSelect().Text("Guardar"); b.LoadingText(" Guardando ..."); b.ClassName="btn btn-info btn-block" ; }); var vo = new ValidateOptions() .SetSubmitHandler( form=>{ bt.ShowLoadingText(); var action= form.Action+(string.IsNullOrEmpty(inputId.Value())?"create":"update"); jQuery.PostRequest<BLResponse<Fuente>>(action, form.Serialize(), cb=>{},"json") .Success(d=>{ Cayita.Javascript.Firebug.Console.Log("Success guardar recurso",d); if(string.IsNullOrEmpty(inputId.Value()) ) AppendRow(d.Result[0]); else UpdateRow(d.Result[0]); FormDiv.FadeOut(); GridDiv.Show (); }) .Error((request, textStatus, error)=>{ Cayita.Javascript.Firebug.Console.Log("request", request ); Div.CreateAlertErrorBefore(form.Elements[0], textStatus+": "+ request.StatusText); }) .Always(a=>{ bt.ResetLoadingText(); }); }) .AddRule((rule, msg)=>{ rule.Element=cbTipo.Element(); rule.Rule.Required(); msg.Required("Seleccione tipo de Recurso"); }) .AddRule((rule,msg)=>{ rule.Element=fieldNombre.Element(); rule.Rule.Required().Maxlength(64); msg.Required("Indique el nombre del Recurso").Maxlength("Maximo 64 Caracteres"); }).AddRule((rule,msg)=>{ rule.Element=fieldCodigo.Element(); rule.Rule.Required().Maxlength(5); msg.Required("Indique el codigo del Recurso").Maxlength("Maximo 5 caracteres"); }); f.Validate(vo); }); }); FormDiv.AppendTo(parent); }