Compare commits

...

17 Commits

Author SHA1 Message Date
b3da331321 Preparing for next round
- Removing max points
- Every post can give points
2025-04-23 15:52:10 +02:00
ee130b9f51 Remove SendMessage from DataHub 2025-04-23 15:46:30 +02:00
69fd806092 Adding csv export 2025-02-27 19:53:26 +01:00
b3417ae416 If rounde 12 & 13 you can give points 2025-02-19 17:55:17 +01:00
7226614b5c Revert "Adding Blocking to migrations"
This reverts commit c8934e53da.

Revert "Adding Blocking to migrations"

This reverts commit c8934e53da.
2025-02-19 17:54:16 +01:00
c8eaf5eccf Revert "Fixing DataContext"
This reverts commit 8c5bf9cf00.
2025-02-19 17:53:29 +01:00
8c5bf9cf00 Fixing DataContext 2025-02-12 10:25:11 +01:00
c8934e53da Adding Blocking to migrations 2025-02-12 10:24:58 +01:00
Benjamin
dfc1488f82 Disable ApexChart time automatic locale formatter 2025-01-11 09:58:23 +01:00
Benjamin
ffcaef6ee6 Spelling is a blessing 2025-01-11 09:44:17 +01:00
Benjamin
94cb901f36 Fetch points if already given 2025-01-11 09:40:25 +01:00
Benjamin
645d9f08f5 Styling 2025-01-09 09:45:59 +01:00
Benjamin
953082e9bc Adding Print Post Button 2025-01-09 09:30:42 +01:00
Benjamin
670ed21386 Cleanup and fix 2025-01-09 09:26:53 +01:00
Benjamin
3beb8ef0d4 Adding SignalR and cleanup 2025-01-08 21:29:21 +01:00
Benjamin
14280f7f97 Making every saveChange async 2025-01-08 17:34:39 +01:00
Benjamin
9368810703 Cleanup inside models 2024-12-29 22:01:47 +01:00
26 changed files with 510 additions and 262 deletions

View File

@@ -0,0 +1,46 @@
using Microsoft.AspNetCore.Authorization;
using Microsoft.AspNetCore.SignalR;
using pointMaster.Controllers;
using pointMaster.Data;
namespace pointMaster.Components
{
[Authorize(Policy = Roles.Editor)]
public class DataHub : Hub
{
private readonly DataContext dataContext;
public DataHub(DataContext dataContext)
{
this.dataContext = dataContext;
}
public override Task OnConnectedAsync()
{
Clients.Caller.SendAsync("ReceiveMessage", "Hey");
return base.OnConnectedAsync();
}
public async Task SendData()
{
var v0 = await StatModel.Calculate(dataContext);
var v1 = await PointRatioModel.Calculate(dataContext);
var v2 = await PointChartModel.Calculate(dataContext);
var retval = new StatData()
{
Stats = v0,
PointRatio = v1,
PointChartModels = v2,
};
await Clients.All.SendAsync("StatData", retval);
}
public class StatData
{
public List<StatModel> Stats { get; set; }
public PointRatioModel PointRatio { get; set; }
public List<PointChartModel> PointChartModels { get; set; }
}
}
}

View File

