Egalware/webdoorcreator
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix grafica door definition

Browse Source
This commit is contained in:
zaccaria.majid
2023-05-04 10:30:39 +02:00
parent a7831be194
commit fa98ed495b
10 changed files with 162 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
WebDoorCreator.UI/Components/DoorDef/DoorDefOrderTopRow.razor
+1 -1
View File
@@ -1,6 +1,6 @@
@if (currOrderStatus != null)
{
<div class="d-flex justify-content-between">
<div class="d-flex justify-content-between p-2" style="background-color: @bgColor">
<div>
<div class="badge rounded-pilll bg-dark text-light">Insert Date</div>
<div>@currOrderStatus.DateIns</div>
WebDoorCreator.UI/Components/DoorDef/DoorDefOrderTopRow.razor.cs
+3
View File
@@ -8,5 +8,8 @@ namespace WebDoorCreator.UI.Components.DoorDef
[Parameter]
public OrderStatusViewModel? currOrderStatus { get; set; } = null;
[Parameter]
public string bgColor { get; set; } = "";
}
}
WebDoorCreator.UI/Components/DoorDef/DoorDefStepList.razor
+28
View File
@@ -0,0 +1,28 @@
@using Components.SvgComp
<div class="containerAll row text-light" style="background-color: #34495E;">
@if (currListDoorDefStatus != null)
{
@foreach (var item in currListDoorDefStatus)
{
<div class="col px-0" @onclick="()=>changeStep(int.Parse(item.Value))">
@if (int.Parse(item.Value) == CurrDoorDefStatus)
{
<WebDoorCreator.UI.Components.SvgComp.StepArrow ObjId="@int.Parse(item.Value)" StepText="@item.Label" BlockStyle="@($"fill:{item.DefaultVal};")" ObjW="650" ObjH="100"></WebDoorCreator.UI.Components.SvgComp.StepArrow>
}
else
{
@if (int.Parse(item.Value) < CurrDoorDefStatus)
{
<WebDoorCreator.UI.Components.SvgComp.StepArrow ObjId="@int.Parse(item.Value)" StepText="@($"{item.Label} ✓")" BlockStyle="@($"fill:{item.DefaultVal};")" ObjW="650" ObjH="100"></WebDoorCreator.UI.Components.SvgComp.StepArrow>
}
else
{
<WebDoorCreator.UI.Components.SvgComp.StepArrow ObjId="@int.Parse(item.Value)" StepText="@item.Label" BlockStyle="@($"fill:transparent;")" ObjW="650" ObjH="100"></WebDoorCreator.UI.Components.SvgComp.StepArrow>
}
}
</div>
}
}
</div>
WebDoorCreator.UI/Components/DoorDef/DoorDefStepList.razor.cs
+58
View File
@@ -0,0 +1,58 @@
using Microsoft.AspNetCore.Components;
using Microsoft.AspNetCore.Components.Server.ProtectedBrowserStorage;
using WebDoorCreator.Data.DbModels;
using WebDoorCreator.UI.Data;
namespace WebDoorCreator.UI.Components.DoorDef
{
public partial class DoorDefStepList
{
[Inject]
protected WebDoorCreatorService WDService { get; set; } = null!;
[Parameter]
public int CurrDoorDefStatus { get; set; } = 10;
[Parameter]
public EventCallback<int> E_CurrStep { get; set; }
protected override async Task OnParametersSetAsync()
{
await Task.Delay(1);
}
protected async Task doChangeStep(string actDoorDefStep)
{
await Task.Delay(1);
//await E_StepChanged.InvokeAsync(actDoorDefStep);
}
protected List<ListValuesModel>? currListDoorDefStatus { get; set; } = null;
protected string currColor { get; set; } = "";
protected override async Task OnInitializedAsync()
{
await Task.Delay(1);
currListDoorDefStatus = await WDService.ListValuesGetAll("All", "DoorDefStep");
if (currListDoorDefStatus != null)
{
var stat2Display = currListDoorDefStatus.Where(x => x.Value == CurrDoorDefStatus.ToString()).FirstOrDefault();
if (stat2Display != null)
{
currColor = stat2Display.DefaultVal;
}
}
}
protected async Task changeStep(int step)
{
await E_CurrStep.InvokeAsync(step);
StateHasChanged();
}
}
}
WebDoorCreator.UI/Components/DoorDef/DoorDefStepList.razor.css
+23
View File
@@ -0,0 +1,23 @@
/*.arrowItem {
transform: skewX(20deg);
}*/
.button2Click {
background-color: var(--itemColor);
}
.arrow-right {
width: 0;
height: 0;
border-top: 25px solid transparent;
border-left: 30px solid var(--itemColor);
border-bottom: 25px solid transparent;
}
.tail-left {
width: 0;
height: 0;
border-top: 25px solid var(--itemColor);
border-left: 30px solid transparent;
border-bottom: 25px solid var(--itemColor);
}
.containerAll {
border-radius: 0.3rem;
}
WebDoorCreator.UI/Components/DoorDef/DoorDefStepList.razor.less
+31
View File
@@ -0,0 +1,31 @@
@bordL: 25px;
@bordH: 30px;
/*.arrowItem {
transform: skewX(20deg);
}*/
.button2Click{
background-color: var(--itemColor);
}
.arrow-right {
width: 0;
height: 0;
border-top: @bordL solid transparent;
border-left: @bordH solid var(--itemColor);
border-bottom: @bordL solid transparent;
}
.tail-left {
width: 0;
height: 0;
border-top: @bordL solid var(--itemColor);
border-left: @bordH solid transparent;
border-bottom: @bordL solid var(--itemColor);
}
.containerAll{
border-radius: 0.3rem;
}
WebDoorCreator.UI/Components/DoorDef/DoorDefStepList.razor.min.css
Vendored
+1
View File
@@ -0,0 +1 @@
.button2Click{background-color:var(--itemColor);}.arrow-right{width:0;height:0;border-top:25px solid transparent;border-left:30px solid var(--itemColor);border-bottom:25px solid transparent;}.tail-left{width:0;height:0;border-top:25px solid var(--itemColor);border-left:30px solid transparent;border-bottom:25px solid var(--itemColor);}.containerAll{border-radius:.3rem;}
WebDoorCreator.UI/Components/DoorDef/DoorPreview.razor
+1 -1
View File
@@ -1,4 +1,4 @@
<div class="bg-secondary" style="min-height:45rem; min-width:45rem; position:fixed;">
<div class="bg-secondary" style="height:100%; width:100%; position:sticky;">
@if (!string.IsNullOrEmpty(@SvgContent))
{
@svgPreview
WebDoorCreator.UI/Components/DoorDef/StepsList.razor
+2 -2
View File
@@ -1,4 +1,4 @@
<div class="row bg-secondary text-light">
@*<div class="row bg-secondary text-light">
<div class="col-4 p-0 fs-3 d-flex justify-content-between" @onclick="()=>doChangeStep(Core.Enum.DoorDefStep.Door)">
@if (DoorDefStep == Core.Enum.DoorDefStep.Door)
{
@@ -35,4 +35,4 @@
<div class=" @reportCSS flex-fill text-center">Report</div>
}
</div>
</div>
</div>*@
WebDoorCreator.UI/Components/DoorDef/StepsList.razor.cs
+14 -12
View File
@@ -10,18 +10,18 @@ namespace WebDoorCreator.UI.Components.DoorDef
[Parameter]
public EventCallback<Core.Enum.DoorDefStep> E_StepChanged { get; set; }
protected string doorCSS
{
get => DoorDefStep == Core.Enum.DoorDefStep.Door ? "bg-success" : "bg-secondary";
}
protected string hwCSS
{
get => DoorDefStep == Core.Enum.DoorDefStep.Hardware ? "bg-success" : "bg-secondary";
}
protected string reportCSS
{
get => DoorDefStep == Core.Enum.DoorDefStep.Report ? "bg-success" : "bg-secondary";
}
//protected string doorCSS
//{
// get => DoorDefStep == Core.Enum.DoorDefStep.Door ? "bg-success" : "bg-secondary";
//}
//protected string hwCSS
//{
// get => DoorDefStep == Core.Enum.DoorDefStep.Hardware ? "bg-success" : "bg-secondary";
//}
//protected string reportCSS
//{
// get => DoorDefStep == Core.Enum.DoorDefStep.Report ? "bg-success" : "bg-secondary";
//}
protected override async Task OnParametersSetAsync()
@@ -35,5 +35,7 @@ namespace WebDoorCreator.UI.Components.DoorDef
await E_StepChanged.InvokeAsync(actDoorDefStep);
}
}
}