BeWoPlaner/BeWoPlanerMobil/Views/DevExpressScheduler/CustomAppointmentFormPartial.cshtml

@model BeWoPlanerMobil.Models.AppointmentModel

@using BS.Shared.DataContracts
@using DevExpress.Web.Mvc.UI

@{
    Html.EnableClientValidation();
    Html.EnableUnobtrusiveJavaScript();
}

<style type="text/css">
	.centeredLabel {
		margin: 0 auto;
		padding-left: .25em;
	}
</style>

@using(Html.BeginForm())
{
	<table id="abc-table">
		@* Start *@
		<tr>
			<td style="white-space: nowrap;">
				@Html.DevExpress().Label(
					settings =>
					{
						settings.AssociatedControlName = nameof(SchedulerAppointmentDC.StartDate);
						settings.Text = "Start:";
						settings.Width = Unit.Percentage(100);
					}).GetHtml()
			</td>
			<td colspan="3" style="padding: .25em;">
				@Html.DevExpress().DateEdit(
					settings =>
					{
						settings.Name = nameof(SchedulerAppointmentDC.StartDate);
						settings.Properties.EditFormat = EditFormat.DateTime;
						settings.ShowModelErrors = true;
						settings.Properties.ValidationSettings.Display = Display.Dynamic;
						settings.Width = Unit.Percentage(100);
					}).Bind(Model.StartTime).GetHtml()
			</td>
		</tr>

		@* Ende *@
		<tr>
			<td style="white-space: nowrap;">
				@Html.DevExpress().Label(
					settings =>
					{
						settings.AssociatedControlName = nameof(SchedulerAppointmentDC.EndDate);
						settings.Text = "Ende:";
						settings.Width = Unit.Percentage(100);
					}).GetHtml()
			</td>
			<td colspan="3" style="padding: .25em;">
				@Html.DevExpress().DateEdit(
					settings =>
					{
						settings.Name = nameof(SchedulerAppointmentDC.EndDate);
						settings.Properties.EditFormat = EditFormat.DateTime;
						settings.ShowModelErrors = true;
						settings.Properties.ValidationSettings.Display = Display.Dynamic;
						settings.Width = Unit.Percentage(100);
					}).Bind(Model.EndTime).GetHtml()
			</td>
		</tr>

		@* Private & Ganztägig *@
		<tr>
			<td colspan="4">
				<table style="width: 100%;">
					<tr>
						<td style="width: 1%; wihte-space: nowrap;">
							@Html.DevExpress().CheckBox(
								settings =>
								{
									settings.Name = nameof(SchedulerAppointmentDC.IsPrivate);
									settings.Width = Unit.Percentage(100);
								}).Bind(Model.IsPrivate).GetHtml()
						</td>
						<td style="margin-right: 1em;">
							@Html.DevExpress().Label(
								settings =>
								{
									settings.AssociatedControlName = nameof(SchedulerAppointmentDC.IsPrivate);
									settings.Text = "Privat";
									settings.Width = Unit.Percentage(100);
									settings.ControlStyle.CssClass = "centeredLabel";
								}).GetHtml()
						</td>
						<td style="width: 1%; wihte-space: nowrap;">
							@Html.DevExpress().CheckBox(
								settings =>
								{
									settings.Name = nameof(SchedulerAppointmentDC.AllDay);
									settings.Width = Unit.Percentage(100);
								}).Bind(Model.AllDay).GetHtml()
						</td>
						<td style="margin-right: 1em;">
							@Html.DevExpress().Label(
								settings =>
								{
									settings.AssociatedControlName = nameof(SchedulerAppointmentDC.AllDay);
									settings.Text = "Ganztägig";
									settings.Width = Unit.Percentage(100);
									settings.ControlStyle.CssClass = "centeredLabel";
								}).GetHtml()
						</td>
					</tr>
				</table>
			</td>
		</tr>

		@* Mitarbeiter, Klienten, Ressourcen *@
		<tr>
			<td colspan="4">
				<table>
					<tr>
						<td style="width: 33%; padding: .25em;">
							@Html.Partial("EmployeeMultiSelectPartial")
						</td>
						<td style="width: 33%; padding: .25em;">
							@Html.Partial("CustomerMultiSelectPartial")
						</td>
						<td style="width: 33%; padding: .25em;">
							@Html.Partial("ResourceMultiSelectPartial")
						</td>
					</tr>
				</table>
			</td>
		</tr>

		@* Betreff *@
		<tr>
			<td>
				@Html.DevExpress().Label(
					settings =>
					{
						settings.AssociatedControlName = nameof(SchedulerAppointmentDC.Subject);
						settings.Text = "Betreff:";
						settings.Width = Unit.Percentage(100);
					}).GetHtml()
			</td>
			<td colspan="3" style="width: 100%; padding: .25em;">
				@Html.DevExpress().TextBox(
					settings =>
					{
						settings.Name = nameof(SchedulerAppointmentDC.Subject);
						settings.ShowModelErrors = true;
						settings.Properties.ValidationSettings.Display = Display.Dynamic;
						settings.Width = Unit.Percentage(100);
					}).Bind(Model.Subject).GetHtml()
			</td>
		</tr>

		@* Ort *@
		<tr>
			<td>
				@Html.DevExpress().Label(
					settings =>
					{
						settings.AssociatedControlName = nameof(SchedulerAppointmentDC.Location);
						settings.Text = "Ort:";
						settings.Width = Unit.Percentage(100);
					}).GetHtml()
			</td>
			<td colspan="3" style="width: 100%; padding: .25em;">
				@Html.DevExpress().TextBox(
					settings =>
					{
						settings.Name = nameof(SchedulerAppointmentDC.Location);
						settings.ShowModelErrors = true;
						settings.Properties.ValidationSettings.Display = Display.Dynamic;
						settings.Width = Unit.Percentage(100);
					}).Bind(Model.Location).GetHtml()
			</td>
		</tr>
        
		@* Notiz *@
		<tr>
			<td colspan="4">
				@Html.DevExpress().Label(
					settings =>
					{
						settings.AssociatedControlName = nameof(SchedulerAppointmentDC.Description);
						settings.Text = "Notiz:";
						settings.Width = Unit.Percentage(100);
					}).GetHtml()
			</td>
		</tr>
		<tr>
			<td colspan="4">
				@Html.DevExpress().Memo(
					settings =>
					{
						settings.Name = nameof(SchedulerAppointmentDC.Description);
						settings.Properties.Rows = 4;
						settings.ShowModelErrors = true;
						settings.Properties.ValidationSettings.Display = Display.Dynamic;
						settings.Width = Unit.Percentage(100);
					}).Bind(Model.Description).GetHtml()
			</td>
		</tr>
	</table>

    @Html.DevExpress().AppointmentRecurrenceForm(ViewBag.AppointmentRecurrenceFormSettings).GetHtml()

    <table style="width: 100%">
	    <tr>
		    <td style="padding: .25em;">
			    @Html.DevExpress().Button(
				    settings =>
				    {
					    settings.Name = "Apply";
					    settings.Text = "OK";
					    settings.ClientSideEvents.Click = "OnAppointmentFormSave";
				    }).GetHtml()
		    </td>
		    <td style="padding: .25em;">
			    @Html.DevExpress().Button(
				    settings =>
				    {
					    settings.Name = "Cancel";
					    settings.Text = "Abbrechen";
					    settings.ClientSideEvents.Click = "function(s, e){ scheduler.AppointmentFormCancel(); }";
				    }).GetHtml()
		    </td>
		    <td style="padding: .25em;">
			    @Html.DevExpress().Button(
				    settings =>
				    {
					    settings.Name = "Delete";
					    settings.Text = "Löschen";
					    settings.Enabled = ViewBag.DeleteButtonEnabled;
					    settings.ClientSideEvents.Click = "function(s, e){ scheduler.AppointmentFormDelete(); }";
				    }).GetHtml()
		    </td>
	    </tr>
    </table>

    <table class="w-100">
        <tr>
            <td style="width: 100%;">
                @Html.DevExpress().SchedulerStatusInfo(
                    settings =>
                         {
                        settings.Name = "schedulerStatusInfo";
                        settings.Priority = 1;
                        settings.SchedulerName = "scheduler";
                    }).GetHtml()
            </td>
        </tr>
    </table>
}