NEW: Zusagen / Absagen Chart (PoC)
This commit is contained in:
@ -42,6 +42,7 @@
|
||||
{
|
||||
<AuditInfo CreatedBy="@_createdby" CreatedOn="@_createdon" ModifiedBy="@_modifiedby" ModifiedOn="@_modifiedon"></AuditInfo>
|
||||
}
|
||||
<div id="chart"></div>
|
||||
</form>
|
||||
|
||||
@code {
|
||||
@ -53,7 +54,9 @@
|
||||
|
||||
public override List<Resource> Resources => new List<Resource>()
|
||||
{
|
||||
new Resource { ResourceType = ResourceType.Stylesheet, Url = ModulePath() + "Module.css" }
|
||||
new Resource { ResourceType = ResourceType.Stylesheet, Url = ModulePath() + "Module.css" },
|
||||
new Resource { ResourceType = ResourceType.Script, Bundle = "ChartJS", Url = "https://cdn.jsdelivr.net/npm/chart.js" },
|
||||
new Resource { ResourceType = ResourceType.Script, Bundle = "ChartJS", Url = ModulePath() + "Module.js"}
|
||||
};
|
||||
|
||||
|
||||
@ -71,6 +74,9 @@
|
||||
private DateTime _createdon;
|
||||
private string _modifiedby;
|
||||
private DateTime _modifiedon;
|
||||
|
||||
bool _refresh = false;
|
||||
private List<Response> _responses;
|
||||
|
||||
protected override async Task OnInitializedAsync()
|
||||
{
|
||||
@ -92,6 +98,10 @@
|
||||
_modifiedby = EventRegistration.ModifiedBy;
|
||||
_modifiedon = EventRegistration.ModifiedOn;
|
||||
}
|
||||
|
||||
_responses = await EventRegistrationService.GetEventResponses(_id, ModuleState.ModuleId);
|
||||
Console.WriteLine("Responses count: " + (_responses != null ? _responses.Count.ToString() : "null"));
|
||||
_refresh = true;
|
||||
}
|
||||
}
|
||||
catch (Exception ex)
|
||||
@ -101,6 +111,37 @@
|
||||
}
|
||||
}
|
||||
|
||||
protected override async Task OnAfterRenderAsync(bool firstRender)
|
||||
{
|
||||
try
|
||||
{
|
||||
await base.OnAfterRenderAsync(firstRender);
|
||||
|
||||
Console.WriteLine("Responses count: " + (_responses != null ? _responses.Count.ToString() : "null"));
|
||||
|
||||
if (_refresh && _responses != null)
|
||||
{
|
||||
List<string> labels = new List<string>();
|
||||
List<object> datasets = new List<object>();
|
||||
string[] colors = new string[] { "#FF0000", "#FF8000", "#FFFF00", "#00FF00", "#00FFFF", "#0080FF", "#0000FF", "#8000FF", "#FF00FF", "#CCCCCC" };
|
||||
|
||||
labels.AddRange("Zusage", "Absage");
|
||||
datasets.Add(new { label = "DS1", data = new int[] { _responses.Count(r => r.ResponseType == true), _responses.Count(r => r.ResponseType == false) }, fill = false, backgroundColor = colors });
|
||||
object options = new { maintainAspectRatio = false, legend = new { display = true, position = "bottom", labels = new { fontColor = "white", fontSize = 16 } } };
|
||||
|
||||
var interop = new Interop(JSRuntime);
|
||||
await interop.CreateChart("chart", "pie", labels.ToArray(), datasets.ToArray(), options);
|
||||
|
||||
_refresh = false;
|
||||
}
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
await logger.LogError(ex, "Error Rendering Chart {Error}", ex.Message);
|
||||
AddModuleMessage("Error Rendering Chart", MessageType.Error);
|
||||
}
|
||||
}
|
||||
|
||||
private async Task Save()
|
||||
{
|
||||
try
|
||||
|
||||
Reference in New Issue
Block a user