@page "/PARAMS"

<div class="card mb-5">
    <div class="card-header table-primary">
        <div class="d-flex">
            <div class="px-0 py-1">
                <h3><b>PARAMETERS</b></h3>
            </div>
            <div class="px-2 flex-fill">
                @if (isFiltering)
                {
                    <LoadingData DisplaySize="LoadingData.CtrlSize.Small"></LoadingData>
                }
                else
                {
                    <ParamsFilter FilterChanged="updateFilter"></ParamsFilter>
                }
            </div>
        </div>
    </div>
    <div class="card-body">
        @if (isLoading)
        {
            <LoadingData></LoadingData>
        }
        else
        {
            <ListPARAMS SelFilter="@currFilter" TotRecordChanged="@UpdateTotCount" RecordSel="@detailSel"></ListPARAMS>
        }
    </div>
    <div class="card-footer py-1">
        <DataPager @ref="pagerODL" PageSize="numRecord" currPage="currPage" numRecordChanged="ForceReload" numPageChanged="ForceReloadPage" totalCount="totalCount" showLoading="isLoading" />
    </div>
</div>