@@ -1,6 +1,5 @@
using Microsoft.AspNetCore.Mvc;
using Microsoft.AspNetCore.Authorization;
using System.Security.Claims;
using Microsoft.AspNetCore.Authorization;
using Microsoft.AspNetCore.Mvc;
namespace pointMaster.Controllers
{
@@ -43,16 +42,17 @@ namespace pointMaster.Controllers
public class HeaderNavViewModel
{
public List<NavUrl> links { get; set; } = null!;
public List<NavUrl> links { get; set; }
}
public class NavUrl {
public class NavUrl
{
public NavUrl() { }
public NavUrl(string title, string url)
{
this.Title = title;
this.Url = url;
}
public string Url { get; set; } = null!;
public string Title { get; set; } = null!;
public string Url { get; set; }
public string Title { get; set; }
}
}

View File

@@ -25,7 +25,7 @@ namespace pointMaster.Controllers
var patruljer = await context.Patruljer.Include(p => p.Points).ToListAsync();
vm.Samlet = new List<PatruljePlacering>();
vm.Turnout= new List<PatruljePlacering>();
vm.Turnout = new List<PatruljePlacering>();
vm.Points = new List<PatruljePlacering>();
foreach (var patrulje in patruljer)
@@ -53,6 +53,13 @@ namespace pointMaster.Controllers
vm.Points = vm.Points.OrderByDescending(x => x.point).ToList();
vm.Turnout = vm.Turnout.OrderByDescending(x => x.point).ToList();
var postId = Request.Cookies["Post"];
if (postId != null)
{
int.TryParse(postId, out var id);
var post = await context.Poster.FindAsync(id);
vm.Post = post;
}
return View(vm);
}
@@ -77,13 +84,14 @@ namespace pointMaster.Controllers
public class HomePageViewModel
{
public List<PatruljePlacering> Samlet { get; set; } = null!;
public List<PatruljePlacering> Turnout { get; set; } = null!;
public List<PatruljePlacering> Points { get; set; } = null!;
public List<PatruljePlacering> Samlet { get; set; }
public List<PatruljePlacering> Turnout { get; set; }
public List<PatruljePlacering> Points { get; set; }
public Post Post { get; set; }
}
public class PatruljePlacering
{
public Patrulje Patrulje { get; set; } = null!;
public Patrulje Patrulje { get; set; }
public int point { get; set; }
}
}

View File

@@ -49,14 +49,14 @@ namespace pointMaster.Controllers
}
[HttpPost]
public IActionResult Create(Patrulje patrulje)
public async Task<IActionResult> Create(Patrulje patrulje)
{
patrulje.DateCreated = DateTime.UtcNow;
_context.Patruljer.Add(patrulje);
_context.SaveChanges();
await _context.Patruljer.AddAsync(patrulje);
await _context.SaveChangesAsync();
return RedirectToAction("Index");
return RedirectToAction(nameof(Index));
}
public async Task<IActionResult> AddMedlem(int? id)
@@ -106,7 +106,7 @@ namespace pointMaster.Controllers
if (medlem != null)
{
_context.PatruljeMedlemmer.Remove(medlem);
_context.SaveChanges();
await _context.SaveChangesAsync();
}
return RedirectToAction(nameof(Index));
@@ -121,7 +121,7 @@ namespace pointMaster.Controllers
if (patrulje != null)
{
_context.Patruljer.Remove(patrulje);
_context.SaveChanges();
await _context.SaveChangesAsync();
}
return RedirectToAction(nameof(Index));
@@ -129,9 +129,9 @@ namespace pointMaster.Controllers
public class IndexViewModel
{
public List<Patrulje> patruljeModels { get; set; } = null!;
public Dictionary<int, int> patruljePoints { get; set; } = null!;
public Dictionary<int, int> patruljeTurnout { get; set; } = null!;
public List<Patrulje> patruljeModels { get; set; }
public Dictionary<int, int> patruljePoints { get; set; }
public Dictionary<int, int> patruljeTurnout { get; set; }
}
}
}

View File

