public override HtmlTag Build(ElementRequest request)
{
HtmlTag root = new HtmlTag("div").Attr("data-bind", "foreach: " + CCHtmlConventionsKO.DeriveElementName(request));
var child = new HtmlTag("div").Attr("data-bind", "text: $data");
root.Append(child);
return(root);
}
public override HtmlTag Build(ElementRequest request)
{
HtmlTag root = new HtmlTag("a");
root.Attr("data-bind", "attr: { href: mailto:" + CCHtmlConventionsKO.DeriveElementName(request) + "}");
root.Children.Add(new HtmlTag("span").Attr("data-bind", "text:" + CCHtmlConventionsKO.DeriveElementName(request)));
return(root);
}
public override HtmlTag Build(ElementRequest request)
{
var ul = new HtmlTag("ul").Attr("data-bind", "foreach:" + CCHtmlConventionsKO.DeriveElementName(request));
var li = new HtmlTag("li");
li.Children.Add(new HtmlTag("span").Attr("data-bind", "text:$data"));
ul.Children.Add(li);
return(ul);
}
public override HtmlTag Build(ElementRequest request)
{
var selectTag = new SelectTag();
var elementName = CCHtmlConventionsKO.DeriveElementName(request);
var elementRoot = elementName.Contains("EntityId") ? elementName.Replace(".EntityId", "") : elementName;
selectTag.Attr("data-bind", "options:_" + elementRoot + "List," +
"optionsValue:'Value'," +
"optionsText:'Text'," +
"value:" + elementName);
return(selectTag);
}
public override HtmlTag Build(ElementRequest request)
{
var container = new HtmlTag("div").AddClass("imageInputContainer");
var imageContainer = new HtmlTag("div").AddClass("imageContainer");
var name = CCHtmlConventionsKO.DeriveElementName(request);
var thumb = new HtmlTag("img").Attr("data-bind", "attr: { src: " + name + " }").Id("image").Attr("alt", request.Accessor.FieldName);
var linkImage = new HtmlTag("img").Attr("src", @"/content/images/document.png").Attr("alt", request.Accessor.FieldName);
var link = new HtmlTag("a").Attr("data-bind", "attr: { href: " + name + "} ").Id("link").Attr("target", "_blank");
link.Children.Add(linkImage);
var delete = new HtmlTag("input").Attr("type", "button").AddClass("deleteImage").Attr("value", "Delete");
var inputContainer = new HtmlTag("div").AddClass("inputContainer");
var file = new HtmlTag("input").Attr("type", "file").Attr("size", 45).Attr("id", name).Attr("name", name);
imageContainer.Children.Add(thumb);
imageContainer.Children.Add(link);
imageContainer.Children.Add(delete);
inputContainer.Children.Add(file);
container.Children.Add(imageContainer);
container.Children.Add(inputContainer);
return(container);
}
public override HtmlTag Build(ElementRequest request)
{
return(new PasswordTag().Attr("data-bind", "value:" + CCHtmlConventionsKO.DeriveElementName(request)));
}
public override HtmlTag Build(ElementRequest request)
{
return(new CheckboxTag(false).Attr("data-bind",
"checked:" + CCHtmlConventionsKO.DeriveElementName(request)));
}
public override HtmlTag Build(ElementRequest request)
{
return(new HtmlTag("img").Attr("data-bind",
" attr: { src: " + CCHtmlConventionsKO.DeriveElementName(request) + " }")
.Attr("alt", request.Accessor.FieldName));
}
public override HtmlTag Build(ElementRequest request)
{
return(new TextboxTag().Attr("data-bind", "timeString:" + CCHtmlConventionsKO.DeriveElementName(request)).AddClass("timePicker"));
}
public override HtmlTag Build(ElementRequest request)
{
return(new TextboxTag().Id(request.Accessor.Name).AddClass("multiSelect").Attr("data-bind", "MultiSelect:" + CCHtmlConventionsKO.DeriveElementName(request)));
}
public override HtmlTag Build(ElementRequest request)
{
return(new HtmlTag("textarea").Attr("data-bind", "value:" + CCHtmlConventionsKO.DeriveElementName(request)).AddClass("textArea").Attr("name", request.ElementId));
}
public override HtmlTag Build(ElementRequest request)
{
return(new HtmlTag("span").Attr("data-bind", "timeString:" + CCHtmlConventionsKO.DeriveElementName(request)));
}
