diff --git a/View/src/CSS/Admin2.css b/View/src/CSS/Admin2.css deleted file mode 100644 index 63d44ed2..00000000 --- a/View/src/CSS/Admin2.css +++ /dev/null @@ -1,247 +0,0 @@ -@font-face { - font-family: Fauna; - src: url("../../assets/fonts/Fauna.ttf"); -} - -@font-face { - font-family: Equinox; - src: url("../../assets/fonts/Equinox.otf"); -} -/* End Fonts CSS */ - -body { - min-height: 100vh ; - font-family: Verdana, Geneva, Tahoma, sans-serif; - color: white; - height: 100vh; - background-color: #111219; -} - -li { - display: inline; - width: 225px; -} - -a { - color: white; - text-decoration: none !important; -} -a:hover { - color: white; -} - -h1, -h2, -h3, -h4, -h5, -h6, -th, -td, -label, -.font { - font-family: Equinox; -} - -th, -td { - color: white; -} - -button { - background: transparent; - color: white; - outline: none; -} - -.legend { - color: #898989; - font-weight: bolder; -} - -.current { - background: rgb(146, 254, 157); - background: -moz-linear-gradient( - 50deg, - rgba(146, 254, 157, 1) 0%, - rgba(0, 201, 255, 1) 100% - ); - background: -webkit-linear-gradient( - 50deg, - rgba(146, 254, 157, 1) 0%, - rgba(0, 201, 255, 1) 100% - ); - background: linear-gradient( - 50deg, - rgba(146, 254, 157, 1) 0%, - rgba(0, 201, 255, 1) 100% - ); - box-shadow: 0px 0px 50px -5px rgba(0, 201, 255, 0.3); - border-radius: 4px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - -ms-border-radius: 4px; - -o-border-radius: 4px; -} - -.send { - background: rgb(146, 254, 157); - background: -moz-linear-gradient( - 50deg, - rgba(146, 254, 157, 1) 0%, - rgba(0, 201, 255, 1) 100% - ); - background: -webkit-linear-gradient( - 50deg, - rgba(146, 254, 157, 1) 0%, - rgba(0, 201, 255, 1) 100% - ); - background: linear-gradient( - 50deg, - rgba(146, 254, 157, 1) 0%, - rgba(0, 201, 255, 1) 100% - ); - box-shadow: 0px 0px 50px -5px rgba(0, 201, 255, 0.3); - border-radius: 4px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - -ms-border-radius: 4px; - -o-border-radius: 4px; - - width: max-content; - height: min-content; -} - -.currentText { - color: black; -} -.currentText:hover { - color: black; -} - -.nav-button { - color: #898989; -} - -.nav-button:hover { - color: white; -} - -.dashboard-card { - background: rgb(0, 0, 0); - background: -moz-linear-gradient( - 315deg, - rgba(0, 0, 0, 0.4) 0%, - rgb(0, 0, 0) 30% - ); - background: -webkit-linear-gradient( - 315deg, - rgba(0, 0, 0, 0.4) 0%, - rgb(0, 0, 0) 30% - ); - background: linear-gradient( - 315deg, - rgba(0, 0, 0, 0.4) 0%, - rgba(0, 0, 0, 1) 30% - ); - border-radius: 15px; - -webkit-border-radius: 15px; - -moz-border-radius: 15px; - -ms-border-radius: 15px; - -o-border-radius: 15px; - max-height: 350px; - overflow-y: scroll; -} - -.dashboard-card-reversed { - background: rgb(0, 0, 0); - background: -moz-linear-gradient( - 45deg, - rgba(0, 0, 0, 0.4) 0%, - rgba(0, 0, 0, 1) 30% - ); - background: -webkit-linear-gradient( - 45deg, - rgba(0, 0, 0, 0.4) 0%, - rgba(0, 0, 0, 1) 30% - ); - background: linear-gradient( - 45deg, - rgba(0, 0, 0, 0.4) 0%, - rgba(0, 0, 0, 1) 30% - ); -} - -.dashboard-card-mail { - background: rgb(0, 0, 0); - background: -moz-linear-gradient( - 180deg, - rgba(0, 0, 0, 0.4) 0%, - rgba(0, 0, 0, 1) 30% - ); - background: -webkit-linear-gradient( - 180deg, - rgba(0, 0, 0, 0.4) 0%, - rgba(0, 0, 0, 1) 30% - ); - background: linear-gradient( - 180deg, - rgba(0, 0, 0, 0.4) 0%, - rgba(0, 0, 0, 1) 40% - ); - border-radius: 15px; - -webkit-border-radius: 15px; - -moz-border-radius: 15px; - -ms-border-radius: 15px; - -o-border-radius: 15px; - height: 400px; -} - -.user-box input { - width: 100%; - font-family: Verdana, Geneva, Tahoma, sans-serif; - padding: 8px 0; - font-size: 12px; - color: #fff; - border: none; - border-bottom: 1px solid #fff; - outline: none; - background: transparent; -} - -.user-box label { - position: absolute; - top: 0; - left: 0; - font-size: 16px; - color: #fff; - pointer-events: none; - transition: 0.5s; - -webkit-transition: 0.5s; - -moz-transition: 0.5s; - -ms-transition: 0.5s; - -o-transition: 0.5s; -} - -.user-box input:focus ~ label, -.user-box input:valid ~ label { - top: -20px; - left: 0; - color: rgba(146, 254, 157, 1); - font-size: 12px; -} - -#message { - width: 100%; - height: 100%; - resize: none; - border: none; - background-color: transparent; - border: 1px solid #fff; - color: #fff; - border-radius: 4px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - -ms-border-radius: 4px; - -o-border-radius: 4px; -} \ No newline at end of file diff --git a/View/src/JS/dashboard.js b/View/src/JS/dashboard.js deleted file mode 100644 index a072fe9d..00000000 --- a/View/src/JS/dashboard.js +++ /dev/null @@ -1,140 +0,0 @@ -function dashboard () { - var xhr = new XMLHttpRequest(); - xhr.open('POST', 'http://82.165.180.114/Scripted/index.php?action=getPlayersEmail', true); - xhr.responseType = 'text'; - xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); - var playersEmail = xhr.onload = function () { - console.log(xhr.responseText); - return JSON.parse(xhr.responseText); - }; - xhr.send(null); - var xhr = new XMLHttpRequest(); - xhr.open('POST', 'http://82.165.180.114/Scripted/index.php?action=getPlayersPseudo', true); - xhr.responseType = 'text'; - xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); - var playersPseudo = xhr.onload = function () { - return JSON.parse(xhr.responseText); - } - - data = []; - - if (playersEmail[0] != null) { - v1 = {} - v1.type="line"; - v1.xValueFormatString=playersPseudo[0]; - v1.dataPoints=[]; - var xhr = new XMLHttpRequest(); - xhr.open('POST', 'http://82.165.180.114/Scripted/index.php?action=getPlayerScore&joueur='. playersEmail[0], true); - xhr.responseType = 'text'; - xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); - var score = xhr.onload = function () { - return JSON.parse(xhr.responseText); - }; - xhr.send(null); - for (i = 0; i < score.length; i++) { - v1.dataPoints.push({x:i+1,y:score[i]}); - } - data.push(v1); - } - - if (playersEmail[1] != null) { - v2 = {} - v2.type="line"; - v2.xValueFormatString=playersPseudo[1]; - v2.dataPoints=[]; - var xhr = new XMLHttpRequest(); - xhr.open('POST', 'http://82.165.180.114/Scripted/index.php?action=getPlayerScore&joueur='. playersEmail[1], true); - xhr.responseType = 'text'; - xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); - var score = xhr.onload = function () { - return JSON.parse(xhr.responseText); - }; - xhr.send(null); - for (i = 0; i < score.length; i++) { - v2.dataPoints.push({x:i+1,y:score[i]}); - } - data.push(v2); - } - - if (playersEmail[2] != null) { - v3 = {} - v3.type="line"; - v3.xValueFormatString=playersPseudo[2]; - v3.dataPoints=[]; - var xhr = new XMLHttpRequest(); - xhr.open('POST', 'http://82.165.180.114/Scripted/index.php?action=getPlayerScore&joueur='. playersEmail[2], true); - xhr.responseType = 'text'; - xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); - var score = xhr.onload = function () { - return JSON.parse(xhr.responseText); - }; - xhr.send(null); - for (i = 0; i < score.length; i++) { - v3.dataPoints.push({x:i+1,y:score[i]}); - } - data.push(v3); - } - - if (playersEmail[3] != null) { - v4 = {} - v4.type="line"; - v4.xValueFormatString=playersPseudo[3]; - v4.dataPoints=[]; - var xhr = new XMLHttpRequest(); - xhr.open('POST', 'http://82.165.180.114/Scripted/index.php?action=getPlayerScore&joueur='. playersEmail[3], true); - xhr.responseType = 'text'; - xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); - var score = xhr.onload = function () { - return JSON.parse(xhr.responseText); - }; - xhr.send(null); - for (i = 0; i < score.length; i++) { - v4.dataPoints.push({x:i+1,y:score[i]}); - } - data.push(v4); - } - - // data = []; - - // v4 = {} - // v4.type="line"; - // v4.xValueFormatString='playersPseudo'; - // v4.dataPoints=[]; - // v4.dataPoints.push({x:1,y:100}); - // data.push(v4); - // console.log(data); - - var chart = new CanvasJS.Chart("chartContainer", { - animationEnabled: true, - zoomEnabled: true, - theme: "dark2", - title: { - text: "Score" - }, - axisX: { - title: "Enigme", - valueFormatString: "####", - interval: 1 - }, - axisY: { - title: "Point", - titleFontColor: "#6D78AD", - lineColor: "#6D78AD", - gridThickness: 0, - lineThickness: 1, - }, - legend: { - verticalAlign: "top", - fontSize: 16, - }, - data - }); - chart.render(); -} - -window.addEventListener("load", start); -function start(){ - dashboard(); - setInterval('dashboard()', 10000); - -} \ No newline at end of file