webwindowconfigurator/WebWindowConfigurator/WebWindowMaker.razor

<div class="card text-center">
    <div class="card-header">
        <ul class="nav nav-tabs card-header-tabs">
            <li class="nav-item">
                @if(currStep == CompileStep.General)
                {
                    <a href="#" data-target="#General" class="nav-link active" aria-current="true" @onclick="() => AdvStep(CompileStep.General)">General</a>
                }
                else
                {
                    <a href="#" data-target="#General" class="nav-link" @onclick="() => AdvStep(CompileStep.General)">General</a>
                }
            </li>
            <li class="nav-item">
                @if (currStep == CompileStep.Shape)
                {
                    <a href="#" data-target="#Shape" class="nav-link active" aria-current="true" @onclick="() => AdvStep(CompileStep.Shape)">Shape</a>
                }
                else
                {
                    <a href="#" data-target="#Shape" class="nav-link" @onclick="() => AdvStep(CompileStep.Shape)">Shape</a>
                }
            </li>
            <li class="nav-item">
                @if (currStep == CompileStep.Dimension)
                {
                    <a href="#" data-target="#Dimension" class="nav-link active" aria-current="true" @onclick="() => AdvStep(CompileStep.Dimension)">Dimension</a>
                }
                else
                {
                    <a href="#" data-target="#Dimension" class="nav-link" @onclick="() => AdvStep(CompileStep.Dimension)">Dimension</a>
                }
            </li>
        </ul>
    </div>
    <div class="card-body">
        <div class="alert alert-light text-center display-4">
            @if (currStep == CompileStep.General)
            {
                @foreach (FrameDimension dimension in m_frame.DimensionList)
                {
                    <div class="input-group mb-3 w-25">
                        <span class="input-group-text" id="basic-addon1">@dimension.nIndex</span>
                        <span class="input-group-text" id="basic-addon1">@dimension.sName</span>
                        <input type="number" class="form-control" aria-label="@dimension.dValue" @bind="@dimension.dValue">
                    </div>
                }
                <div class="input-group mb-3 w-25">
                    <label class="input-group-text" for="inputGroupSelect01">Shape</label>
                    <select class="form-select" @bind="@m_frame.SelShapeIndex">
                        <option value="0">Rettangolo</option>
                        <option value="1">Right Chamfer</option>
                        <option value="2">Left Chamfer</option>
                        <option value="3">Double Chamfer</option>
                        <option value="4">Arc</option>
                        <option value="5">Arc Full</option>
                        <option value="6">Double Arc</option>
                        <option value="7">Triangle</option>
                    </select>
                </div>
                <div class="d-flex justify-content-start fs-5 mb-3 w-25">
                    <div class="p-2">
                        <input class="form-check-input ml-auto" type="checkbox" name="BottomRail" id="BottomRail" @bind="@m_frame.BottomRail"> 
                    </div>
                    <div class="p-2">
                        <label class="form-check-label" for="checkDefault">BottomRail</label>
                    </div>
                </div>
                <div class="input-group mb-3 w-25">
                    <span class="input-group-text" id="basic-addon1">BottomRailQty</span>
                    <input type="number" class="form-control" aria-label="BottomRailQty" @bind="@m_frame.BottomRailQty">
                </div>
                @*<button class="btn btn-sm btn-primary" title="Reset selezione" @onclick="DoReset"><i class="fa-solid fa-arrow-rotate-right"></i></button> *@
            }
            else if (currStep == CompileStep.Shape)
            {
                <div class="alert alert-light text-center display-4">
                    aggiungi
                    @* <button class="btn btn-sm btn-primary" title="Reset selezione" @onclick="DoReset"><i class="fa-solid fa-arrow-rotate-right"></i></button> *@
                </div>
            }
            else if (currStep == CompileStep.Dimension)
            {
                <div class="alert alert-info text-center display-4">
                    aggiungi dimensioni
                    @* <button class="btn btn-sm btn-primary" title="Reset selezione" @onclick="DoReset"><i class="fa-solid fa-arrow-rotate-right"></i></button> *@
                </div>
            }
        </div>
        <div>
            <button class="btn btn-lg btn-primary" @onclick="DoSave">Save</button>
            <button class="btn btn-lg btn-primary" @onclick="DoClose">Close</button>
        </div>
    </div>
</div>



@* <div class="card shadow">
        <div class="card-header">
            <div class="card-title fs-4">
                <div class="d-flex justify-content-between">
                    <div class="px-0">
                         <div class="d-flex justify-content-start bd-highlight mb-2">
                            <div class="btn-group" role="group">
                                <span @onclick="() => AdvStep(CompileStep.General)">
                                    <button type="button" class="btn btn-secondary">General</button>
                                </span>
                            </div>
                            <div class="col px-0">
                                <span @onclick="() => AdvStep(CompileStep.Shape)">
                                    <button type="button" class="btn btn-secondary">Shape</button>
                                </span>
                            </div>
                            <div class="col px-0">
                                <span @onclick="() => AdvStep(CompileStep.Dimension)">
                                    <button type="button" class="btn btn-secondary">Dimension</button>
                                </span>
                            </div>
                            <div class="col px-0">
                                <span @onclick="() => AdvStep(CompileStep.Open)">
                                    <button type="button" class="btn btn-secondary">Open</button>
                                </span>
                            </div>
                         </div>
                             <div class="px-0">
                                <button type="button" class="btn-close" data-bs-dismiss="card" aria-label="Close" @onclick="DoReset">
                                </button>
                            </div> 
                    </div>
                </div>
            </div>

        </div>
        <div class="card-body">


            @if (currStep == CompileStep.General)
            {
                <div class="alert alert-light text-center displa    y-4">
                    @foreach (FrameDimension dimension in m_frame.DimensionList)
                    {
                        <div class="input-group mb-3 w-25">
                            <span class="input-group-text" id="basic-addon1">@dimension.nIndex</span>
                            <span class="input-group-text" id="basic-addon1">@dimension.sName</span>
                            <input type="number" class="form-control" placeholder="1800" aria-label="Height" @bind="@dimension.dValue">
                        </div>
                    }
                     <button class="btn btn-sm btn-primary" title="Reset selezione" @onclick="DoReset"><i class="fa-solid fa-arrow-rotate-right"></i></button> 
                </div>
            }
            else if (currStep == CompileStep.Shape)
            {
                <div class="alert alert-info text-center display-4">
                    aggiungi forma
                    <button class="btn btn-sm btn-primary" title="Reset selezione" @onclick="DoReset"><i class="fa-solid fa-arrow-rotate-right"></i></button> 
                </div>
            }
            else if (currStep == CompileStep.Dimension)
            {
                <div class="alert alert-info text-center display-4">
                    aggiungi dimensioni
                    <button class="btn btn-sm btn-primary" title="Reset selezione" @onclick="DoReset"><i class="fa-solid fa-arrow-rotate-right"></i></button>
                </div>
            }
            else if (currStep == CompileStep.Open)
            {
                <div class="alert alert-info text-center display-4">
                    scegli apertura
                    <button class="btn btn-sm btn-primary" title="Reset selezione" @onclick="DoReset"><i class="fa-solid fa-arrow-rotate-right"></i></button>
                </div>
            }
        </div>
</div> *@

@* <div class="my-component">
    <button class="btn btn-lg btn-primary" @onclick="DoSave">Save</button>
    <button class="btn btn-lg btn-primary" @onclick="DoClose">Close</button>
</div> *@