public static HElement[] Desktop_Scripts(this HBuilder h, bool isDebug = false)
{
return(HDesktopSynchronizer.Scripts(isDebug: isDebug));
}
HElement HView(List <PinValue <double> > values)
{
var s = DateTime.Now.Minute * 60 + DateTime.Now.Second + DateTime.Now.Millisecond / 1000.0;
var svgNs = "http://www.w3.org/2000/svg";
return(new HElement("html",
new HElement("head",
HDesktopSynchronizer.Scripts(),
new HElement("link",
new HAttribute("type", "text/css"),
new HAttribute("rel", "stylesheet"),
new HAttribute("href", "http://cdnjs.cloudflare.com/ajax/libs/rickshaw/1.3.0/rickshaw.css")
),
new HElement("script", new HAttribute("src", "http://cdnjs.cloudflare.com/ajax/libs/d3/3.2.2/d3.js"), ""),
new HElement("script", new HAttribute("src", "http://cdnjs.cloudflare.com/ajax/libs/rickshaw/1.3.0/rickshaw.js"), ""),
h.Css(
@"
h1 {font-size:100%;}
"
)
),
new HElement("body",
h.Div(
h.Element("h1", "click"),
h.style("display:inline-block;"),
new HElement("div", new HAttribute("onclick", ";"), new HAttribute("data-command", "tt"), "onclick")
),
h.Div(
h.style("display:inline-block;margin:10px;"),
h.Element("h1", "использование js-init"),
new HElement("div",
new HAttribute("js-update", "$(_this).html(new Date())"),
11
)
),
h.Div
(
h.Element("h1", "container"),
h.Div(
h.data("name", "book"),
h.data("book-id", "1"),
h.Input(h.type("text"), h.data("name", "author"), h.value("Голдратт")),
h.Input(h.type("text"), h.data("name", "title"), h.value("Цель")),
h.Input(h.type("checkbox"), h.@checked(), h.data("name", "is-readed")),
h.Select(h.data("name", "category"),
h.Option(h.value(""), "-"),
h.Option(h.value("managment"), "управление"),
h.Option(h.value("sci-fi"), "фантастика"),
h.Option(h.value("detective"), "детектив")
),
h.Input(h.type("button"), h.onclick(";"), h.data("container", "book"), h.data("command", "new-book"), h.value("добавить"))
),
h.Div(h.style("font-size:85%;color:#505050;"), "<div data-name='bla-bla'><input type='button' data-container='bla-bla'/><input type='text' data-name='age' /> </div>")
),
h.Div(h.Element("h1", "drag & drop"),
new HElement("div",
new HAttribute("style", "border:1px solid black;width:50px;height:50px;padding:10px;display:inline-block;"),
new HAttribute("js-init", "$(_this).draggable({ opacity: 0.8, helper: 'clone' });"),
new HAttribute("data-r", 1),
"draggable"
),
new HElement("div",
new HAttribute("style", "border:1px solid black;width:100px;height:100px;padding:10px;display:inline-block;"),
new HAttribute("js-init", "$(_this).droppable({drop: function() {server_element_event(this, 'drop');} });"),
new HAttribute("data-s", 1),
//new HAttribute("onclick", "alert(12)"),
"droppable"
),
h.Span("todo: добавить свойство, которое указывает какие data-свойства не надо передавать")
),
//h.Div
//(
// h.Span(((DateTime.UtcNow.Second / 2) % 2 == 0) ? (object)"T" : h.Span("t")),
// h.Span(" - "),
// h.Span((DateTime.UtcNow.Second / 2) % 2)
//)//,
h.Div
(
h.style("display:inline-block;"),
h.Element("h1", "svg"),
h.Element(new HName(svgNs, "svg"),
h.Element(new HName(svgNs, "circle"), h.Attribute("cx", 100), h.Attribute("cy", 94), h.Attribute("r", 10 + DateTime.UtcNow.Second)),
h.Element(new HName(svgNs, "polygon"), h.Attribute("points", "100,10 40,180 190,60 10,60 160,180"), h.style("fill:orange;stroke:purple;stroke-width:5;fill-rule:evenodd;"))
)
),
h.Div
(
h.style("display:inline-block;"),
h.Element("h1", "Изображения из ресурсов"),
new HElement("image", new HAttribute("src", @"nres://gold_star.jpg"), new HAttribute("style", "width:100px")),
new HElement("image", new HAttribute("src", @"nres://gold_star2.jpg"), new HAttribute("style", "width:100px")),
new HElement("image", new HAttribute("src", @"nres://gold_metal_star.jpg"), new HAttribute("style", "width:100px")),
new HElement("image", new HAttribute("src", @"nres2://gold_metal_star.jpg"), new HAttribute("style", "width:100px")),
new HElement("image", new HAttribute("src", @"nres2://not-found.jpg"), new HAttribute("style", "width:100px"), h.title("проверка работы отсутствующего изображения")),
new HElement("image", new HAttribute("src", @"avatar://avatar.png"), h.style("style", "width:80px;", "border:1px solid green;"))
),
h.Element("h1", "chart"),
new HElement("p",
new HAttribute("style", "padding:40px;margin:20px;border:1px solid black;"),
new HAttribute("js-init",
@"
var palette = new Rickshaw.Color.Palette( { scheme: 'spectrum14' } );
var graph = new Rickshaw.Graph( {
element: $(_this)[0],
width: 900,
height: 500,
renderer: 'line',
stroke: true,
preserve: true,
series: [
{
color: palette.color(),
data: [{x:1, y:1}],
name: 'Moscow'
},
// {
// color: palette.color(),
// data: [{x:1, y:1}],
// name: 'Moscow'
// },
// {
// color: palette.color(),
// data: [{x:1, y:1}],
// name: 'Shanghai'
// },
]
} );
graph.render();
jQuery.data(_this[0], 'graph', graph);
jQuery.data(_this[0], 'x1', '15');
"),
new HAttribute("js-update", @"
var _graph = jQuery.data(_this[0], 'graph');
//_this.css('background-color', 'red');
//alert(jQuery.data(_this[0], 'x1'));
//alert(_this[0]);
_graph.series[0].data = [__data__];
_graph.render();
".Replace("__data__",
//Shift(F(s, s + 14, 0.3), -s, 4).Select(p => string.Format(System.Globalization.CultureInfo.InvariantCulture, "{{x:{0}, y:{1}}}", p.X, p.Y)).JoinToString(", ")
values.Select(p => string.Format(System.Globalization.CultureInfo.InvariantCulture, "{{x:{0}, y:{1}}}", (p.Time - new DateTime(2013, 1, 1)).TotalHours, p.Value)).JoinToString(", ")
)
//new HAttribute("style", ((DateTime.Now.Second / 3) % 2) == 0 ? "background-color:green": "background-color:red")
)
)
)
));
}