f3e82c300f
- modificata interfaccia della tab general
239 lines
12 KiB
Plaintext
239 lines
12 KiB
Plaintext
|
|
<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.Sash)
|
|
{
|
|
<a href="#" data-target="#Sash" class="nav-link active" aria-current="true" @onclick="() => AdvStep(CompileStep.Sash)">Sash</a>
|
|
}
|
|
else
|
|
{
|
|
<a href="#" data-target="#Sash" class="nav-link" @onclick="() => AdvStep(CompileStep.Sash)">Sash</a>
|
|
}
|
|
</li>
|
|
<li class="nav-item">
|
|
@if (currStep == CompileStep.Split)
|
|
{
|
|
<a href="#" data-target="#Split" class="nav-link active" aria-current="true" @onclick="() => AdvStep(CompileStep.Split)">Split</a>
|
|
}
|
|
else
|
|
{
|
|
<a href="#" data-target="#Split" class="nav-link" @onclick="() => AdvStep(CompileStep.Split)">Split</a>
|
|
}
|
|
</li>
|
|
<li class="nav-item">
|
|
@if (currStep == CompileStep.Fill)
|
|
{
|
|
<a href="#" data-target="#Fill" class="nav-link active" aria-current="true" @onclick="() => AdvStep(CompileStep.Fill)">Fill</a>
|
|
}
|
|
else
|
|
{
|
|
<a href="#" data-target="#Fill" class="nav-link" @onclick="() => AdvStep(CompileStep.Fill)">Fill</a>
|
|
}
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="alert alert-light text-center display-4">
|
|
@if (currStep == CompileStep.General)
|
|
{
|
|
<table class="table table-hover">
|
|
<thead class="table-light fs-5">
|
|
<tr>
|
|
<th scope="col">#</th>
|
|
<th scope="col">Image</th>
|
|
<th scope="col">Description</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="table-group-divider fs-5">
|
|
@foreach (var item in IN_TemplateDTOList)
|
|
{
|
|
string colorClass = "";
|
|
@if (SelTemplateDTO != null && item.Index == SelTemplateDTO.Index)
|
|
colorClass = "table-success";
|
|
else
|
|
colorClass = "";
|
|
<tr class="@colorClass" @onclick="() => DoSelect(item)">
|
|
<td>@item.Index</td>
|
|
<td>...</td>
|
|
<td>@item.Description</td>
|
|
</tr>
|
|
}
|
|
</tbody>
|
|
</table>
|
|
@*<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.Sash)
|
|
{
|
|
<div class="alert alert-light text-center display-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" 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="input-group w-50">
|
|
@foreach (Joint joint in m_frame.JointList)
|
|
{
|
|
<div class="input-group mb-3 w-50">
|
|
<label class="input-group-text" for="inputGroupSelect02">Giunzioni telaio @joint.nIndex</label>
|
|
<select class="form-select" @bind="@joint.SelJointTypeIndex">
|
|
<option value="0">Angled</option>
|
|
<option value="1">Full H</option>
|
|
<option value="2">Full V</option>
|
|
</select>
|
|
</div>
|
|
}
|
|
</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> *@
|
|
</div>
|
|
}
|
|
else if (currStep == CompileStep.Split)
|
|
{
|
|
<div class="alert alert-info text-center display-4">
|
|
aggiungi montanti
|
|
@* <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.Fill)
|
|
{
|
|
<div class="alert alert-info text-center display-4">
|
|
aggiungi riempimento
|
|
@* <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> *@
|
|
|