BitGoblin/game-data
1
0
Fork 0
Code Issues 4 Pull Requests Packages Projects Releases 1 Wiki Activity

Fixed the chart generation page with the new ChartJS version and DB schema
Some checks failed
ci/woodpecker/push/woodpecker Pipeline failed
Details

Browse Source
This commit is contained in:
Gregory Ballantine
2025-07-28 10:48:49 -04:00
parent 5cc3b8f824
commit 42a0b95015
7 changed files with 186 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
views/layout.erb
View File

@ -10,7 +10,6 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" charset="utf-8"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.7/js/bootstrap.min.js" charset="utf-8"></script>
<script src="/js/edgeville.js" charset="utf-8"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.min.js" charset="utf-8"></script>
</head>
<body class="d-flex flex-column min-vh-100">
<!-- main navigation -->

14
views/reports/index.erb
View File

@ -2,14 +2,14 @@
<form class="col-12" action="/reports" method="post">
<div class="row mb-3">
<div class="col-12 col-md-6">
<select id="report_type" class="form-select" name="report_type" disabled>
<select id="report-type" class="form-select" name="report_type" disabled>
<option value="benchmark">Benchmark</option>
<option value="test">Test</option>
</select>
</div>
<div class="col-12 col-md-6">
<select id="report_choice" class="form-select" name="report_choice">
<select id="report-benchmarks" class="form-select" name="report_choice">
<% benchmarks.each do |b| %>
<option value="<%= b.id %>"><%= b.name %></option>
<% end %>
@ -18,7 +18,7 @@
</div>
<div class="col-12 mb-3">
<select id="report_compare" class="col-12 form-select" name="report_compare[]" multiple>
<select id="report-tests" class="col-12 form-select" name="report_compare[]" multiple>
<% tests.each do |t| %>
<option value="<%= t.id %>"><%= t.name %></option>
<% end %>
@ -26,16 +26,18 @@
</div>
<div class="col-12 mb-3">
<input type="submit" class="btn btn-primary" id="generate_button" value="Generate">
<a href="#" class="btn btn-primary" id="download_button" disabled>Download</a>
<button id="reports-button" class="btn btn-primary">Generate</button>
<button id="reports-download" class="btn btn-primary" disabled>Download</button>
</div>
<div class="col-12">
<canvas id="chart_canvas" width="100%" height="25"></canvas>
<canvas id="benchmark-chart" width="100%" height="25"></canvas>
</div>
</form>
</div>
<!-- load the chart.js library -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.1/chart.umd.min.js" charset="utf-8"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js" charset="utf-8"></script>
<!-- load chart functionality -->
<script src="/js/reports.js" charset="utf-8"></script>