From d50b167b9d42ff60a2ece4532faeb2b0a4f51dab Mon Sep 17 00:00:00 2001 From: "zaccaria.majid" Date: Thu, 18 May 2023 11:13:48 +0200 Subject: [PATCH] inizio anim --- .../Components/Order/OrderList.razor | 66 ++++- .../Components/Order/OrderList.razor.cs | 243 +++++++++++------- .../Components/Order/OrderList.razor.css | 11 + .../Components/Order/OrderList.razor.less | 18 ++ .../Components/Order/OrderList.razor.min.css | 2 +- WebDoorCreator.UI/Pages/_Layout.cshtml | 1 + WebDoorCreator.UI/wwwroot/lib/SiteHelper.js | 9 +- 7 files changed, 240 insertions(+), 110 deletions(-) diff --git a/WebDoorCreator.UI/Components/Order/OrderList.razor b/WebDoorCreator.UI/Components/Order/OrderList.razor index 314be16..43d8b9d 100644 --- a/WebDoorCreator.UI/Components/Order/OrderList.razor +++ b/WebDoorCreator.UI/Components/Order/OrderList.razor @@ -4,7 +4,18 @@ } else { - +
+ COORDS: + X=@screenX + Y=@screenY +
+ SIZE: + HEIGHT: @Height + WIDTH: @Width +
+ + +
@@ -20,26 +31,55 @@ else - @foreach (var item in ListOrdersStatus) + @if (Ord2Show == null) { - - - - - - - - - + @foreach (var item in ListOrdersStatus) + { + + @**@ + + + + + + + + + @**@ + + + } + } + else + { + + @**@ + + + + + + + + @**@ diff --git a/WebDoorCreator.UI/Components/Order/OrderList.razor.cs b/WebDoorCreator.UI/Components/Order/OrderList.razor.cs index 89014f4..f2a09a5 100644 --- a/WebDoorCreator.UI/Components/Order/OrderList.razor.cs +++ b/WebDoorCreator.UI/Components/Order/OrderList.razor.cs @@ -1,13 +1,16 @@ using EgwCoreLib.Razor; using Microsoft.AspNetCore.Components; using Microsoft.AspNetCore.Components.Authorization; +using Microsoft.AspNetCore.Components.Web; using Microsoft.AspNetCore.DataProtection; using Microsoft.AspNetCore.Identity; +using Microsoft.Build.Framework; using Microsoft.JSInterop; using NLog.LayoutRenderers; using System.Linq; using WebDoorCreator.Data.DbModels; using WebDoorCreator.UI.Data; +using static Microsoft.AspNetCore.Razor.Language.TagHelperMetadata; using static WebDoorCreator.Core.Enum; namespace WebDoorCreator.UI.Components.Order @@ -16,39 +19,33 @@ namespace WebDoorCreator.UI.Components.Order { [Parameter] public bool B_doorChaged { get; set; } - [Parameter] - public int UserCurrCompany { get; set; } - [Parameter] public EventCallback E_currOrderStatus { get; set; } + [Parameter] + public int UserCurrCompany { get; set; } #region Protected Properties + private bool sortAsc = true; + + private string sortField = ""; + + [Parameter] + public OrderSelectFilter actFilter { get; set; } = new OrderSelectFilter(); + + [Parameter] + public EventCallback updateRecordCount { get; set; } + + public OrderStatusViewModel? Ord2Show { get; set; } + + protected string currUser { get; set; } = ""; + [Inject] protected IJSRuntime JSRuntime { get; set; } = null!; [Inject] protected WebDoorCreatorService WDService { get; set; } = null!; - - private bool sortAsc = true; - - private string sortField = ""; - - protected async Task SortRequested(Sorter.SortCallBack e) - { - sortField = e.ParamName; - sortAsc = e.IsAscending; - await ReloadData(); - } - - [Parameter] - public EventCallback updateRecordCount { get; set; } - - - [Parameter] - public OrderSelectFilter actFilter { get; set; } = new OrderSelectFilter(); - - protected string currUser { get; set; } = ""; + private int _totalCount { get; set; } = 0; private int currPage { @@ -56,16 +53,6 @@ namespace WebDoorCreator.UI.Components.Order set => actFilter.CurrPage = value; } - private int numRecord - { - get => actFilter.NumRec; - set => actFilter.NumRec = value; - } - private string searchVal - { - get => actFilter.searchValue; - set => actFilter.searchValue = value; - } private DateTime dateFrom { get => actFilter.DateFrom; @@ -77,13 +64,25 @@ namespace WebDoorCreator.UI.Components.Order get => actFilter.DateTo; set => actFilter.DateTo = value; } + + private int numRecord + { + get => actFilter.NumRec; + set => actFilter.NumRec = value; + } + private int orderStatus { get => actFilter.OrderStatus; set => actFilter.OrderStatus = value; } - private int _totalCount { get; set; } = 0; + private string searchVal + { + get => actFilter.searchValue; + set => actFilter.searchValue = value; + } + private int totalCount { get => _totalCount; @@ -97,6 +96,12 @@ namespace WebDoorCreator.UI.Components.Order } } + protected async Task SortRequested(Sorter.SortCallBack e) + { + sortField = e.ParamName; + sortAsc = e.IsAscending; + await ReloadData(); + } #endregion Protected Properties #region Protected Methods @@ -120,10 +125,73 @@ namespace WebDoorCreator.UI.Components.Order #region Private Methods + protected Core.Enum.orderTypeEnum orderType = Core.Enum.orderTypeEnum.none; protected OrderStatusViewModel? currOrder { get; set; } = null; protected bool isModRole { get; set; } = false; + protected bool ordByCode { get; set; } = false; + + protected bool ordByDate { get; set; } = false; + + protected List? userClaims + { + get => WDCUService.userClaims; + } + + protected int userCurrCompany + { + get => WDCUService.userCurrComp; + } + + protected string userRole + { + get => WDCUService.userRole; + } + + [Inject] + protected WDCUserService WDCUService { get; set; } = null!; + + protected async Task deleteRecord(OrderStatusViewModel currRec) + { + + if (!await JSRuntime.InvokeAsync("confirm", $"Order Deletion requested: are you sure to remove {currRec.OrderExtCode}?")) + return; + + await Task.Delay(1); + var done = await WDService.OrderRem(currRec.OrderId); + await WDService.OrdersFlushCache(); + await ReloadData(); + } + + protected async Task orderByCode() + { + ordByCode = !ordByCode; + if (ordByDate) + { + orderType = orderTypeEnum.CodeAscending; + } + else + { + orderType = orderTypeEnum.CodeDescending; + } + await ReloadData(); + } + + protected async Task orderByDate() + { + ordByDate = !ordByDate; + if (ordByDate) + { + orderType = orderTypeEnum.DateAscending; + } + else + { + orderType = orderTypeEnum.DateDescending; + } + await ReloadData(); + } + protected string setPgColor(int progress) { string answ = ""; @@ -150,20 +218,6 @@ namespace WebDoorCreator.UI.Components.Order return answ; } - [Inject] - protected WDCUserService WDCUService { get; set; } = null!; - protected List? userClaims - { - get => WDCUService.userClaims; - } - protected string userRole - { - get => WDCUService.userRole; - } - protected int userCurrCompany - { - get => WDCUService.userCurrComp; - } private async Task ReloadData() { var domani = DateTime.Today.AddDays(1); @@ -225,58 +279,14 @@ namespace WebDoorCreator.UI.Components.Order await Task.Delay(1); await InvokeAsync(StateHasChanged); } +#if false private async Task setCurrOrder(int currOrd) { await Task.Delay(1); await E_currOrderStatus.InvokeAsync(currOrd); - } - - protected async Task deleteRecord(OrderStatusViewModel currRec) - { - - if (!await JSRuntime.InvokeAsync("confirm", $"Order Deletion requested: are you sure to remove {currRec.OrderExtCode}?")) - return; - - await Task.Delay(1); - var done = await WDService.OrderRem(currRec.OrderId); - await WDService.OrdersFlushCache(); - await ReloadData(); - } - - protected bool ordByDate { get; set; } = false; - protected bool ordByCode { get; set; } = false; - protected async Task orderByDate() - { - ordByDate = !ordByDate; - if (ordByDate) - { - orderType = orderTypeEnum.DateAscending; - } - else - { - orderType = orderTypeEnum.DateDescending; - } - await ReloadData(); - } - protected async Task orderByCode() - { - ordByCode = !ordByCode; - if (ordByDate) - { - orderType = orderTypeEnum.CodeAscending; - } - else - { - orderType = orderTypeEnum.CodeDescending; - } - await ReloadData(); - } - - protected Core.Enum.orderTypeEnum orderType = Core.Enum.orderTypeEnum.none; - - - + } +#endif #endregion Private Methods protected string getOrderStatusLabel(int orderStat) @@ -294,5 +304,48 @@ namespace WebDoorCreator.UI.Components.Order return answ; } + + protected async Task setOrd2Show(int orderId) + { + await Task.Delay(1); + if (ListOrdersStatus != null) + { + var chosenOrd = ListOrdersStatus.Where(x => x.OrderId == orderId).FirstOrDefault(); + if(chosenOrd != null) + { + Ord2Show = chosenOrd; + await getDim(); + } + } + } + + protected int screenX { get; set; } = 0; + protected int screenY { get; set; } = 0; + + private void getElementCoords(MouseEventArgs e) + { + screenX = (int)(e.ClientX); + screenY = (int)(e.ClientY); + } + + public int Height { get; set; } + public int Width { get; set; } + + [Inject] + protected IJSRuntime JsRuntime { get; set; } = null!; + + private async Task getDim() + { + var dimension = await JsRuntime.InvokeAsync("getWindowDimensions"); + Height = dimension.Height; + Width = dimension.Width; + } + + public class WindowDimension + { + public int Width { get; set; } + public int Height { get; set; } + } + } } \ No newline at end of file diff --git a/WebDoorCreator.UI/Components/Order/OrderList.razor.css b/WebDoorCreator.UI/Components/Order/OrderList.razor.css index 61d5045..8fe1f84 100644 --- a/WebDoorCreator.UI/Components/Order/OrderList.razor.css +++ b/WebDoorCreator.UI/Components/Order/OrderList.razor.css @@ -11,4 +11,15 @@ table { } td { padding: 0.5rem; +} +@keyframes slideUp { + 0% { + transform: translate(0, var(--elFirstY)); + } + 100% { + transform: translate(0, 0); + } +} +.slideUp { + animation: slideUp 1s; } \ No newline at end of file diff --git a/WebDoorCreator.UI/Components/Order/OrderList.razor.less b/WebDoorCreator.UI/Components/Order/OrderList.razor.less index 40ae5fe..04feca7 100644 --- a/WebDoorCreator.UI/Components/Order/OrderList.razor.less +++ b/WebDoorCreator.UI/Components/Order/OrderList.razor.less @@ -15,3 +15,21 @@ td{ padding: 0.5rem; } +@keyframes slideUp { + 0% { + transform: translate(0, var(--elFirstY)); + } + + 100% { + transform: translate(0, 0); + } +} + + + +.slideUp { + animation: slideUp 1s; +} + + + diff --git a/WebDoorCreator.UI/Components/Order/OrderList.razor.min.css b/WebDoorCreator.UI/Components/Order/OrderList.razor.min.css index 4d7b32b..642977e 100644 --- a/WebDoorCreator.UI/Components/Order/OrderList.razor.min.css +++ b/WebDoorCreator.UI/Components/Order/OrderList.razor.min.css @@ -1 +1 @@ -tr{padding:.5rem;border-bottom:1px solid;font-weight:bold;background-color:#fff;color:#000;}table{width:100%;height:100%;}td{padding:.5rem;} \ No newline at end of file +tr{padding:.5rem;border-bottom:1px solid;font-weight:bold;background-color:#fff;color:#000;}table{width:100%;height:100%;}td{padding:.5rem;}@keyframes slideUp{0%{transform:translate(0,var(--elFirstY));}100%{transform:translate(0,0);}}.slideUp{animation:slideUp 1s;} \ No newline at end of file diff --git a/WebDoorCreator.UI/Pages/_Layout.cshtml b/WebDoorCreator.UI/Pages/_Layout.cshtml index 3b4d587..c553540 100644 --- a/WebDoorCreator.UI/Pages/_Layout.cshtml +++ b/WebDoorCreator.UI/Pages/_Layout.cshtml @@ -105,6 +105,7 @@ + diff --git a/WebDoorCreator.UI/wwwroot/lib/SiteHelper.js b/WebDoorCreator.UI/wwwroot/lib/SiteHelper.js index fb9f290..94d120d 100644 --- a/WebDoorCreator.UI/wwwroot/lib/SiteHelper.js +++ b/WebDoorCreator.UI/wwwroot/lib/SiteHelper.js @@ -3,4 +3,11 @@ } window.disableSelect = function (elementId) { document.getElementById(elementId).disabled = true; -} \ No newline at end of file +} + +window.getWindowDimensions = function () { + return { + width: window.innerWidth, + height: window.innerHeight + }; +}; \ No newline at end of file
@item.DateIns@item.OrderExtCode@item.OrderDescript@item.NumDoors@item.NumType@getOrderStatusLabel(item.OrderStatus)@($"{item.TotCost:C2}")
@item.DateIns@item.OrderExtCode@item.OrderDescript@item.NumDoors@item.NumType@getOrderStatusLabel(item.OrderStatus)@($"{item.TotCost:C2}") +
+
+
+ 		+ @if (item.OrderStatus <= 10) + { + + } +
@Ord2Show.DateIns@Ord2Show.OrderExtCode@Ord2Show.OrderDescript@Ord2Show.NumDoors@Ord2Show.NumType@getOrderStatusLabel(Ord2Show.OrderStatus)@($"{Ord2Show.TotCost:C2}")
- @if (item.OrderStatus <= 10) + @if (Ord2Show.OrderStatus <= 10) { - + }