@@ -3,6 +3,7 @@ using Microsoft.AspNetCore.Mvc;
using Microsoft.EntityFrameworkCore;
using pointMaster.Data;
using pointMaster.Models;
using System.Text;
namespace pointMaster.Controllers
{
@@ -89,7 +90,8 @@ namespace pointMaster.Controllers
var patrulje = await context.Patruljer.FindAsync(id);
if (patrulje != null) {
if (patrulje != null)
{
vm.Patrulje = patrulje;
}
else
@@ -116,6 +118,12 @@ namespace pointMaster.Controllers
return NotFound();
}
var point = context.Points.FirstOrDefault(x => x.Poster.Id == postIntId && x.Patrulje.Id == id);
if (point != null)
{
vm.points = point;
}
return View(vm);
}
@@ -175,42 +183,66 @@ namespace pointMaster.Controllers
}
[Authorize(Policy = Roles.Editor)]
public ActionResult DeletePoint(int id)
public async Task<ActionResult> DeletePoint(int id)
{
var point = context.Points.FirstOrDefault(p => p.Id == id);
if (point == null) { return NotFound(); }
context.Points.Remove(point);
context.SaveChanges();
await context.SaveChangesAsync();
return RedirectToAction(nameof(Index));
}
public ActionResult GetPointsCSV()
{
var points = context.Points.Include(x => x.Patrulje).Include(x => x.Poster).ToList();
StringBuilder sb = new StringBuilder();
sb.AppendLine("ID;PostName;PatruljeName;Points;Turnout;");
foreach (var point in points)
{
var id = point.Id;
var q = point.Poster.Name;
var e = point.Patrulje.Name;
var p = point.Points;
var t = point.Turnout;
string line = string.Join(";", id, q, e, p, t);
sb.AppendLine(line);
}
return Ok(sb.ToString());
}
}
public class SelectPostViewModel
{
public List<Post> Poster { get; set; } = null!;
public List<Post> Poster { get; set; }
}
public class GivPointViewModel
{
public Post Runde { get; set; } = null!;
public Patrulje Patrulje { get; set; } = null!;
public Post Runde { get; set; }
public Patrulje Patrulje { get; set; }
public Point points { get; set; } = new Point();
}
public class SkiftPatruljeViewModel
{
public List<Patrulje> Patruljer { get; set; } = null!;
public Post? post { get; set; } = null!;
public List<Patrulje> Patruljer { get; set; }
public Post? post { get; set; }
}
public class PointViewModel
{
public List<Point> points { get; set; } = null!;
public List<Point> points { get; set; }
public bool AllowedToDelete { get; set; } = false;
}
public class PatruljeInfoModel
{
public Patrulje patrulje { get; set; } = null!;
public Patrulje patrulje { get; set; }
public int totalPoints { get; set; }
public int totalTurnout { get; set; }
}

View File

@@ -47,7 +47,7 @@ namespace pointMaster.Controllers
}
[HttpGet]
public ActionResult SletPost(int id)
public async Task<ActionResult> SletPost(int id)
{
var post = _context.Poster.Find(id);
@@ -57,14 +57,14 @@ namespace pointMaster.Controllers
}
_context.Poster.Remove(post);
_context.SaveChanges();
await _context.SaveChangesAsync();
return RedirectToAction(nameof(Index));
}
public class RundeViewModel
{
public List<Post> Rounds { get; set; } = null!;
public List<Post> Rounds { get; set; }
}
}
}

View File

@@ -3,7 +3,6 @@ using Microsoft.EntityFrameworkCore;
using pointMaster.Data;
using pointMaster.Models;
using QRCoder;
using System.Drawing;
namespace pointMaster.Controllers
{
@@ -33,10 +32,36 @@ namespace pointMaster.Controllers
return View(vm);
}
public async Task<IActionResult> Poster()
{
var vm = new PrintPosterModel();
vm.poster = await context.Poster.ToListAsync();
vm.QRcode = new Dictionary<int, string>();
foreach (var item in vm.poster)
{
QRCodeGenerator QrGenerator = new QRCodeGenerator();
QRCodeData QrCodeInfo = QrGenerator.CreateQrCode(Request.Host.Host + "/point/selectpost/" + item.Id, QRCodeGenerator.ECCLevel.Q);
vm.QRcode.Add(item.Id, "data:image/png;base64," + Convert.ToBase64String(new PngByteQRCode(QrCodeInfo).GetGraphic(20)));
}
return View(vm);
}
}
public class PrintPatruljerModel
{
public List<Patrulje> patruljer { get; set; } = null!;
public List<Patrulje> patruljer { get; set; }
public Dictionary<int, string> QRcode { get; set; } = new Dictionary<int, string>();
}
public class PrintPosterModel
{
public List<Post> poster { get; set; }
public Dictionary<int, string> QRcode { get; set; }
}
}

