From 31a28bdbd6c7ed09ca8d162d731ddf652a79349f Mon Sep 17 00:00:00 2001 From: Matthew Idungafa Date: Fri, 5 Apr 2024 13:21:45 +0100 Subject: [PATCH] added admin dashboard --- prototype/Frontend/admin_dashboard.html | 540 ++++++++++++++++++++++++ public/css/admin_dashboard.css | 6 + public/javascripts/charts/chart2.js | 3 + public/javascripts/charts/chart3.js | 8 + public/javascripts/charts/chart4.js | 8 + 5 files changed, 565 insertions(+) create mode 100644 prototype/Frontend/admin_dashboard.html create mode 100644 public/css/admin_dashboard.css diff --git a/prototype/Frontend/admin_dashboard.html b/prototype/Frontend/admin_dashboard.html new file mode 100644 index 0000000..7aa9c5c --- /dev/null +++ b/prototype/Frontend/admin_dashboard.html @@ -0,0 +1,540 @@ + + + + + + + The Weekly Challenge + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + +
+ + + + +
+ +
+
+
+
+
+
+
+
+

Active Contributors Count

+
+
+
+
+
+ +
+
+
+
+

Challenge Participation

+
+
+
+
+
+ +
+
+
+
+

Competition Rates

+
+
+
+
+
+ + +
+ +
+
+
+
+
+

Engagement Rates

+
+
+
+
+
+ +
+
+
+
+

Current Challenges

+
+

Name of Challenge(Task 1)

+ +
+
+
+

Name of Challenge(Task 2)

+ +
+
+
+
+
+
+ +
+ +
+
+
+
+
+
+ Create New Challenges +
+
+

+ +

+
+
+
+
+
+
+
+
+ Edit Existing Challenges +
+
+

+ +

+
+
+
+
+
+
+
+
+ New Members Request +
+
+

+ +

+
+
+
+
+
+
+
+
+ Go to Mailing List +
+
+

+ +

+
+
+
+ +
+ + +
+
+ +
+ + +
+
+
+
+
+ + + +
+ +
+

Useful Links

+
+
+ +
+
+ +
+
+
+
+

Our Social Networks

+

+ Lorem ipsum dolor sit, amet consectetur adipisicing elit. + Fugit, suscipit? +

+ +
+
+
+
+ +
+
+ © Copyright The Weekly Challenge. All Rights Reserved +
+ +
+
+ + +
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + diff --git a/public/css/admin_dashboard.css b/public/css/admin_dashboard.css new file mode 100644 index 0000000..666ae2c --- /dev/null +++ b/public/css/admin_dashboard.css @@ -0,0 +1,6 @@ +#sidebar { + overflow-y: scroll; +} +#sidebar.expand { + overflow-y: scroll; +} \ No newline at end of file diff --git a/public/javascripts/charts/chart2.js b/public/javascripts/charts/chart2.js index 9345336..86cb655 100644 --- a/public/javascripts/charts/chart2.js +++ b/public/javascripts/charts/chart2.js @@ -19,4 +19,7 @@ function drawChart() { document.getElementById("donutchart1"), ); chart.draw(data, options); + + + } diff --git a/public/javascripts/charts/chart3.js b/public/javascripts/charts/chart3.js index eba9675..eaaf5a0 100644 --- a/public/javascripts/charts/chart3.js +++ b/public/javascripts/charts/chart3.js @@ -18,5 +18,13 @@ function drawChart() { var chart = new google.visualization.PieChart( document.getElementById("donutchart2"), ); + + + // Redraw the chart when the window size changes + window.addEventListener('resize', function(){ + chart.draw(data, options); + }); + chart.draw(data, options); + } diff --git a/public/javascripts/charts/chart4.js b/public/javascripts/charts/chart4.js index e5bfc2b..dcb8363 100644 --- a/public/javascripts/charts/chart4.js +++ b/public/javascripts/charts/chart4.js @@ -42,4 +42,12 @@ function drawChart() { document.getElementById("chart_div"), ); chart.draw(data, options); + + + // Redraw the chart when the window size changes + window.addEventListener('resize', function(){ + chart.draw(data, options); + }); + + chart.draw(data, options); }