From ad65ff417e5f62e8c7fbe60c4e89ff4468a436b4 Mon Sep 17 00:00:00 2001
From: Samuele Locatelli <samuele@steamware.net>
Date: Mon, 24 May 2021 18:05:34 +0200
Subject: [PATCH] Inizio chart userLog

---
 MP.Stats/Components/ChartUserLog.razor    |  32 +++
 MP.Stats/Components/ChartUserLog.razor.cs | 253 ++++++++++++++++++++++
 2 files changed, 285 insertions(+)
 create mode 100644 MP.Stats/Components/ChartUserLog.razor
 create mode 100644 MP.Stats/Components/ChartUserLog.razor.cs

diff --git a/MP.Stats/Components/ChartUserLog.razor b/MP.Stats/Components/ChartUserLog.razor
new file mode 100644
index 00000000..40f2a97c
--- /dev/null
+++ b/MP.Stats/Components/ChartUserLog.razor
@@ -0,0 +1,32 @@
+<div class="row">
+    @if (RawData == null || RawData.Count == 0)
+    {
+        <div class="col-12">
+            <div class="alert alert-secondary text-center h4"><span class="oi oi-graph"></span> No Chart Data</div>
+        </div>
+    }
+    else
+    {
+        <div class="col-2 pr-0" style="max-height: 10em; overflow:hidden; overflow-y: auto;">
+            <ul class="list-group list-group-sm small">
+                @foreach (var item in @ParetoData)
+                {
+                    <li class="list-group-item p-1 d-flex justify-content-between align-items-center">
+                        @item.label
+                        <span class="badge badge-primary badge-pill">@item.value</span>
+                    </li>
+                }
+            </ul>
+        </div>
+        <div class="col-10">
+            <div class="row">
+                <div class="col-2">
+                    <PieChart @ref="PieVC" TItem="double" OptionsObject="pieChartOptions" />
+                </div>
+                <div class="col-10">
+                    <LineChart @ref="TimeSerieVC" TItem="double" OptionsObject="lineChartOptions" />
+                </div>
+            </div>
+        </div>
+    }
+</div>
\ No newline at end of file
diff --git a/MP.Stats/Components/ChartUserLog.razor.cs b/MP.Stats/Components/ChartUserLog.razor.cs
new file mode 100644
index 00000000..61bc0c51
--- /dev/null
+++ b/MP.Stats/Components/ChartUserLog.razor.cs
@@ -0,0 +1,253 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Threading.Tasks;
+using Blazorise.Charts;
+using Microsoft.AspNetCore.Components;
+using MP.Stats.Data;
+
+namespace MP.Stats.Components
+{
+    public partial class ChartUserLog
+    {
+        #region Protected Fields
+
+        protected const string EsitoKO = "Esito: Non Passato";
+
+        protected const string EsitoOK = "Esito: OK";
+
+        protected object lineChartOptions = new
+        {
+            Scales = new
+            {
+                XAxes = new object[]
+                {
+                    new {
+                            Display = true
+                        }
+                },
+                YAxes = new object[]
+                {
+                    new {
+                            Display = true,
+                            ticks= new {
+                                suggestedMin = 0
+                            }
+                    }
+                }
+            },
+            Tooltips = new
+            {
+                Mode = "nearest",
+                Intersect = false
+            },
+            Hover = new
+            {
+                Mode = "nearest",
+                Intersect = false
+            },
+            Animation = false,
+            AspectRatio = 4.9
+        };
+
+        protected object pieChartOptions = new
+        {
+            Scales = new
+            {
+                XAxes = new object[]
+                {
+                    new {
+                            Display = false
+                        }
+                },
+                YAxes = new object[]
+                {
+                    new {
+                            Display = false
+                    }
+                }
+            },
+            Legend = new
+            {
+                Display = false
+            },
+            Tooltips = new
+            {
+                Mode = "nearest",
+                Intersect = false
+            },
+            Hover = new
+            {
+                Mode = "nearest",
+                Intersect = false
+            },
+            Animation = false,
+            AspectRatio = 1
+        };
+
+        protected PieChart<double> PieVC;
+        protected LineChart<double> TimeSerieVC;
+
+        #endregion Protected Fields
+
+        #region Protected Properties
+
+        protected SelectData _currFilter { get; set; } = new SelectData();
+
+        protected List<MP.Data.DatabaseModels.ResControlli> _rawData { get; set; } = new List<MP.Data.DatabaseModels.ResControlli>();
+
+        [Inject]
+        protected MessageService MessageService { get; set; }
+
+        protected List<ChartKV> ParetoData { get; set; } = new List<ChartKV>();
+
+        [Inject]
+        protected MpStatsService StatService { get; set; }
+
+        protected List<ChartTS> TSData { get; set; } = new List<ChartTS>();
+
+        #endregion Protected Properties
+
+        #region Public Properties
+
+        [Parameter]
+        public List<MP.Data.DatabaseModels.ResControlli> RawData
+        {
+            get => _rawData;
+            set
+            {
+                // salvo valori
+                _rawData = value;
+                if (value != null)
+                {
+                    // ricalcolo charting data
+                    recalcData();
+                    var dataReload = Task.Run(async () =>
+                    {
+                        await HandleRedraw();
+                    });
+                }
+            }
+        }
+
+        #endregion Public Properties
+
+        #region Private Methods
+
+        private PieChartDataset<double> GetBarChartDataset()
+        {
+            var answ = new PieChartDataset<double>
+            {
+                Label = "Numero Controlli",
+                Data = ParetoData.Select(x => x.value).ToList(),
+                BackgroundColor = getPieColors(0.4f),
+                BorderColor = getPieColors(1f),
+                HoverBorderWidth = 3
+            };
+            return answ;
+        }
+
+        private List<string> GetBarChartLabels()
+        {
+            var answ = ParetoData.Select(x => x.label).ToList();
+            return answ;
+        }
+
+        /// <summary>
+        /// Elenco 2 linee x controli KO /KO
+        /// </summary>
+        /// <returns></returns>
+        private LineChartDataset<double> GetLineChartDataset()
+        {
+            var answ = new LineChartDataset<double>
+            {
+                Label = "Numero controlli",
+                Data = TSData.Select(x => x.Value).ToList(),
+                BorderColor = getLineColors(1f),
+                Fill = true,
+                PointRadius = 2,
+                LineTension = 0,
+                BorderDash = new List<int> { }
+            };
+            return answ;
+        }
+
+        private List<string> GetLineChartLabels()
+        {
+            var answ = TSData.Select(x => x.TLabel.ToString("ddd dd.MM")).ToList();
+            return answ;
+        }
+
+        private void recalcData()
+        {
+            if (RawData != null)
+            {
+                ParetoData = RawData
+                          .GroupBy(p => p.EsitoOk)
+                          .Select(y => new ChartKV() { label = y.First().EsitoOk ? EsitoOK : EsitoKO, value = y.Count() })
+                           .OrderByDescending(x => x.value)
+                          .ToList();
+
+                TSData = RawData
+                           .GroupBy(x => x.DataOra.Date)
+                           .Select(y => new ChartTS() { TLabel = y.First().DataOra.Date, Value = y.Count() })
+                           .OrderBy(x => x.TLabel)
+                           .ToList();
+            }
+        }
+
+        #endregion Private Methods
+
+        #region Protected Methods
+
+        /// <summary>
+        /// Genera colori sfondo 33% rosso / arancione / giallo
+        /// </summary>
+        /// <param name="numRecords"></param>
+        /// <returns></returns>
+        protected List<string> getLineColors(float alpha)
+        {
+            List<string> answ = new List<string>();
+            answ.Add(ChartColor.FromRgba(54, 82, 254, alpha));
+            return answ;
+        }
+
+        /// <summary>
+        /// Genera colori sfondo 33% rosso / arancione / giallo
+        /// </summary>
+        /// <param name="numRecords"></param>
+        /// <returns></returns>
+        protected List<string> getPieColors(float alpha)
+        {
+            List<string> answ = new List<string>();
+            foreach (var item in ParetoData)
+            {
+                if (item.label == EsitoOK)
+                {
+                    answ.Add(ChartColor.FromRgba(54, 254, 82, alpha));
+                }
+                else
+                {
+                    answ.Add(ChartColor.FromRgba(254, 82, 65, alpha));
+                }
+            }
+            return answ;
+        }
+
+        protected async Task HandleRedraw()
+        {
+            if (PieVC != null)
+            {
+                await PieVC.Clear();
+                await PieVC.AddLabelsDatasetsAndUpdate(GetBarChartLabels(), GetBarChartDataset());
+            }
+            if (TimeSerieVC != null)
+            {
+                await TimeSerieVC.Clear();
+                await TimeSerieVC.AddLabelsDatasetsAndUpdate(GetLineChartLabels(), GetLineChartDataset());
+            }
+        }
+
+        #endregion Protected Methods
+    }
+}
\ No newline at end of file