Annamaria Sassi
374 lines
22 KiB
Plaintext
374 lines
22 KiB
Plaintext
|
|
<div class="card text-center">
|
|
<div class="card-header" style="background-color: #d5f1f2;">
|
|
<ul class="nav nav-tabs card-header-tabs">
|
|
<li class="nav-item">
|
|
@if (currStep == CompileStep.Template)
|
|
{
|
|
<a href="#" data-target="#Template" class="nav-link active fw-bold" aria-current="true" @onclick="() => AdvStep(CompileStep.Template)">Template</a>
|
|
}
|
|
else
|
|
{
|
|
<a href="#" data-target="#Template" class="nav-link text-secondary" @onclick="() => AdvStep(CompileStep.Template)">Template</a>
|
|
}
|
|
</li>
|
|
<li class="nav-item">
|
|
@if (currStep == CompileStep.Frame)
|
|
{
|
|
<a href="#" data-target="#Frame" class="nav-link active fw-bold" aria-current="true" @onclick="() => AdvStep(CompileStep.Frame)">Frame</a>
|
|
}
|
|
else
|
|
{
|
|
<a href="#" data-target="#Frame" class="nav-link text-secondary" @onclick="() => AdvStep(CompileStep.Frame)">Frame</a>
|
|
}
|
|
</li>
|
|
<li class="nav-item">
|
|
@if (currStep == CompileStep.Split)
|
|
{
|
|
<a href="#" data-target="#Split" class="nav-link active fw-bold" aria-current="true" @onclick="() => AdvStep(CompileStep.Split)">Split</a>
|
|
}
|
|
else
|
|
{
|
|
<a href="#" data-target="#Split" class="nav-link text-secondary" @onclick="() => AdvStep(CompileStep.Split)">Split</a>
|
|
}
|
|
</li>
|
|
<li class="nav-item">
|
|
@if (currStep == CompileStep.Sash)
|
|
{
|
|
<a href="#" data-target="#Sash" class="nav-link active fw-bold" aria-current="true" @onclick="() => AdvStep(CompileStep.Sash)">Sash</a>
|
|
}
|
|
else
|
|
{
|
|
<a href="#" data-target="#Sash" class="nav-link text-secondary" @onclick="() => AdvStep(CompileStep.Sash)">Sash</a>
|
|
}
|
|
</li>
|
|
<li class="nav-item">
|
|
@if (currStep == CompileStep.Fill)
|
|
{
|
|
<a href="#" data-target="#Fill" class="nav-link active fw-bold" aria-current="true" @onclick="() => AdvStep(CompileStep.Fill)">Fill</a>
|
|
}
|
|
else
|
|
{
|
|
<a href="#" data-target="#Fill" class="nav-link text-secondary" @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.Template)
|
|
{
|
|
<table class="table table-hover align-middle">
|
|
<thead class="table-light fs-5">
|
|
<tr>
|
|
<th scope="col">#</th>
|
|
<th scope="col" class="col-4">Image</th>
|
|
<th scope="col" class="text-start">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 style="height: 150px;" class="@colorClass" @onclick="() => DoSelect(item)">
|
|
<td>@item.Index</td>
|
|
<td><img class="img-fluid" width="100" src="@item.SVGFileName" /></td>
|
|
<td class="text-start">@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.Frame)
|
|
{
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-6">
|
|
<div class="alert alert-light text-start p-1 display-4 w-50">
|
|
<div class="input-group mb-2">
|
|
<label class="input-group-text" for="FrameShape">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="border mb-2">
|
|
<div class="card-body py-2">
|
|
<h5 class="card-title">Dimensioni</h5>
|
|
@foreach (FrameDimension dimension in m_Frame.DimensionList)
|
|
{
|
|
<div class="input-group mb-2">
|
|
<span class="input-group-text" id="IndexDimFrame">@dimension.nIndex</span>
|
|
<span class="input-group-text" id="NameDimFrame">@dimension.sName</span>
|
|
<input type="number" class="form-control" aria-label="@dimension.dValue" @bind="@dimension.dValue">
|
|
</div>
|
|
}
|
|
</div>
|
|
</div>
|
|
<div class="border mb-2">
|
|
<div class="card-body py-2">
|
|
<h5 class="card-title">Giunzioni telaio</h5>
|
|
@foreach (Joint joint in m_Frame.JointList)
|
|
{
|
|
<div class="input-group mb-2">
|
|
<label class="input-group-text" for="IndexJoint">@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>
|
|
<div class="border mb-2">
|
|
<div class="card-body py-2">
|
|
<h5 class="card-title">Bottom rail</h5>
|
|
<div class="d-flex justify-content-start fs-5 mb-2">
|
|
<div class="px-1">
|
|
<input class="form-check-input ml-auto" type="checkbox" name="BottomRail" id="BottomRail" @bind="@m_Frame.BottomRail">
|
|
</div>
|
|
<div class="px-2">
|
|
<label class="form-check-label fs-6 text-dark" for="BottomRailLabel">BottomRail</label>
|
|
</div>
|
|
</div>
|
|
<div class="input-group mb-2">
|
|
<span class="input-group-text" id="BottomRailQty">Quantità</span>
|
|
<input type="number" class="form-control" aria-label="BottomRailQty" @bind="@m_Frame.BottomRailQty">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@* <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 class="col-6">
|
|
@*img*@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
}
|
|
else if (currStep == CompileStep.Split)
|
|
{
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-6">
|
|
<div class="alert alert-light text-start p-1 display-4 w-75">
|
|
@foreach(var item in SplitList)
|
|
{
|
|
<div class="border mb-2">
|
|
<div class="card-body py-2">
|
|
<div class="input-group mb-2">
|
|
<span class="input-group-text" id="basic-addon1Split">Numero</span>
|
|
<input type="number" class="form-control" placeholder="0" aria-label="basic-addon1Split" @bind="@item.nSplitQty">
|
|
</div>
|
|
<div class="input-group mb-2">
|
|
<label class="input-group-text" for="basic-addon2Split">Shape</label>
|
|
<select class="form-select" @bind="@item.SelSplitShapeIndex">
|
|
<option value="0">Vertical</option>
|
|
<option value="1">Horizontal</option>
|
|
<option value="2">Grid</option>
|
|
<option value="3">Custom</option>
|
|
</select>
|
|
</div>
|
|
@foreach (var dim in item.SplitPositionList)
|
|
{
|
|
<div class="input-group mb-2">
|
|
<span class="input-group-text" id="basic-addon3Split">Altezza area inferiore</span>
|
|
<input type="number" class="form-control" aria-label="basic-addon2Split" @bind="@dim.dDimension">
|
|
</div>
|
|
}
|
|
</div>
|
|
</div>
|
|
}
|
|
@* <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 class="col-6">
|
|
@*img*@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
}
|
|
else if (currStep == CompileStep.Sash)
|
|
{
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-6">
|
|
<div class="alert alert-light text-start p-1 display-4 w-50">
|
|
@foreach (var item in SashList)
|
|
{
|
|
<div class="input-group mb-2">
|
|
<div class="input-group mb-2">
|
|
<span class="input-group-text" id="NumberSash">Numero</span>
|
|
<input type="number" class="form-control" aria-label="NumberSash" @bind="@item.nSashQty">
|
|
</div>
|
|
</div>
|
|
<div class="border mb-2">
|
|
<div class="card-body py-2">
|
|
<h5 class="card-title">Orientamento</h5>
|
|
<div class="form-check fs-5">
|
|
<input class="form-check-input" type="radio" name="OrientamSash" id="VerticalSash" value="option1" checked>
|
|
<label class="form-check-label" for="VerticalSash">Vertical</label>
|
|
</div>
|
|
<div class="form-check fs-5">
|
|
<input class="form-check-input" type="radio" name="OrientamSash" id="HorizontalSash" value="option2">
|
|
<label class="form-check-label" for="HorizontalSash">Horizontal</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="border mb-2">
|
|
<div class="card-body py-2">
|
|
<h5 class="card-title">Giunzioni ante</h5>
|
|
@foreach (Joint joint in item.JointList)
|
|
{
|
|
<div class="input-group mb-2">
|
|
<label class="input-group-text" for="IndexJoint">@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>
|
|
<div class="border mb-2">
|
|
<div class="card-body py-2">
|
|
<h5 class="card-title">Bottom rail</h5>
|
|
<div class="d-flex justify-content-start fs-5 mb-2">
|
|
<div class="px-1">
|
|
<input class="form-check-input ml-auto" type="checkbox" name="BottomRail" id="BottomRail" @bind="@item.BottomRail">
|
|
</div>
|
|
<div class="px-2">
|
|
<label class="form-check-label fs-6 text-dark" for="BottomRailLabel">BottomRail</label>
|
|
</div>
|
|
</div>
|
|
<div class="input-group mb-2">
|
|
<span class="input-group-text" id="BottomRailQty">Quantità</span>
|
|
<input type="number" class="form-control" aria-label="BottomRailQty" @bind="@item.BottomRailQty">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
}
|
|
|
|
@* <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 class="col-6">
|
|
@* img *@
|
|
</div>
|
|
</div>
|
|
</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> *@
|
|
|