View File

@@ -20,6 +20,42 @@ namespace pointMaster.Controllers
[HttpGet("GetPointsOverTime")]
public async Task<object> GetList()
{
var retval = await PointChartModel.Calculate(dataContext);
var rval = JsonConvert.SerializeObject(retval, new JsonSerializerSettings()
{
ReferenceLoopHandling = Newtonsoft.Json.ReferenceLoopHandling.Ignore,
});
return Ok(rval);
}
[Route("getstats")]
public async Task<IActionResult> GetStats()
{
var vm = await StatModel.Calculate(dataContext);
return Ok(JsonConvert.SerializeObject(vm));
}
[Route("pointratio")]
public async Task<IActionResult> GetPointRatio()
{
var vm = await PointRatioModel.Calculate(dataContext);
return Ok(JsonConvert.SerializeObject(vm));
}
}
public class PointChartModel
{
[JsonProperty("name")]
public string Name { get; set; }
[JsonProperty("data")]
public List<PointChartDataModel> Data { get; set; }
public static async Task<List<PointChartModel>> Calculate(DataContext dataContext)
{
var pointData = await dataContext.Points.Include(x => x.Patrulje).Include(x => x.Poster).ToListAsync();
@@ -36,7 +72,7 @@ namespace pointMaster.Controllers
var total = 0;
foreach (var point in group)
{
var date = DateTime.Parse(point.DateCreated.ToString());
var date = DateTime.Parse(point.DateCreated.ToString()).AddHours(1);
total += point.Points + point.Turnout;
@@ -60,27 +96,32 @@ namespace pointMaster.Controllers
});
}
var rval = JsonConvert.SerializeObject(retval, new JsonSerializerSettings()
return retval;
}
}
public class PointChartDataModel
{
ReferenceLoopHandling = Newtonsoft.Json.ReferenceLoopHandling.Ignore,
});
return Ok(rval);
public string x { get; set; }
public int y { get; set; }
}
[Route("getstats")]
public async Task<IActionResult> GetStats()
public class StatModel
{
public string Title { get; set; }
public string Value { get; set; }
public static async Task<List<StatModel>> Calculate(DataContext dataContext)
{
var vm = new List<StatModel>();
var pointData = await dataContext.Points.ToListAsync();
var patruljeData = await dataContext.Patruljer.ToListAsync();
var postData = await dataContext.Poster.ToListAsync();
var medlemsData = await dataContext.PatruljeMedlemmer.ToListAsync();
vm.Add(new StatModel
{
Title = "Points givet",
Title = "Points givet ialt",
Value = pointData.Sum(x => x.Points + x.Turnout).ToString()
});
@@ -96,16 +137,36 @@ namespace pointMaster.Controllers
Value = postData.Count().ToString()
});
return Ok(JsonConvert.SerializeObject(vm));
vm.Add(new StatModel
{
Title = "Transaktioner",
Value = pointData.Count().ToString()
});
vm.Add(new StatModel
{
Title = "Medlemmer",
Value = medlemsData.Count().ToString()
});
return vm;
}
}
[Route("pointratio")]
public async Task<IActionResult> GetPointRatio()
public class PointRatioModel
{
var vm = new PointRatioModel();
[JsonProperty("names")]
public List<string> Names { get; set; }
[JsonProperty("data")]
public List<int> Data { get; set; }
vm.Names = new List<string>();
vm.Data = new List<int>();
public static async Task<PointRatioModel> Calculate(DataContext dataContext)
{
var vm = new PointRatioModel
{
Names = new List<string>(),
Data = new List<int>()
};
var data = await dataContext.Patruljer.Include(x => x.Points).ToListAsync();
@@ -115,34 +176,8 @@ namespace pointMaster.Controllers
vm.Data.Add(patrulje.Points.Sum(x => x.Points + x.Turnout));
}
return Ok(JsonConvert.SerializeObject(vm));
return vm;
}
}
public class PointChartModel
{
[JsonProperty("name")]
public string Name { get; set; } = null!;
[JsonProperty("data")]
public List<PointChartDataModel> Data { get; set; } = null!;
}
public class PointChartDataModel
{
public string x { get; set; } = null!;
public int y { get; set; }
}
public class StatModel
{
public string Title { get; set; } = null!;
public string Value { get; set; } = null!;
}
public class PointRatioModel
{
[JsonProperty("names")]
public List<string> Names { get; set; } = null!;
[JsonProperty("data")]
public List<int> Data { get; set; } = null!;
}
}
}

