public static HTMLTableDataCellElement WithinTableDataCell(this HTMLElement el)
{
var td = new HTMLTableDataCellElement();
td.SetAttribute("valign", "top");
td.AppendChild(el);
return(td);
}
private HTMLTableRowElement Row(HTMLElement el, int colspan)
{
var row = new HTMLTableRowElement();
var td = new HTMLTableDataCellElement();
td.SetAttribute("colspan", colspan.ToString());
td.AppendChild(el);
row.AppendChild(td);
return(row);
}
public Drawer(Options settings, Mandelbrot calculator)
{
this.Settings = settings;
this.Calculator = calculator;
// the actual canvas element
var canvas = new HTMLCanvasElement();
canvas.Width = 900;
canvas.Height = 500;
DrawButton = new HTMLButtonElement
{
InnerHTML = "Draw the Mandelbrot fractal",
OnClick = (ev) =>
{
StartDraw(canvas);
}
};
DrawButton.SetAttribute("style", "font-size:18px;height: 60px; width:95%; border: 2px solid black; cursor: pointer");
// Iteration controls
RadiusElement = GetInputNumberElement(null, this.Settings.MaxRadius, 3, 0.5);
IterationCountElement = GetInputNumberElement(null, this.Settings.MaxIterations, 4, 100, 0, 100000);
// Color controls
ColorMapCheckbox = GetCheckboxElement(this.Settings.UseColorMap);
ColorScaleElement = GetInputNumberElement(ColorMapCheckbox, this.Settings.ColorScale, 5, 1000);
ColorOffsetElement = GetInputNumberElement(ColorMapCheckbox, this.Settings.ColorOffset, 4, 10);
// Julia sets
JuliaSetCheckbox = GetCheckboxElement(this.Settings.UseJuliaSet);
JuliaImElement = GetInputNumberElement(JuliaSetCheckbox, this.Settings.JuliaSetParameter.Im, 5, 0.005, null);
JuliaReElement = GetInputNumberElement(JuliaSetCheckbox, this.Settings.JuliaSetParameter.Re, 5, 0.005, null);
// Viewport controls
XMinElement = GetInputNumberElement(null, this.Settings.XMin, 5, 0.005, -5.0);
XMaxElement = GetInputNumberElement(null, this.Settings.XMax, 5, 0.005, 0.0);
YMinElement = GetInputNumberElement(null, this.Settings.YMin, 5, 0.005, -5.0);
YMaxElement = GetInputNumberElement(null, this.Settings.YMax, 5, 0.005, 0.0);
var paramsColumn = new HTMLTableDataCellElement();
var canvasColumn = new HTMLTableDataCellElement();
paramsColumn.SetAttribute("valign", "top");
canvasColumn.SetAttribute("valign", "top");
canvasColumn.AppendChild(canvas);
var layoutRow = new HTMLTableRowElement();
layoutRow.AppendChildren(paramsColumn, canvasColumn);
var layout = new HTMLTableElement();
var paramsTable = new HTMLTableElement();
paramsTable.AppendChildren(
Row(Label("XMin: "), XMinElement),
Row(Label("XMax: "), XMaxElement),
Row(Label("YMin: "), YMinElement),
Row(Label("YMax: "), YMaxElement),
Row(Label("Escape radius: "), RadiusElement),
Row(Label("Iteration count: "), IterationCountElement),
Row(Label("Use color map: "), ColorMapCheckbox),
Row(Label("Color scale: "), ColorScaleElement),
Row(Label("Color offset: "), ColorOffsetElement),
Row(Label("Use Julia set: "), JuliaSetCheckbox),
Row(Label("Im: "), JuliaImElement),
Row(Label("Re: "), JuliaReElement),
Row(new HTMLHRElement(), 2),
Row(DrawButton, 2)
);
paramsColumn.AppendChild(paramsTable);
layout.AppendChild(layoutRow);
Document.Body.AppendChild(layout);
}
private HTMLTableRowElement Row(HTMLElement el, int colspan)
{
var row = new HTMLTableRowElement();
var td = new HTMLTableDataCellElement();
td.SetAttribute("colspan", colspan.ToString());
td.AppendChild(el);
row.AppendChild(td);
return row;
}
public Drawer(Options settings, Mandelbrot calculator)
{
this.Settings = settings;
this.Calculator = calculator;
// the actual canvas element
var canvas = new HTMLCanvasElement();
canvas.Width = 900;
canvas.Height = 500;
DrawButton = new HTMLButtonElement
{
InnerHTML = "Draw the Mandelbrot fractal",
OnClick = (ev) =>
{
StartDraw(canvas);
}
};
DrawButton.SetAttribute("style", "font-size:18px;height: 60px; width:95%; border: 2px solid black; cursor: pointer");
// Iteration controls
RadiusElement = GetInputNumberElement(null, this.Settings.MaxRadius, 3, 0.5);
IterationCountElement = GetInputNumberElement(null, this.Settings.MaxIterations, 4, 100, 0, 100000);
// Color controls
ColorMapCheckbox = GetCheckboxElement(this.Settings.UseColorMap);
ColorScaleElement = GetInputNumberElement(ColorMapCheckbox, this.Settings.ColorScale, 5, 1000);
ColorOffsetElement = GetInputNumberElement(ColorMapCheckbox, this.Settings.ColorOffset, 4, 10);
// Julia sets
JuliaSetCheckbox = GetCheckboxElement(this.Settings.UseJuliaSet);
JuliaImElement = GetInputNumberElement(JuliaSetCheckbox, this.Settings.JuliaSetParameter.Im, 5, 0.005, null);
JuliaReElement = GetInputNumberElement(JuliaSetCheckbox, this.Settings.JuliaSetParameter.Re, 5, 0.005, null);
// Viewport controls
XMinElement = GetInputNumberElement(null, this.Settings.XMin, 5, 0.005, -5.0);
XMaxElement = GetInputNumberElement(null, this.Settings.XMax, 5, 0.005, 0.0);
YMinElement = GetInputNumberElement(null, this.Settings.YMin, 5, 0.005, -5.0);
YMaxElement = GetInputNumberElement(null, this.Settings.YMax, 5, 0.005, 0.0);
var paramsColumn = new HTMLTableDataCellElement();
var canvasColumn = new HTMLTableDataCellElement();
paramsColumn.SetAttribute("valign", "top");
canvasColumn.SetAttribute("valign", "top");
canvasColumn.AppendChild(canvas);
var layoutRow = new HTMLTableRowElement();
layoutRow.AppendChildren(paramsColumn, canvasColumn);
var layout = new HTMLTableElement();
var paramsTable = new HTMLTableElement();
paramsTable.AppendChildren(
Row(Label("XMin: "), XMinElement),
Row(Label("XMax: "), XMaxElement),
Row(Label("YMin: "), YMinElement),
Row(Label("YMax: "), YMaxElement),
Row(Label("Escape radius: "), RadiusElement),
Row(Label("Iteration count: "), IterationCountElement),
Row(Label("Use color map: "), ColorMapCheckbox),
Row(Label("Color scale: "), ColorScaleElement),
Row(Label("Color offset: "), ColorOffsetElement),
Row(Label("Use Julia set: "), JuliaSetCheckbox),
Row(Label("Im: "), JuliaImElement),
Row(Label("Re: "), JuliaReElement),
Row(new HTMLHRElement(), 2),
Row(DrawButton, 2)
);
paramsColumn.AppendChild(paramsTable);
layout.AppendChild(layoutRow);
Document.Body.AppendChild(layout);
}
