BeWoPlaner/BeWoPlanerMobil/Views/ReportViewer/ReportViewer.cshtml

@using BeWoPlanerMobil.Models
@model BeWoPlanerMobil.Models.ReportViewerModel

<!--
ToDo: Select für die Berichtsauswahl
Berichte
Mitarbeiterstundenkonto
-->

<script>
    $(window).ready(function () {
        var isEmployeeFormSelected = $("#filterForEmployeesRadio").prop("checked");

        $((isEmployeeFormSelected ? "#employee-form" : "#team-form")).show();
        $((isEmployeeFormSelected ? "#team-form" : "#employee-form")).hide();
    });

    // ToDo:
    function changeReportElements() {
        try {
            var selectedCustomReportOid = $("#customReportSelect :selected").val();
        } catch(error) {
            showErrorPopup(error);
        }
    }

    // ToDo:
    function reportFilterOnChange() {
        try {
            //team oder mitarbeiter

        } catch (error) {
            showErrorPopup(error);
        }
    }

    // ToDo: Alle Mitarbeiter auswählen und gegebenenfalls Report erstellen?
    function allEmployeesCbOnClick() {
        try {

        } catch (error) {
            showErrorPopup(error);
        }
    }

    // ToDo: Alle Teams auswählen und gegebenenfalls Report erstellen?
    function allTeamsCbOnClick() {
        try {

        } catch (error) {
            showErrorPopup(error);
        }
    }

    function loadCustomReport() {
        try {
            var selectedReportOid = $("#customReportSelect").val();

            $("#report-container").load("@Url.Action("LoadCustomReport")", { reportOid: selectedReportOid});
        } catch (error) {
            showErrorPopup(error);
        }
    }
</script>

<div class="container-fluid my-3">
    <div class="row">
        <div class="col-sm-12 col-md-4 col-lg-3 col-xl-2">
            <div class="row">
                <div class="col">
                    @Html.DropDownListFor(model => model.SelectedReportType, Model.ReportTypes, new { @class = "custom-select" })
                    <hr />
                </div>
            </div>
            <div class="row">
                <div class="col">
                    @if(Model.SelectedReportType == ReportType.Berichte)
                    {
                        @Html.DropDownListFor(model => model.SelectedCustomReport, Model.CustomReports, new { @class = "custom-select", id = "customReportSelect", onchange="loadCustomReport()" });
                    }
                    
                    @if(Model.SelectedReportType == ReportType.Mitarbeiterstundenkonto)
                    {
                        <!-- 
                        ToDo: Formular anzeigen
                        RadioBoxes Nach Mitarbeiter auswählen / Nach Team auswerten
                        CheckBox Alle Mitarbeiter
                        DropDownListFor Mitarbeiter
                        -->
                    <div id="report-form-container">
                        <div class="form-row">
                            <div class="col">
                                <div class="form-check">
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="filterRadio" id="filterForEmployeesRadio" onchange="reportFilterOnChange()" checked />
                                        <label for="filterForEmployeesRadio">Nach Mitarbeiter filtern</label>
                                    </div>
                                </div>
                                <div class="form-check">
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="filterRadio" id="filterForTeamsRadio" onchange="reportFilterOnChange()" />
                                        <label for="filterForTeamsRadio">Nach Teams filtern</label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="employee-form">
                            <div class="form-row">
                                <div class="col">
                                    <div class="form-group form-check">
                                        <input type="checkbox" class="form-check-input" id="all-employees-cb"/>
                                        <label class="form-check-label" for="all-employees-cb" onclick="allEmployeesCbOnClick()">Alle Mitarbeiter</label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="team-form">
                            <div class="form-row">
                                <div class="col">
                                    <div class="form-group form-check">
                                        <input type="checkbox" class="form-check-input" id="all-teams-cb"/>
                                        <label class="form-check-label" for="all-teams-cb" onclick="allTeamsCbOnClick()">Alle Teams</label>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    }
                </div>
            </div>
        </div>
        <div class="col-sm-12 col-md-8 col-lg-9 col-xl-10" id="report-container">
            @if(!(Model.Report is null))
            {
                @Html.Partial("DocumentWebViewerPartial", Model);
            }
        </div>
    </div>
</div>