/// <summary>
/// Creates a Question Dialog with a Date Selector
/// The Result Property contains the selected Date
/// </summary>
/// <param name="title">The message that will appear in the title bar of the dialog</param>
/// <param name="question">The message that will appear about the input box on the dialog</param>
/// <param name="size">The width of this dialog. The default size is 360</param>
public InputDialogDate(string title, string question, int size) : base(title, size, question)
{
var input = Input("inputcontrol", "date");
input.id = "DialogAnswerBox";
input.SetBounds("10px", "0px", "90%", "auto");
input.onchange = ev => { Result = input.value; };
AnswerDiv.AppendChild(input);
Create(QuestionSize + 25 + 25 + 78);
}
/// <summary>
/// Creates a Question Dialog with a checkbox
/// The Result Property contains a boolean value of the checkbox state
/// </summary>
/// <param name="title">The message that will appear in the title bar of the dialog</param>
/// <param name="question">The message that will appear about the input box on the dialog</param>
/// <param name="size">The width of this dialog. The default size is 360</param>
public InputDialogCheckbox(string title, string question, int size) : base(title, size, question)
{
var input = Input("inputcontrol", "checkbox");
input.id = "DialogAnswerBox";
input.SetBounds("10px", "0px", "90%", "40px");
input.onchange = ev =>
{
Result = input.@checked;
};
AnswerDiv.AppendChild(input);
Create(QuestionSize + 40 + 25 + 78);
}
/// <summary>
/// Creates a Question Dialog with a Date Selector
/// The Result Property contains the selected Date
/// </summary>
/// <param name="title">The message that will appear in the title bar of the dialog</param>
/// <param name="question">The message that will appear about the input box on the dialog</param>
/// <param name="size">The width of this dialog. The default size is 360</param>
public InputDialogDateTimeLocal(string title, string question, int size) : base(title, size, question)
{
Result = DateTime.Now;
var input = Input("inputcontrol", "dateTimeLocal");
input.id = "DialogAnswerBox";
input.SetBounds("10px", "0px", "90%", "auto");
input.onchange = ev =>
{
Result = DateTime.ParseExact(input.value, "yyyy-MM-ddTHH:mm", CultureInfo.InvariantCulture);
};
AnswerDiv.AppendChild(input);
Create(QuestionSize + 25 + 25 + 78);
}
/// <summary>
/// Creates a Question Dialog with an email input
/// The Result Property contains the Entered email
/// </summary>
/// <param name="title">The message that will appear in the title bar of the dialog</param>
/// <param name="question">The message that will appear about the input box on the dialog</param>
/// <param name="size">The width of this dialog. The default size is 360</param>
public InputDialogEmail(string title, string question, int size) : base(title, size, question)
{
var input = Input("inputcontrol", "email");
input.id = "DialogAnswerBox";
input.SetBounds("10px", "0px", "90%", "auto");
input.onchange = ev =>
{
//todo css for email input not showing up
//todo could always validate email here
Result = input.value;
};
AnswerDiv.AppendChild(input);
Create(QuestionSize + 25 + 25 + 78);
}
