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

bozza modal

Browse Source
This commit is contained in:
zaccaria.majid
2023-05-18 18:02:39 +02:00
parent 014a52ad34
commit 092315ccc8
11 changed files with 159 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
WebDoorCreator.UI/Components/DoorMan/DoorList.razor
+1 -18
View File
@@ -4,16 +4,12 @@
{
<div class="d-flex justify-content-between">
<div class=" py-1">
@*<DoorSvgObj LineColor="rgb(39, 174, 96)" LineWidth="8" ObjH="200" ObjW="900" LeftTextClass="col-10 fs-1 fw-bold" RightTextClass="col-2" EC_ExeFunct="@(()=> createDoor(""))" ObjId="-1" TextData="@AddDoorDict" ImagePath="images/LogoEgwBlack.png"></DoorSvgObj>*@
<HwSvgObj LineColor="#CFD8DC" LineWidth="8" ObjH="200" ObjW="700" EC_ExeFunct="@(()=> createDoor(""))" ObjId="-1" ItemName="Add new door" ItemCount="0" ShowPlus="true" ImagePath="images/icons/PlusWhite.svg"></HwSvgObj>
</div>
<div class=" py-1">
@*<DoorSvgObj LineColor="rgb(39, 174, 96)" LineWidth="8" ObjH="200" ObjW="900" LeftTextClass="col-10 fs-1 fw-bold" RightTextClass="col-2" EC_ExeFunct="@(()=> setCloneDoorMode(""))" ObjId="-2" TextData="@AddFromTemplDict" ImagePath="images/LogoEgwBlue.png"></DoorSvgObj>*@
<HwSvgObj LineColor="#CFD8DC" LineWidth="8" ObjH="200" ObjW="700" EC_ExeFunct="@(()=> setCloneDoorMode(""))" ObjId="-2" ItemName="Add from tempalte" ItemCount="0" ShowPlus="true" ImagePath="images/icons/clipboard-regular.svg"></HwSvgObj>
</div>
<div class=" py-1">
@*<DoorSvgObj LineColor="#8E44AD" LineWidth="8" ObjH="200" ObjW="900" LeftTextClass="col-10 fs-1 fw-bold" RightTextClass="col-2" EC_ExeFunct="@(()=> sendToCompany(currOrderId, orderStatus))" ObjId="-3" TextData="@SendOrderDict" Message1="@currOrderId.ToString()" Message2="@orderStatus.ToString()" ImagePath="images/LogoEgwWhite.png"></DoorSvgObj>*@
<HwSvgObj LineColor="#CFD8DC" LineWidth="8" ObjH="200" ObjW="700" EC_ExeFunct="@(()=> sendToCompany(currOrderId, orderStatus))" ObjId="-3" ItemName="Send to DCA" ItemCount="0" ShowPlus="true" ImagePath="images/icons/angles-right-solid.svg"></HwSvgObj>
</div>
</div>
@@ -37,20 +33,7 @@
imgPath = $"images/LogoEgw{idxCount % 5:00}.png";
idxCount++;
<div class="col-3 py-1">
@*@if (isCloneMode)
{
<DoorSvgObj ColorLine="#2D3047" LineWidth="8" ObjH="200" ObjW="650" ClassLeftText="col-4" ClassRightText="col-8" EC_ExeClone="@(()=>doClone(@door.DoorId.ToString()))" Message1="@door.DoorId.ToString()" ShowOptions="true" ImagePath="@imgPath" ObjId="idxCount" TextData="@textDictSetup(door)"></DoorSvgObj>
}
else if (isAddRemMode)
{
<DoorSvgObj ColorLine="#2D3047" LineWidth="8" ObjH="200" ObjW="650" ClassLeftText="col-4" ClassRightText="col-8" ShowPlusMinus="true" Message1="@door.DoorId.ToString()" Message2="@door.OrderId.ToString()" EC_ExePlus="@(()=>addOneDoorNumber("", ""))" EC_ExeFunct="@ExecDoorReq" ImagePath="@DoorSvgUrl(door.DoorId)" ObjId="idxCount" TextData="@textDictSetup(door)"></DoorSvgObj>
}
else
{*@
<DoorSvgObj ColorLine="#2D3047" LineWidth="8" ObjH="200" ObjW="650" ClassLeftText="col-4" ClassRightText="col-8" EC_ExeFunct="@ExecDoorReq" DoorId="@door.DoorId" ImagePath="@DoorSvgUrl(door.DoorId)" ObjId="idxCount" TextData="@textDictSetup(door)" ShowOptions="true"></DoorSvgObj>
@*}*@
<DoorSvgObj ColorLine="#2D3047" LineWidth="8" ObjH="200" ObjW="650" ClassLeftText="col-4" ClassRightText="col-8" EC_ExeFunct="@ExecDoorReq" DoorId="@door.DoorId" ImagePath="@DoorSvgUrl(door.DoorId)" ObjId="idxCount" TextData="@textDictSetup(door)" ShowOptions="true"></DoorSvgObj>
</div>
}
WebDoorCreator.UI/Components/DoorMan/DoorModal.razor
+46
View File
@@ -0,0 +1,46 @@
<!-- The Modal -->
<div id="myModal" class="modalOrd">
<!-- Modal content -->
<div class="modalOrd-content">
<div class="d-flex justify-content-between">
<h4>DOOR 198</h4>
<span class="closeOrd mb-3">&times;</span>
</div>
<div class="row">
<div class="w-25">
<div class="pb-1">
<div class="d-flex justify-content-between mb-3">
<button class="btn btn-outline-danger" type="button">KO</button>
<button class="btn btn-outline-success" type="button">OK</button>
</div>
<label for="search">Add or Remove door</label>
<div class="input-group mb-3">
<button class="btn btn-outline-danger" type="button">-1</button>
<input type="text" class="form-control">
<button class="btn btn-outline-success" type="button">+1</button>
</div>
</div>
<div class="pb-1">
<div class="input-group mb-3">
<button class="btn btn-outline-primary" type="button">Clone door</button>
</div>
</div>
<div class="pb-1">
<div class="input-group mb-3">
<button class="btn btn-outline-info" type="button">Save as template</button>
</div>
</div>
<div class="pb-1">
<div class="input-group mb-3">
<button class="btn btn-outline-danger" type="button">Delete door</button>
</div>
</div>
</div>
<div class="w-75">
<DoorPreview SvgContent="@DoorSvgContent"></DoorPreview>
</div>
</div>
</div>
</div>
WebDoorCreator.UI/Components/DoorMan/DoorModal.razor.cs
+16
View File
@@ -0,0 +1,16 @@
using Microsoft.CodeAnalysis.Text;
namespace WebDoorCreator.UI.Components.DoorMan
{
public partial class DoorModal
{
protected string DoorSvgContent { get; set; } = "";
protected async override Task OnInitializedAsync()
{
await Task.Delay(1);
string text = File.ReadAllText("temp/Logo00.svg");
DoorSvgContent = text;
}
}
}
WebDoorCreator.UI/Components/DoorMan/DoorModal.razor.css
+36
View File
@@ -0,0 +1,36 @@
/* Background scuro del modale */
.modalOrd {
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: #000000;
background-color: rgba(0, 0, 0, 0.4);
}
/* Modal Content/Box */
.modalOrd-content {
background-color: #fefefe;
margin: 15% auto;
padding: 20px;
border: 1px solid #888;
width: 50%;
border-radius: 1rem;
/* display: flex;
justify-content: space-between;*/
}
/* The Close Button */
.closeOrd {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
}
.closeOrd:hover,
.closeOrd:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
WebDoorCreator.UI/Components/DoorMan/DoorModal.razor.less
+40
View File
@@ -0,0 +1,40 @@
/* Background scuro del modale */
.modalOrd {
//display: none;
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.4);
}
/* Modal Content/Box */
.modalOrd-content {
background-color: #fefefe;
margin: 15% auto;
padding: 20px;
border: 1px solid #888;
width: 50%;
border-radius: 1rem;
/* display: flex;
justify-content: space-between;*/
}
/* The Close Button */
.closeOrd {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
}
.closeOrd:hover,
.closeOrd:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
WebDoorCreator.UI/Components/DoorMan/DoorModal.razor.min.css
Vendored
+1
View File
@@ -0,0 +1 @@
.modalOrd{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4);}.modalOrd-content{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;width:50%;border-radius:1rem;}.closeOrd{color:#aaa;float:right;font-size:28px;font-weight:bold;}.closeOrd:hover,.closeOrd:focus{color:#000;text-decoration:none;cursor:pointer;}
WebDoorCreator.UI/Pages/TestModal.razor
+3
View File
@@ -0,0 +1,3 @@
@page "/TestModal"
<DoorModal></DoorModal>
WebDoorCreator.UI/Pages/TestModal.razor.cs
+6
View File
@@ -0,0 +1,6 @@
namespace WebDoorCreator.UI.Pages
{
public partial class TestModal
{
}
}
WebDoorCreator.UI/Pages/TestModal.razor.css
+1
View File
@@ -0,0 +1 @@

WebDoorCreator.UI/Pages/TestModal.razor.min.css
Vendored
+1
View File
@@ -0,0 +1 @@

WebDoorCreator.UI/compilerconfig.json
+8
View File
@@ -86,5 +86,13 @@
{
"outputFile": "Components/Order/OrderDets.razor.css",
"inputFile": "Components/Order/OrderDets.razor.less"
},
{
"outputFile": "Pages/TestModal.razor.css",
"inputFile": "Pages/TestModal.razor.less"
},
{
"outputFile": "Components/DoorMan/DoorModal.razor.css",
"inputFile": "Components/DoorMan/DoorModal.razor.less"
}
]