Taylor/setup_analyser
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Slight formatting change, bringing the summary to the top of the page and the graph to the bottom

Browse Source
This commit is contained in:
Taylor Courage 2025-01-22 13:33:04 -05:00
parent c336174a23
commit 0592008c3a
3 changed files with 29 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
analyser.css
View File

@ -154,28 +154,36 @@
#statsTable { #statsTable {
margin: auto; margin: auto;
width: 90%;
padding-right: 13%;
} }
#statsCol1 { #statsCol1 {
width: 28%;
text-align: right; text-align: right;
} }
#statsCol2 { #statsCol2 {
width: 5%;
text-align: left; text-align: left;
padding-left: 2%; padding-left: 2%;
} }
#statsCol3 { #statsCol3 {
width: 20%; width: 11%;
text-align: right;
} }
#statsCol4 { #statsCol4 {
width: 22%;
text-align: right; text-align: right;
} }
#statsCol5 { #statsCol5 {
width: 10%;
text-align: left; text-align: left;
padding-left: 2%; padding-left: 2%;
padding-right: 15%;
} }

32
analyser.js
View File

@ -167,8 +167,8 @@ function doMath() {
dieCount[i - 1] = i; dieCount[i - 1] = i;
} }
drawGraph();
getStatistics(); getStatistics();
drawGraph();
// Add spacers // Add spacers
document.getElementById("spacer1").style.display = 'block'; document.getElementById("spacer1").style.display = 'block';
@ -306,7 +306,7 @@ function getStatistics() {
avgDelta = (Math.round((avgDelta / numDies) * 100) / 100).toFixed(2); avgDelta = (Math.round((avgDelta / numDies) * 100) / 100).toFixed(2);
// Create the table to display statistics // Create the table to display statistics
div.innerHTML = "<p></p><h5 align=\"center\" id=\"statsSummaryHeader\">Summary</h5><table id=\"statsTable\"></table>"; div.innerHTML = "<h5 align=\"center\" id=\"statsSummaryHeader\">Summary</h5><table id=\"statsTable\"></table>";
var statsTable = document.getElementById("statsTable"); var statsTable = document.getElementById("statsTable");
@ -323,15 +323,15 @@ function getStatistics() {
// COL 1 // COL 1
c1.innerHTML = "# Of Reductions: "; c1.innerHTML = "# Of Reductions: ";
c1.id = "statsCol1"; c1.id = "statsCol1";
c2.innerHTML = numDies; c2.innerHTML = "<b>" + numDies + "</b>";
c2.id = "statsCol2"; c2.id = "statsCol2";
// //
c3.innerHTML = "&nbsp;"; c3.innerHTML = "|&nbsp;&nbsp;";
c3.id = "statsCol3"; c3.id = "statsCol3";
// COL 2 // COL 2
c4.innerHTML = "Avg. Δ Factor: "; c4.innerHTML = "Avg. Δ Factor: ";
c4.id = "statsCol4"; c4.id = "statsCol4";
c5.innerHTML = avgDelta; c5.innerHTML = "<b>" + avgDelta + "</b>";
c5.id = "statsCol5"; c5.id = "statsCol5";
@ -347,15 +347,15 @@ function getStatistics() {
// COL 1 // COL 1
c1.innerHTML = "Total R. Of Diameter: "; c1.innerHTML = "Total R. Of Diameter: ";
c1.id = "statsCol4"; c1.id = "statsCol4";
c2.innerHTML = (Math.round((startSize - finalSize) * 1000) / 1000).toFixed(3) + "\""; c2.innerHTML = "<b>" + (Math.round((startSize - finalSize) * 1000) / 1000).toFixed(3) + "\"</b>";
c2.id = "statsCol5"; c2.id = "statsCol5";
// //
c3.innerHTML = "&nbsp;"; c3.innerHTML = "|&nbsp;&nbsp;";
c3.id = "statsCol3"; c3.id = "statsCol3";
// COL 2 // COL 2
c4.innerHTML = "------"; c4.innerHTML = "";
c4.id = "statsCol4"; c4.id = "statsCol4";
c5.innerHTML = "---"; c5.innerHTML = "";
c5.id = "statsCol5"; c5.id = "statsCol5";
@ -371,15 +371,15 @@ function getStatistics() {
// COL 1 // COL 1
c1.innerHTML = "Total R. Of Area: "; c1.innerHTML = "Total R. Of Area: ";
c1.id = "statsCol1"; c1.id = "statsCol1";
c2.innerHTML = totalROA + "%"; c2.innerHTML = "<b>" + totalROA + "%</b>";
c2.id = "statsCol2"; c2.id = "statsCol2";
// //
c3.innerHTML = "&nbsp;"; c3.innerHTML = "|&nbsp;&nbsp;";
c3.id = "statsCol3"; c3.id = "statsCol3";
// COL 2 // COL 2
c4.innerHTML = "Avg. R. of Area: "; c4.innerHTML = "Avg. R. of Area: ";
c4.id = "statsCol4"; c4.id = "statsCol4";
c5.innerHTML = avgROA + "%"; c5.innerHTML = "<b>" + avgROA + "%</b>";
c5.id = "statsCol5"; c5.id = "statsCol5";
@ -393,17 +393,17 @@ function getStatistics() {
c5 = row.insertCell(4); c5 = row.insertCell(4);
// COL 1 // COL 1
c1.innerHTML = "Total Elong.: "; c1.innerHTML = "Total Elongation: ";
c1.id = "statsCol1"; c1.id = "statsCol1";
c2.innerHTML = totalElong + "%"; c2.innerHTML = "<b>" + totalElong + "%</b>";
c2.id = "statsCol2"; c2.id = "statsCol2";
// //
c3.innerHTML = "&nbsp;"; c3.innerHTML = "|&nbsp;&nbsp;";
c3.id = "statsCol3"; c3.id = "statsCol3";
// COL 2 // COL 2
c4.innerHTML = "Avg. Elongation: "; c4.innerHTML = "Avg. Elongation: ";
c4.id = "statsCol4"; c4.id = "statsCol4";
c5.innerHTML = avgElong + "%"; c5.innerHTML = "<b>" + avgElong + "%</b>";
c5.id = "statsCol5"; c5.id = "statsCol5";
} }

8
index.html
View File

@ -52,11 +52,11 @@
<p></p> <p></p>
</div> </div>
<p><hr id="spacer1" /></p> <p><hr id="spacer1" /></p>
<table class="output" id="output"></table>
<p><hr id="spacer2" /></p>
<div id="outputChart"></div>
<p><hr id="spacer3" /></p>
<div id="statistics"></div> <div id="statistics"></div>
<p><hr id="spacer2" /></p>
<table class="output" id="output"></table>
<p><hr id="spacer3" /></p>
<div id="outputChart"></div>
<p></p> <p></p>
</div> </div>
</div> </div>