Number of registered users:
@@ -183,6 +183,30 @@ session_start();
Per-Division Results
diff --git a/scripts/results.js b/scripts/results.js
index 125958a..dd6a3bc 100644
--- a/scripts/results.js
+++ b/scripts/results.js
@@ -55,4 +55,18 @@ function refreshDisplay() {
document.getElementById("divisionDisplay").innerHTML = html;
+}
+
+function toggleInformationDisplay() {
+ console.log("echo");
+ var infoDiv = document.getElementById("generalResultsDisplayPanel");
+ var tourneyDiv = document.getElementById("tourneyResultsDisplayPanel");
+
+ if (infoDiv.style.display == "block") {
+ infoDiv.style.display = "none";
+ tourneyDiv.style.display = "block";
+ } else if (infoDiv.style.display == "none") {
+ infoDiv.style.display = "block";
+ tourneyDiv.style.display = "none";
+ }
}
\ No newline at end of file
diff --git a/styles/data_display.css b/styles/data_display.css
index 40b4114..03523fa 100644
--- a/styles/data_display.css
+++ b/styles/data_display.css
@@ -28,6 +28,7 @@
flex-direction: row;
overflow: hidden;
font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+ justify-content: center;
}
#resultsDisplayBody h2 {
@@ -43,6 +44,15 @@
margin-right: 1%;
}
+#tourneyResultsDisplayPanel {
+ width: 40%;
+ border: 1px solid black;
+ border-radius: 6px;
+ padding-left: 5%;
+ padding-right: 5%;
+ margin-right: 1%;
+}
+
#generalResultsTable {
margin: auto;
}
@@ -109,6 +119,96 @@
background-color: rgba(255, 165, 0, .6);
}
+
+
+.resultsNavPanel {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: nowrap;
+ justify-content: center;
+ font-size: 0.8em;
+}
+
+.resultsNavPanel label, .resultsNavPanel input {
+ text-align: center;
+ align-items: center;
+ justify-content: center;
+ display: flex;
+ width: 100px;
+ height: 35px;
+ padding: 0;
+ cursor: pointer;
+ box-shadow: 0px 1px 3px;
+}
+
+.resultsNavPanel label {
+ border: 1px solid black;
+ border-radius: 3px;
+ z-index: 90;
+ margin: 1%;
+}
+
+.resultsNavPanel input[type="radio"] {
+ display: none;
+}
+
+.resultsNavPanel input[type="radio"]:checked + label {
+ background-color: rgba(0, 40, 255, .75);
+ box-shadow: 0 0 2px;
+ color: rgb(255, 255, 255);
+ font-weight: bold;
+}
+
+.resultsNavPanel label:hover {
+ background-color: rgba(255, 165, 0, .6);
+}
+
+
+.resultsNavPanelAllButton {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: nowrap;
+ justify-content: center;
+}
+
+.resultsNavPanelAllButton label, .resultsNavPanelAllButton input {
+ text-align: center;
+ align-items: center;
+ justify-content: center;
+ display: flex;
+ width: 120px;
+ height: 40px;
+ padding: 0;
+ cursor: pointer;
+ box-shadow: 0px 1px 3px;
+}
+
+.resultsNavPanelAllButton label {
+ border: 1px solid black;
+ border-radius: 3px;
+ z-index: 90;
+ margin: 1%;
+}
+
+.resultsNavPanelAllButton input[type="radio"] {
+ display: none;
+}
+
+.resultsNavPanelAllButton input[type="radio"]:checked + label {
+ background-color: rgba(0, 40, 255, .75);
+ box-shadow: 0 0 2px;
+ color: rgb(255, 255, 255);
+ font-weight: bold;
+}
+
+.resultsNavPanelAllButton label:hover {
+ background-color: rgba(255, 165, 0, .6);
+}
+
+.resultsNavPanelAllButton {
+ text-align: center;
+}
+
.dateSelector {
display: flex;
flex-direction: row;
@@ -176,6 +276,32 @@
color: rgba(0, 0, 0, .35);
}
+.infoLink {
+ text-decoration: none;
+ color: black;
+ border: 1px solid blue;
+ border-radius: 3px;
+ padding: 5px 10px;
+ text-align: center;
+ box-shadow: 0px 2px 4px;
+}
+
+#infoNav {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: nowrap;
+ justify-content: center;
+}
+
+.infoLink:hover {
+ color: black;
+ background-color: rgba(255, 165, 0, .6);
+}
+.infoLink:active {
+ box-shadow: 0px 0px 2px;
+ transform: translateY(2px);
+}
+
@media only screen and (max-width: 480px) {