View File

@@ -1,20 +1,14 @@
using Microsoft.AspNetCore.Mvc;
using Microsoft.EntityFrameworkCore;
using Newtonsoft.Json;
using pointMaster.Data;
using pointMaster.Models;
using Microsoft.AspNetCore.Authorization;
using Microsoft.AspNetCore.Mvc;
namespace pointMaster.Controllers
{
public class StatsController : Controller
{
private readonly DataContext dataContext;
public StatsController() { }
public StatsController(DataContext dataContext)
{
this.dataContext = dataContext;
}
public async Task<IActionResult> Index()
[Authorize(Policy = Roles.Editor)]
public IActionResult Index()
{
return View();
}

View File

@@ -1,11 +1,45 @@
using Microsoft.EntityFrameworkCore;
using Microsoft.AspNetCore.SignalR;
using Microsoft.EntityFrameworkCore;
using pointMaster.Components;
using pointMaster.Controllers;
using pointMaster.Models;
namespace pointMaster.Data
{
public class DataContext : DbContext
{
public DataContext(DbContextOptions<DataContext> options) : base(options) { }
private readonly IHubContext<DataHub> _hubContext;
public DataContext(DbContextOptions<DataContext> options, IHubContext<DataHub> hubContext) : base(options)
{
_hubContext = hubContext;
}
public override int SaveChanges()
{
return base.SaveChanges();
}
public async Task<int> SaveChangesAsync()
{
return await SaveChangesAsync(CancellationToken.None);
}
public override async Task<int> SaveChangesAsync(CancellationToken cancellationToken)
{
var result = await base.SaveChangesAsync(cancellationToken);
var v0 = await StatModel.Calculate(this);
var v1 = await PointRatioModel.Calculate(this);
var v2 = await PointChartModel.Calculate(this);
await _hubContext.Clients.All.SendAsync("StatData", new DataHub.StatData
{
Stats = v0,
PointRatio = v1,
PointChartModels = v2
});
return result;
}
public DbSet<Patrulje> Patruljer { get; set; } = default!;
public DbSet<PatruljeMedlem> PatruljeMedlemmer { get; set; } = default!;

View File

@@ -1,5 +1,4 @@
using System;
using Microsoft.EntityFrameworkCore.Migrations;
using Microsoft.EntityFrameworkCore.Migrations;
using Npgsql.EntityFrameworkCore.PostgreSQL.Metadata;
#nullable disable

View File

@@ -3,18 +3,18 @@
public class Patrulje
{
public int Id { get; set; }
public string Name { get; set; } = null!;
public List<PatruljeMedlem> PatruljeMedlems { get; set; } = null!;
public List<Point> Points { get; set; } = null!;
public string Name { get; set; }
public List<PatruljeMedlem> PatruljeMedlems { get; set; }
public List<Point> Points { get; set; }
public DateTime? DateCreated { get; set; }
}
public class PatruljeMedlem
{
public int Id { get; set; }
public string Name { get; set; } = null!;
public string Name { get; set; }
public int Age { get; set; }
public Patrulje Patrulje { get; set; } = null!;
public Patrulje Patrulje { get; set; }
public DateTime? DateCreated { get; set; }
}
}

View File

@@ -5,8 +5,8 @@
public int Id { get; set; }
public int Points { get; set; }
public int Turnout { get; set; }
public Patrulje Patrulje { get; set; } = null!;
public Post Poster { get; set; } = null!;
public Patrulje Patrulje { get; set; }
public Post Poster { get; set; }
public DateTime? DateCreated { get; set; }
}
}

View File

@@ -3,9 +3,9 @@
public class Post
{
public int Id { get; set; }
public string Name { get; set; } = null!;
public string Location { get; set; } = null!;
public string Description { get; set; } = null!;
public string Name { get; set; }
public string Location { get; set; }
public string Description { get; set; }
public DateTime? DateCreated { get; set; }
}
}

