@page "/MyReport"


<div class="card shadow-lg">
    <div class="card-header table-primary d-flex justify-content-between">
        <div class="d-flex">
            <div class="fs-3 pe-2">
                <b>My Report</b>
            </div>
            <div class="px-2 pt-3">
                <small>Report personale progetti svolti</small>
            </div>
        </div>
        <div class="text-end d-flex">
            <div>
                <Toggler SelFilter="@ToggleData" FilterChanged="evToggled"></Toggler>
            </div>
            <div>
                <PeriodoSel E_PeriodoSel="setPeriodo" CurrPeriodo="@periodo"></PeriodoSel>
            </div>
        </div>
    </div>
    <div class="card-body p-1">
        <div class="row">
            @if (isLoading)
            {
                <LoadingData DisplaySize="LoadingData.CtrlSize.Large" DisplayMode="LoadingData.SpinMode.Growl"></LoadingData>
            }
            else
            {
                <MyRepStats CurrData="@userReportData" ShowVert="@showVert" E_ReqReload="ForceReload"></MyRepStats>
            }
        </div>
    </div>
</div>