Files
BeWoPlaner/BeWoPlanerMobil/Views/ReportViewer/ReportViewer.cshtml

73 lines
2.3 KiB
Plaintext

@using BeWoPlanerMobil.Util
@model BeWoPlanerMobil.Models.ReportViewerModel
<script>
$(window).ready(function () {
toggleMitarbeiterstundenForm();
});
function toggleMitarbeiterstundenForm() {
try {
var isEmployeeFormSelected = $("#msk-filterForEmployeesRadio").prop("checked");
$((isEmployeeFormSelected ? "#msk-employee-form" : "#msk-team-form")).show();
$((isEmployeeFormSelected ? "#msk-team-form" : "#msk-employee-form")).hide();
} catch (error) {
showErrorPopup(error);
}
}
function loadCustomReport() {
try {
var selectedReportOid = $("#msk-customReportSelect").val();
showSpinner();
$("#msk-report-container").load("@Url.Action("LoadCustomReport")", { reportOid: selectedReportOid }, function () {
toggleMitarbeiterstundenForm();
hideSpinner();
});
} catch (error) {
showErrorPopup(error);
}
}
function updateForm() {
try {
var selectedReportType = $("#msk-report-type-select").val();
showSpinner();
$("#msk-form-col").load("@Url.Action("LoadViewerForm")", { reportType: selectedReportType }, function () {
toggleMitarbeiterstundenForm();
hideSpinner();
});
} catch (error) {
showErrorPopup(error);
}
}
</script>
<div class="container-fluid my-3">
<div class="row">
<div class="col-sm-12 col-md-4 col-lg-4 col-xl-3">
<div class="row">
<div class="col">
@Html.DropDownListFor(model => model.SelectedReportType, Model.ReportTypes, new { @class = "custom-select", onchange = "updateForm()", id = "msk-report-type-select" })
<hr />
</div>
</div>
<div class="row">
<div class="col" id="msk-form-col">
@Html.Partial("ReportViewerFormPartial", Model)
</div>
</div>
</div>
<div class="col-sm-12 col-md-8 col-lg-8 col-xl-9" id="msk-report-container">
@if(!(Model.Report is null))
{
@Html.Partial("DocumentWebViewerPartial", Model)
}
</div>
</div>
</div>