View File

@@ -3,6 +3,7 @@ using Keycloak.AuthServices.Authorization;
using Microsoft.AspNetCore.Authentication.OpenIdConnect;
using Microsoft.EntityFrameworkCore;
using Microsoft.IdentityModel.Protocols.OpenIdConnect;
using pointMaster.Components;
using pointMaster.Controllers;
using pointMaster.Data;
@@ -55,8 +56,12 @@ builder
options.ForwardedHeaders = Microsoft.AspNetCore.HttpOverrides.ForwardedHeaders.XForwardedFor | Microsoft.AspNetCore.HttpOverrides.ForwardedHeaders.XForwardedProto;
});
builder.Services.AddSignalR();
var app = builder.Build();
app.MapHub<DataHub>("/DataHub");
if (!app.Environment.IsDevelopment())
{
app.UseExceptionHandler("/Home/Error");

View File

@@ -5,6 +5,10 @@
<div>
<h1>Velkommen til PointMaster</h1>
@if(Model.Post != null)
{
<p>Du giver point som @Model.Post.Name</p>
}
</div>
<div class="container">
<div class="row">

View File

@@ -3,7 +3,7 @@
ViewData["Title"] = "Opret patrulje";
}
<h1>Create Patrulje</h1>
<h1>Opret Patrulje</h1>
<div>
<form asp-action="Create">
@@ -13,6 +13,6 @@
<input asp-for="Name" class="form-control" autocomplete="off"/>
<span asp-validation-for="Name" class="text-danger"></span>
</div>
<input type="submit" class="btn btn-primary" />
<input type="submit" class="btn btn-primary" value="Opret"/>
</form>
</div>

View File

@@ -13,11 +13,11 @@
<form asp-action="GivPoint">
<div class="inputfield">
<h4>Point</h4>
<input asp-for="points.Points" type="number" min="0" max="10" class="form-control" />
<input asp-for="points.Points" type="number" min="0" class="form-control" />
</div>
<div class="inputfield">
<h4>Turnout</h4>
<input asp-for="points.Turnout" type="number" min="0" max="10" class="form-control" />
<input asp-for="points.Turnout" type="number" min="0" class="form-control" />
</div>
<div class="sendButton">

View File

@@ -3,7 +3,7 @@
<h1>@Model.patrulje.Name</h1>
<p>Total points: @Model.totalPoints</p>
<p>total turnout: @Model.totalTurnout</p>
<p>Total turnout: @Model.totalTurnout</p>
<table class="table table-striped">
<thead>
<tr>

View File

@@ -6,6 +6,7 @@
<div>
<h1>Poster</h1>
<a asp-action="Create" asp-controller="Poster" class="btn btn-primary">Opret Post</a>
<a asp-action="Poster" asp-controller="Print" class="ms-4 btn btn-secondary">Print poster</a>
<table class="table table-striped">
<thead>
<tr>

View File

