GreenTree.Nachtragsmanagement/GreenTree.Nachtragsmanagement.Web/Views/Sites/_SiteEditPartial.cshtml

@using GreenTree.Nachtragsmanagement.Web.Extensions

@{ 
	var userContext = GreenTree.Nachtragsmanagement.Core.CommonHelper.UserContext();
}

@model GreenTree.Nachtragsmanagement.Web.Models.Site.SiteDataModel

<div class="siteEditContainer">

	<script>
		var textSeparator = ", ";

		function addAppendixToSite(siteId) {
			if (!siteId) return;
			$.ajax({
				url: '@Url.Action("AppendAppendixToSite", "Appendix")',
				data: { SiteId: siteId },
				success: function (response) {
					setTimeout(function () {
						$(".appendixEditContainer").remove();
						$("body").append(response);
					}, 200);
				},
				error: function () {
					 alert("error occured");
				}
			});
		}

		function addDeviationToSite(siteId) {
			if (!siteId) return;
			$.ajax({
				url: '@Url.Action("AppendDeviationToSite", "Deviation")',
				data: { SiteId: siteId },
				success: function (response) {
					setTimeout(function () {
						$(".deviationEditContainer").remove();
						$("body").append(response);
					}, 200);
				},
				error: function () {
					 alert("error occured");
				}
			});
		}

		function addDeviationToAppendix(appendixId) {
			if (!appendixId) return;
			$.ajax({
				url: '@Url.Action("AppendDeviationToAppendix", "Deviation")',
				data: { AppendixId: appendixId },
				success: function (response) {
					setTimeout(function () {
						$(".deviationEditContainer").remove();
						$("body").append(response);
					}, 200);
				},
				error: function () {
					 alert("error occured");
				}
			});
		}

		function editDeviation(id) {
			if (!id) return;
			$.ajax({
				url: '@Url.Action("EditDeviation", "Deviation")',
				data: { Id: id },
				success: function (response) {
					setTimeout(function () {
						$(".deviationEditContainer").remove();
						$("body").append(response);
					}, 200);
				},
				error: function () {
					 alert("error occured");
				}
			});
		}

		function editAppendix(id) {
			if (!id) return;
			$.ajax({
				url: '@Url.Action("EditAppendix", "Appendix")',
				data: { Id: id },
				success: function (response) {
					setTimeout(function () {
						$(".appendixEditContainer").remove();
						$("body").append(response);
					}, 200);
				},
				error: function () {
					 alert("error occured");
				}
			});
		}

		function onDeviationSaveSuccess() {
			devTreeListSiteDeviationAppendices.PerformCallback();
		}

		function onAppendixSaveSuccess() {
			devTreeListSiteDeviationAppendices.PerformCallback();
		}

		function onListBoxSelectionChanged(s, e) {
			if (e.index == 0)
				e.isSelected ? s.SelectAll() : s.UnselectAll();
			updateSelectAllItemState();
			updateText();
		}
		function updateSelectAllItemState() {
			isAllSelected() ? UserValues.SelectIndices([0]) : UserValues.UnselectIndices([0]);
		}
		function isAllSelected() {
			for (var i = 1; i < UserValues.GetItemCount(); i++)
				if (!UserValues.GetItem(i).selected)
					return false;
			return true;
		}
		function updateText() {
			var selectedItems = UserValues.GetSelectedItems();
			devDropDownListUserValues.SetText(getSelectedItemsText(selectedItems));
		}
		function synchronizeListBoxValues(s, e) {
			UserValues.UnselectAll();
			var texts = s.GetText().split(textSeparator);
			var values = getValuesByTexts(texts);
			UserValues.SelectValues(values);
			updateSelectAllItemState();
			updateText();
		}
		function getSelectedItemsText(items) {
			var texts = [];
			for (var i = 0; i < items.length; i++)
				if (items[i].index != 0)
					texts.push(items[i].text);
			return texts.join(textSeparator);
		}
		function getValuesByTexts(texts) {
			var actualValues = [];
			var item;
			for (var i = 0; i < texts.length; i++) {
				item = UserValues.FindItemByText(texts[i]);
				if (item != null)
					actualValues.push(item.value);
			}
			return actualValues;
		}
	</script>

	<style>
		.siteTreeList { }
		.siteTreeList > tbody > tr > td > table > tbody > tr:nth-child(2n) { background-color: #F7F7F7; }
		.siteTreeList > tbody > tr > td > table > tbody > tr:nth-child(2n) > td:first-child { background-color: #F7F7F7; }
		.siteEditLayoutTable { width: 100%; }
		.siteEditLayoutTable > tbody > tr > td { width: 50%; padding-right: 8px; vertical-align: top }
	</style>

	@Html.DevExpress().PopupControl(s =>
{
	s.Name = "devPopupControlEditSite";

	if (Model.Id == -1)
		s.HeaderText = "Neue Baustelle erstellen";
	else
		s.HeaderText = "\"" + Model.CustomNumber + "\" bearbeiten";

	s.Modal = true;
	s.Width = new Unit(1000, UnitType.Pixel);
	//s.Height = new Unit(700, UnitType.Pixel);
	s.CloseAction = CloseAction.CloseButton;
	s.PopupHorizontalAlign = PopupHorizontalAlign.WindowCenter;
	s.PopupVerticalAlign = PopupVerticalAlign.TopSides;
	s.PopupVerticalOffset = 10;
	s.AllowDragging = true;
	s.AllowResize = false;
	s.ShowMaximizeButton = true;
	s.ShowFooter = false;
	s.ShowOnPageLoad = true;
	s.SetContent(() =>
	{
		using (Html.BeginForm("EditSite", "Site", FormMethod.Post, new { id = "siteEditForm" }))
		{
			ViewContext.Writer.Write("<div class='editFormWrapper'>");

			ViewContext.Writer.Write("<input type=\"hidden\" value=\"" + Model.Id + "\" id=\"Id\" name=\"Id\" />");

			ViewContext.Writer.Write("<table class=\"siteEditLayoutTable\"><tbody><tr><td>");
			{
				ViewContext.Writer.Write("<div class='inlineModelPropertyContainer'>");
				{
					ViewContext.Writer.Write("<div class='inlineModelProperty' style='width: 30%'>");
					{
						ViewContext.Writer.Write(Html.CustomLabelFor(m => m.CustomNumber, "Kostenstelle:"));
						ViewContext.Writer.Write(Html.ValidationMessageFor(m => m.CustomNumber).ToHtmlString());
						Html.DevExpress().TextBoxFor(m => m.CustomNumber, t =>
						{
							t.Width = new Unit(90, UnitType.Percentage);
						}).Render();
					}
					ViewContext.Writer.Write("</div>");
					ViewContext.Writer.Write("<div class='inlineModelProperty' style='width: 70%'>");
					{
						ViewContext.Writer.Write(Html.CustomLabelFor(m => m.Description, "Bauvorhaben:"));
						ViewContext.Writer.Write(Html.ValidationMessageFor(m => m.Description).ToHtmlString());
						Html.DevExpress().TextBoxFor(m => m.Description, t =>
						{
							t.Width = new Unit(99, UnitType.Percentage);
						}).Render();
					}
					ViewContext.Writer.Write("</div>");
				}
				ViewContext.Writer.Write("</div>");

				ViewContext.Writer.Write("<div class='inlineModelPropertyContainer'>");
				{
					ViewContext.Writer.Write("<div class='inlineModelProperty' style='width: 52%'>");
					{
						ViewContext.Writer.Write(Html.CustomLabelFor(m => m.Start, "Start:"));
						ViewContext.Writer.Write(Html.ValidationMessageFor(m => m.Start).ToHtmlString());
						Html.DevExpress().DateEditFor(m => m.Start, t =>
						{
							t.Width = new Unit(95, UnitType.Percentage);
						}).Render();
					}
					ViewContext.Writer.Write("</div>");

					ViewContext.Writer.Write("<div class='inlineModelProperty' style='width: 48%'>");
					{
						ViewContext.Writer.Write(Html.CustomLabelFor(m => m.End, "Ende:"));
						ViewContext.Writer.Write(Html.ValidationMessageFor(m => m.End).ToHtmlString());
						Html.DevExpress().DateEditFor(m => m.End, t =>
						{
							t.Width = new Unit(98, UnitType.Percentage);
						}).Render();
					}
					ViewContext.Writer.Write("</div>");
				}
				ViewContext.Writer.Write("</div>");
			}
			ViewContext.Writer.Write("</td><td>");
			{
				ViewContext.Writer.Write(Html.CustomLabelFor(m => m.Start, "Benutzer:"));
				Html.DevExpress().DropDownEdit(t =>
				{
					t.Name = "devDropDownListUserValues";
					t.Width = new Unit(100, UnitType.Percentage);
					t.Text = Model.UserDescription;

					t.SetDropDownWindowTemplateContent(l =>
					{
						Html.DevExpress().ListBox(lb =>
						{
							lb.Name = "UserValues";
							lb.Width = new Unit(100, UnitType.Percentage);
							lb.Height = new Unit(250, UnitType.Pixel);
							lb.Properties.TextField = "Description";
							lb.Properties.ValueField = "Id";
							lb.Properties.ValueType = typeof(int);
							lb.Properties.SelectionMode = ListEditSelectionMode.CheckColumn;
							lb.ControlStyle.Border.BorderStyle = BorderStyle.None;
							lb.PreRender = (sender, e) =>
							{
								var listBox = sender as MVCxListBox;

								foreach (ListEditItem listItem in listBox.Items)
								{
									if (Model.UserValues == null || !Model.UserValues.Any(m => m == (int)listItem.Value)) continue;

									listItem.Selected = true;
								}
							};
							lb.Properties.ClientSideEvents.SelectedIndexChanged = "function (s, e) { onListBoxSelectionChanged(s, e); }";
						}).BindList(ViewData["AllUsers"]).Render();

						t.Properties.ClientSideEvents.TextChanged = "function (s, e) { synchronizeListBoxValues(s, e); }";
						t.Properties.ClientSideEvents.DropDown = "function (s, e) { synchronizeListBoxValues(s, e); }";
					});
				}).Render();
			}
			ViewContext.Writer.Write("</td></tr></tbody></table>");


			ViewContext.Writer.Write(Html.CustomLabelFor(m => m.Deviations, "Vertragsabweichungen / Nachträge:"));

			ViewContext.Writer.Write("<div style='width: 100%; overflow: auto; max-height: 450px; border: 1px solid #d0d0d0'>");
			{
				ViewContext.Writer.Write(Html.Partial("~/Views/Sites/_SiteEditTreePartial.cshtml", Model).ToHtmlString());
			}
			ViewContext.Writer.Write("</div>");

			ViewContext.Writer.Write("</div>");

			Html.RenderPartial(
				"~/Views/Shared/_PopupButtonPanel.cshtml",
				new GreenTree.Nachtragsmanagement.Web.Models.Global.PopupModel
				{
					PopupName = "devPopupControlEditSite",
					AcceptFunction = "function (s, e) { saveSite(); }"
				}
			);
		}
	});
	s.Styles.Content.Paddings.Padding = new Unit(0);
	s.Styles.ModalBackground.Opacity = 0;
}).GetHtml()
</div>