public static UserForm UserForm (Atom parent)
{
var f = new Form ().As<UserForm>();
f.ClassName="form-horizontal";
f.Append("<style>.form-horizontal .controls { margin-left: 100px; } @media (max-width: 480px) { .form-horizontal .controls { margin-left: 0px; } } </style>");
new Div(f, tb=>{
tb.ClassName="nav";
f.ButtonCreate=new ButtonIcon(tb, bt=>{bt.IconClass="icon-file icon-large"; bt.Disabled=true;});
f.ButtonSave=new ButtonIcon(tb, bt=>{bt.IconClass="icon-save icon-large"; bt.Disabled=true; bt.Type="submit";});
f.ButtonDestroy=new ButtonIcon(tb, bt=>{bt.IconClass="icon-remove icon-large"; bt.Disabled=true; });
});
new NumericInput (f, i => {
i.Name = "Id";
i.Hidden = true;
});
new TextField(f, i=>{i.Name="Name"; i.Text="Name"; i.Required=true;});
new TextField(f, i=>{i.Name="City"; i.Text="City"; i.Required=true;});
new TextField(f, i=>{i.Name="Address"; i.Text="Address"; });
new DateField(f, i=>{i.Name="DoB"; i.Text="Birthday"; i.Picker.DateFormat="dd.mm.yy"; i.Required=true; });
new EmailField(f, i=>{i.Name="Email"; i.Text="Email"; i.Required=true;});
new IntField(f, i=>{i.Name="Rating"; i.Text="Rating"; });
new RadioGroup<string> (f, rg => {
rg.Required = true;
rg.Text = "Level";
rg.Name = "Level";
rg.Add ("A");
rg.Add ("B");
rg.Add ("C");
});
new CheckField(f, i=>{i.Name="IsActive"; i.Input.Text="Is active?";});
f.JQuery.Find("label[class='control-label']").CSS("width", "80px");
f.CopyToUser= ()=>{
User u = new User();
f.Populate (u);
return u;
};
parent.Append (f);
return f;
}
public static void Append(string log) => Form.Append(log);
public void Append(string text) => Execute(() => Form.Append(text));
public static void Execute(Atom parent)
{
var form = new Form ();
new Fieldset (form, fs => {
new Legend (fs,"Legend");
new Label(fs, "LabelText");
new TextInput(fs, i=>{
i.Placeholder="type something";
i.Name="text";
});
new Span(fs, s=>{s.Text="Example block-level help text here"; s.ClassName="help-block";});
new CheckField(fs, cf=>{
cf.Name="allow";
cf.Input.Text="Check me";
cf.Input.Checked=true;
});
new SubmitButton(fs, b=>{
b.Text="Send";
b.Clicked+= (e) =>{
e.PreventDefault();
form.JQuery.Serialize().LogInfo();
};
});
form.Append(fs);
});
parent.JQuery.Append("Default styles".Header (3)).Append (form);
var sform = new Form ();
new TextInput (sform, i => {
i.Name="stext";
i.Placeholder="search for";
i.Required=true;
i.ClassName="input-medium search-query";
i.MaxLength=8;
i.MinLength=3;
});
new SubmitButton(sform, b=>{
b.Text="Search...";
b.Clicked+= (e) =>{
if(!sform.CheckValidity()) return ;
sform.JQuery.Serialize().LogInfo();
};
});
parent.JQuery.Append("Optional Layouts".Header (3)).Append("Search Form".Header(4)).Append (sform);
var lform = new Form ();
lform.SubmitHandler = f => f.JQuery.Serialize().LogInfo() ;
lform.ClassName = "form-inline";
new EmailInput (lform, i => {
i.Placeholder = "your email";
i.Required=true;
i.Name="email";
});
new PasswordInput (lform, i => {
i.Placeholder = "your password";
i.Required=true;
i.Name="password";
i.MinLength=4;
});
new CheckInput (lform,i =>{
i.Name="remember";
i.Text="Remember?";
i.Checked=true;
});
new SubmitButton (lform, b => b.Text = "submit");
parent.JQuery.Append("Inline Form".Header(4)).Append (lform);
new Form (f=>{
f.ClassName="form-horizontal";
new EmailField(f,i=>{
i.Text="Email";
i.Placeholder="your email";
i.Input.Required=true;
i.Name="email";
});
new PasswordField(f,i=>{
i.Text="Password";
i.Placeholder="your password";
i.Input.Required=true;
i.Input.MinLength=4;
i.Name="password";
});
new CheckField(f, i=>{
i.Input.Text="Remember";
i.Input.Checked=true;
i.Name="remember";
new SubmitButton(i.Controls, b=> b.Text="Login");
});
f.SubmitHandler= fr=> fr.JQuery.Serialize().LogInfo();
parent.JQuery.Append("Horizontal Form".Header(4)).Append (f);
});
var login = new Div ("span4 offset3 well");
login.Append (new Legend("Login Form"));
new Form (login, f => {
var nm = new TextField(f);
nm.Placeholder="user name";
nm.Name ="username";
nm.Input.ClassName="span12";
nm.Input.Required=true;
nm.Input.MinLength=8;
var pwd = new PasswordField(f);
pwd.Placeholder="password";
pwd.Name ="password";
pwd.Input.ClassName="span12";
pwd.Input.Required=true;
pwd.Input.MinLength=6;
pwd.Input.MaxLength=10;
var rmb = new CheckField(f);
rmb.Name="remember";
rmb.Input.Text="Remember";
var sb = new SubmitButton(f);
sb.Text="Login";
sb.AddClass("btn-info btn-block");
f.SubmitHandler= fr=>{
sb.Disabled=true;
Window.SetTimeout(()=>{
sb.Disabled=false;
"Welcome {0}".Fmt(nm.Value).LogSuccess();
f.Reset();
}, 1000);
};
});
parent.JQuery.Append ("Samples".Header(3)).Append ("Login Form".Header(4))
.Append (UI.CreateContainer(ct=> UI.CreateRow(ct, rw=> rw.Append(login))));
var contact = new Div ("container");
new Form (contact, f=>{
f.ClassName="well span8";
UI.CreateRowFluid(f, row=>{
new Div(row, p=>{
p.ClassName="span5";
new TextField(p, tf=>{tf.Name="firstname"; tf.Required=true; tf.Text="FirstName"; tf.Input.ClassName="span12"; });
new TextField(p, tf=>{tf.Name="lastname"; tf.Required=true; tf.Text="LastName"; tf.Input.ClassName="span12"; });
new EmailField(p, tf=>{tf.Name="email"; tf.Required=true; tf.Text="Email";tf.Input.ClassName="span12";});
new SelectField<string>(p, sf=>{
sf.Text="Subject";
sf.Name="subject";
sf.Input.ClassName="span12";
sf.Input.Add("", "Choose one...");
sf.Input.Add("1", "General Customer Service");
sf.Input.Add("2", "Suggestions");
sf.Input.Add("3", "Product suport");
sf.Input.Add("4", "Bug");
sf.Input.Required=true;
});
});
new Div(row, p=>{
p.ClassName="span7";
new TextAreaField(p, tf=>{tf.Name="message"; tf.Rows=11; tf.Text="Message";tf.Input.ClassName="span12";});
});
new SubmitButton(row, bt=>{
bt.AddClass("btn-primary pull-right");
bt.Text="Send";
});
});
f.SubmitHandler=fr=> AlertFn.Success(fr.FirstChild,"Message sent",true, 5000);
});
parent.JQuery.Append("Conctact Form".Header(4)).Append (contact);
parent.Append ("C# code".Header(3));
var rq =jQuery.GetData<string> ("code/demoform.html");
rq.Done (s=> {
var code=new Div();
code.InnerHTML= s;
parent.Append(code);
});
}
