Saxonite/SaxoniteCoreWebOnline/Views/Support/Feedback.cshtml

@model Model_Support
@inject SaxLocaliser Localiser
@{
	// Online - Support - Feedback.
	ViewData["Title"] = "Support - Feedback";
	Model.AdditionalFiles_CSS.Add("rjs/sax-rjs.css");
	Model.AdditionalFiles_JS.Add("rjs/rooster-min.js");
	Model.AdditionalFiles_JS.Add("rjs/sax-rjs.js");
	Model.AdditionalFiles_JS.Add("js/sax-spt-rpt.js");
}

<div class="sax-panel UserReports">
	<div class="row">

		@* Filter *@
		<div class="col-md-4">

			@* Filter Form *@
			@using (@Html.BeginForm(FormMethod.Post, new { @id = "frmUserReportFilter", @class = "sax-form", @action = "#", @method = "POST", onsubmit = "return false;" }))
			{

				@* Filter Panel *@
				<div class="sax-panel-filter mr-md-2">
					@* Filter header *@
					<div class="sax-header row">
						<div class="col"><div class="sax-caption">@Localiser["support.caption.user.reports"]</div></div>
						<div class="fixed row">
							@* Burger menu *@
							<ul class="nav navbar-nav navbar-dark navbar-right sax-burger">
								<li class="dropdown-toggle caret-off">
									<a href="#" class="dropdown" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span class="navbar-toggler-icon"></span></a>
									<ul class="dropdown-menu dropdown-menu-right sax-dropdown-menu">@* Menu items will be inserted here. *@</ul>
								</li>
							</ul>
						</div>
					</div>
					<div class="sax-content">
						<div class="sax-control row">
							<div class="col-sm-4"><div class="sax-label text-left text-sm-right">@Localiser["label.search"]</div></div>
							<div class="col-sm-8"><input type="search" id="ifUserReportFilter" name="UserReport.Filter.Report" class="UserReportFilter sax-input" maxlength="64" autocomplete="off" /></div>
						</div>
					</div>

					@* Filter item templates *@
					<div class="sax-panel-item-template">
						@* Burger dropdown item template - ul is ignored *@
						<ul class="sax-dropdown-menu UserReports">
							<li class="sax-dropdown-item sax-action"><div class="sax-label">...</div></li>
						</ul>
					</div>

				</div>

			}
		</div>

		@* User Reports *@
		<div class="col">
			<div class="sax-panel-results">
				<div class="sax-panel-messages"></div>
				<div class="sax-panel-item-list"></div>

				@* Item templates *@
				<div class="sax-panel-item-template">
					@* User Report template *@
					<div class="sax-panel-item UserReport">
						<div class="row">
							<div class="col">
								<div class="sax-header row">
									<div class="col"><div class="sax-caption"><div class="sax-action ReportTitle"></div></div></div>
									<div class="fixed">
										@* Burger menu *@
										<ul class="nav navbar-nav navbar-light navbar-right sax-burger">
											<li class="dropdown-toggle caret-off">
												<a href="#" class="dropdown" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span class="navbar-toggler-icon"></span></a>
												<ul class="dropdown-menu dropdown-menu-right sax-dropdown-menu"></ul>
											</li>
										</ul>
									</div>
								</div>
								<div class="sax-content">
									<div class="row">
										<div class="col-sm-6"></div>
										<div class="col-sm-6 text-sm-right"></div>
									</div>
									<div class="row">
										<div class="col-sm-4"><div class="ReportType sax-note"><span class="ReportTypeDesc"></span></div></div>
										<div class="col-sm-4"><div class="ReportRaisedBy sax-note"><span class="UserDisplayName"></span>&nbsp;<span class="ReportRecordedOn"></span></div></div>
										<div class="col-sm-4 text-sm-right"><div class="ReportStatus sax-note"></div></div>
									</div>
								</div>
							</div>
						</div>
					</div>
					@* Item Burger dropdown template - ul is ignored *@
					<ul class="sax-dropdown-menu UserReport">
						<li class="sax-dropdown-item sax-action"><div class="sax-label">...</div></li>
					</ul>
				</div>
			</div>

		</div>
	</div>

	@* User Report Id form *@
	@using (Html.BeginForm(FormMethod.Post, new { @id = "frmUserReportId", @class = "sax-form", @onSubmit = "return false;" }))
	{
		@Html.HiddenFor(model => model.UserReport.Id, new { @id = "", @class = "UserReportId" })
	}


	@* User Report dialog *@
	<div id="dlgUserReport" class="sax-dialog" title="@Localiser["support.caption.user.report"]">
		<div class="spacer2"></div>
		@using (Html.BeginForm(FormMethod.Post, new { @id = "frmUserReport", @class = "sax-form", @autocomplete = "off", @onSubmit = "return false;" }))
		{
			@Html.HiddenFor(model => model.UserReport.Id, new { @id = "", @class = "UserReportId" })
			@Html.HiddenFor(model => model.UserReport.Exists, new { @id = "", @class = "UserReportExists" })
			@Html.HiddenFor(model => model.UserReport.UserAccountId, new { @id = "", @class = "UserAccountId" })

			@* Report Type *@
			<div class="sax-form-control UserReportType">
				<div class="row">
					<div class="col-sm-3">
						<div class="sax-label">
							<label for="cbUserReportType"><span>@Localiser["label.type"]</span><span class="required">&nbsp;*</span></label>
						</div>
					</div>
					<div class="col-sm">
						<div class="sax-control">
							<select id="cbUserReportType" class="UserReportType sax-select" name="UserReport.ReportType"></select>
						</div>
						<div class="sax-message"></div>
					</div>
				</div>
			</div>

			@* Report Title *@
			<div class="sax-form-control UserReportTitle">
				<div class="row">
					<div class="col-sm-3">
						<div class="sax-label">
							<label for="ifUserReportTitle"><span>@Localiser["label.title"]</span></label>
						</div>
					</div>
					<div class="col-sm">
						<div class="sax-control">
							@Html.TextBoxFor(model => model.UserReport.Title, new { @id = "ifUserReportTitle", @class = "UserReportTitle sax-input", @maxlength = @Model.GetControlMaxLength(SaxDbDfn_Support.ColumnIdx.UserReport_Title) })
						</div>
						<div class="sax-message"></div>
					</div>
				</div>
			</div>

			@* Report *@
			<div class="sax-form-control UserReportReport">
				<div class="row">
					<div class="col-sm-3">
						<div class="sax-label">
							<label for="ifUserReportReport"><span>@Localiser["label.report"]</span></label>
						</div>
					</div>
					<div class="col-sm">
						<div class="sax-control">
							@Html.HiddenFor(model => model.UserReport.Report, new { @id = "ifUserReportReport", @class = "UserReportReport sax-input" })
							<div class="rjs-container">
								<div class="rjs-editor"></div>
								<div class="rjs-toolbar"></div>
							</div>
						</div>
						<div class="sax-message"></div>
					</div>
				</div>
			</div>

		}
		<div class="spacer"></div>
	</div>

	<script type="text/javascript">
		sax.lbl.edit = '@(Localiser.GetJavascriptText("label.edit"))';
		sax.lbl.remove = '@(Localiser.GetJavascriptText("label.remove"))';
		sax.dlg.title.createUserReport = '@(Localiser.GetJavascriptText("caption.user.report.create"))';
		sax.dlg.title.updateUserReport = '@(Localiser.GetJavascriptText("caption.user.report.update"))';
	</script>
</div>