@@ -9,11 +9,14 @@
<div class="print-card">
<div class="patrulje-info">
<h1>@patrulje.Name</h1>
@if(patrulje.PatruljeMedlems.Any())
{
<p>Medlemmer:</p>
@foreach (var medlem in patrulje.PatruljeMedlems)
{
<p>@medlem.Name</p>
}
}
</div>
<div class="flex-grow"></div>
<img src="@Model.QRcode[patrulje.Id]" width="300" height="300" />

View File

@@ -0,0 +1,20 @@
@model pointMaster.Controllers.PrintPosterModel;
@{
Layout = "_Point";
ViewData["Title"] = "Patruljer";
}
@foreach (var post in Model.poster)
{
<div class="print-card">
<div class="patrulje-info">
<h1>@post.Name</h1>
</div>
<div class="flex-grow"></div>
<img src="@Model.QRcode[post.Id]" width="300" height="300" />
</div>
}
<script>
print()
</script>

View File

@@ -11,6 +11,7 @@
"author": "",
"license": "ISC",
"dependencies": {
"@aspnet/signalr": "^1.0.27",
"@vue/cli-plugin-typescript": "^5.0.8",
"apexcharts": "^4.0.0",
"axios": "^1.7.7",

View File

@@ -1,23 +1,22 @@
<template>
<div class="stat-dashboard">
<div class="stat-panel">
<div class="grid">
<div class="title">
<h1>Statistikker</h1>
</div>
<div class="stats">
<div
class="stat"
v-for="(data, index) in StatData"
:key="index"
v-for="(data, index) in statData"
class="box"
>
<p class="stat-title">{{ data.Title }}</p>
<p class="stat-value">{{ data.Value }}</p>
<p class="header">{{ data.title }}</p>
<p class="content">{{ data.value }}</p>
</div>
</div>
<div class="line-chart">
<div id="line-chart"></div>
</div>
<div class="stat-chart">
<p class="stat-title">Point over tid</p>
<div id="chart"></div>
<p class="stat-title">Point ratio</p>
<div id="pie"></div>
<div class="pie-chart">
<div id="pie-chart"></div>
</div>
</div>
</template>
@@ -26,47 +25,33 @@
import ApexCharts, { ApexOptions } from "apexcharts";
import axios from "axios";
import { defineComponent, onMounted, ref } from "vue";
import { HubConnectionBuilder, LogLevel } from "@aspnet/signalr";
export default defineComponent({
name: "Stats",
setup() {
const StatData = ref<Stat[]>([]);
const statData = ref<Stat[]>([]);
const GetStats = async () => {
const data = (await axios.get("/api/getstats")).data as Stat[];
StatData.value = data;
};
const initializeChart = async () => {
const options: ApexOptions = {
const lineChartOptions: ApexOptions = {
chart: {
type: "line",
toolbar: {
show: true,
},
},
stroke: {
curve: "smooth"
},
xaxis: {
type: "datetime",
labels: {
datetimeUTC: false,
}
},
series: [],
};
}
const chart = new ApexCharts(
document.querySelector("#chart"),
options
);
chart.render();
const data = (await axios.get("/api/GetPointsOverTime")).data;
chart.updateOptions({
series: data,
} as ApexOptions);
};
const initializePieChart = async () => {
const options: ApexOptions = {
const pieChartOptions: ApexOptions = {
chart: {
type: "pie",
toolbar: {
@@ -76,83 +61,132 @@ export default defineComponent({
series: [],
};
const chart = new ApexCharts(
document.querySelector("#pie"),
options
var lineChart: ApexCharts;
var pieChart: ApexCharts;
const initalizeCharts = async () => {
lineChart = new ApexCharts(
document.querySelector("#line-chart"),
lineChartOptions
);
chart.render();
lineChart.render();
const data = (await axios.get("/api/pointratio")).data;
pieChart = new ApexCharts(
document.querySelector("#pie-chart"),
pieChartOptions
);
pieChart.render();
}
chart.updateOptions({
series: data.data,
labels: data.names,
const initializeHub = async () => {
const connection = new HubConnectionBuilder().withUrl("../DataHub").configureLogging(LogLevel.Information).build();
connection.start();
connection.on("ReceiveMessage", async (data: StatData) => {
connection.invoke("SendData");
console.log(data);
})
connection.on("StatData", (a:StatData) => {
console.log(a);
updateData(a);
})
}
const updateData = (data: StatData) => {
lineChart.updateOptions({
series: data.pointChartModels,
} as ApexOptions);
};
pieChart.updateOptions({
series: data.pointRatio.data,
labels: data.pointRatio.names,
});
statData.value = (data.stats as Stat[]);
}
onMounted(async () => {
await GetStats();
await initializeChart();
await initializePieChart();
await initalizeCharts()
await initializeHub()
});
return {
StatData,
statData,
};
},
});
</script>
<style lang="scss">
.stat-dashboard {
.grid {
display: grid;
grid-template-areas:
"a a"
"b b"
"c d";
height: 100%;
width: 100%;
}
@media (max-width: 640px) {
.grid {
grid-template-areas:
"a"
"b"
"c"
"d";
}
}
.title {
grid-area: a;
}
.stats {
grid-area: b;
display: flex;
justify-content: space-between;
flex-direction: row;
@media (max-width: 768px) {
@media (max-width: 640px) {
flex-direction: column;
}
}
.stat-panel {
@media (max-width: 768px) {
gap: 1rem;
margin: auto;
margin-bottom: 2rem;
}
}
.stat-chart {
flex-grow: 1;
}
.stats {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 2rem;
@media (max-width: 1000px) {
grid-template-columns: repeat(2, 1fr);
margin-top: 2rem;
}
.stat {
background-color: rgba(0, 0, 0, 0.1);
padding: 10px;
height: 7rem;
width: 10rem;
margin-top: 2rem;
margin-bottom: 6rem;
.box {
width: 12rem;
padding: 1rem;
background-color: rgba(0,0,0,.2);
border: solid rgba(0,0,0,0.3) 1px;
border-radius: 5px;
text-align: center;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
margin: auto;
}
box-shadow: 5px 5px 5px rgba(0,0,0,.1);
&-title {
font-weight: 700;
.header {
font-size: 1.25rem;
margin: 0;
font-weight: bolder;
}
.content {
font-size: 1rem;
}
}
}
&-value {
font-weight: 400;
font-size: 1.5rem;
}
}
.line-chart {
grid-area: c;
}
.pie-chart {
grid-area: d;
}
</style>

View File

@@ -8,6 +8,12 @@ type Point = {
}
type Stat = {
Title: string;
Value: string;
title: string;
value: string;
}
type StatData = {
stats: any;
pointRatio: any;
pointChartModels: any;
}

View File

@@ -2,7 +2,7 @@
<PropertyGroup>
<TargetFramework>net8.0</TargetFramework>
<Nullable>enable</Nullable>
<Nullable>disable</Nullable>
<ImplicitUsings>enable</ImplicitUsings>
<UserSecretsId>f4aae456-b78c-4976-9472-dd315dc4a61f</UserSecretsId>
<DockerDefaultTargetOS>Linux</DockerDefaultTargetOS>
@@ -12,6 +12,7 @@
<PackageReference Include="Keycloak.AuthServices.Authentication" Version="2.5.3" />
<PackageReference Include="Keycloak.AuthServices.Authorization" Version="2.5.3" />
<PackageReference Include="Microsoft.AspNetCore.Authentication.OpenIdConnect" Version="8.0.8" />
<PackageReference Include="Microsoft.AspNetCore.SignalR" Version="1.1.0" />
<PackageReference Include="Microsoft.EntityFrameworkCore.Tools" Version="8.0.11">
<PrivateAssets>all</PrivateAssets>
<IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>