New button for API, better UI for mobile user

Tfloow · Jan 26, 2024 · 68442d3 · 68442d3
1 parent 876e1fb
commit 68442d3
Show file tree

Hide file tree

Showing 50 changed files with 144 additions and 33 deletions.
diff --git a/data/404-Test/log.csv b/data/404-Test/log.csv
@@ -7,3 +7,4 @@ date,UP
 2024-01-26T09:41:52,False
 2024-01-26T09:41:52,False
 2024-01-26T09:44:02,True
+2024-01-26T15:56:04,False
diff --git a/data/404-Test/outageReport.csv b/data/404-Test/outageReport.csv
@@ -177,3 +177,5 @@ date,UP
 2024-01-26T09:23:51,False
 2024-01-26T09:39:49,False
 2024-01-26T09:48:59,False
+2024-01-26T15:59:02,False
+2024-01-26T16:07:13,False
diff --git a/data/ADE-Scheduler/outageReport.csv b/data/ADE-Scheduler/outageReport.csv
@@ -175,3 +175,5 @@ date,UP
 2024-01-26T09:23:52,True
 2024-01-26T09:39:50,True
 2024-01-26T09:49:22,True
+2024-01-26T16:01:01,True
+2024-01-26T16:07:37,True
diff --git a/data/ADE/outageReport.csv b/data/ADE/outageReport.csv
@@ -176,3 +176,5 @@ date,UP
 2024-01-26T09:23:51,True
 2024-01-26T09:39:50,True
 2024-01-26T09:49:01,True
+2024-01-26T16:00:39,True
+2024-01-26T16:07:14,True
diff --git a/data/Comproved/outageReport.csv b/data/Comproved/outageReport.csv
@@ -174,3 +174,5 @@ date,UP
 2024-01-26T09:23:52,True
 2024-01-26T09:39:50,True
 2024-01-26T09:49:23,True
+2024-01-26T16:01:03,True
+2024-01-26T16:07:39,True
diff --git a/data/Gradescope/outageReport.csv b/data/Gradescope/outageReport.csv
@@ -173,3 +173,5 @@ date,UP
 2024-01-26T09:23:53,True
 2024-01-26T09:39:50,True
 2024-01-26T09:49:24,True
+2024-01-26T16:01:04,True
+2024-01-26T16:07:41,True
diff --git a/data/IDP-Logging/outageReport.csv b/data/IDP-Logging/outageReport.csv
@@ -166,3 +166,4 @@ date,UP
 2024-01-26T09:23:57,True
 2024-01-26T09:39:52,True
 2024-01-26T09:49:31,True
+2024-01-26T16:07:54,True
diff --git a/data/Inginious/outageReport.csv b/data/Inginious/outageReport.csv
@@ -169,3 +169,4 @@ date,UP
 2024-01-26T09:23:55,True
 2024-01-26T09:39:52,True
 2024-01-26T09:49:28,True
+2024-01-26T16:07:48,True
diff --git a/data/Intranet/outageReport.csv b/data/Intranet/outageReport.csv
@@ -172,3 +172,5 @@ date,UP
 2024-01-26T09:23:54,True
 2024-01-26T09:39:50,True
 2024-01-26T09:49:25,True
+2024-01-26T16:01:07,True
+2024-01-26T16:07:43,True
diff --git a/data/LEPL1104/outageReport.csv b/data/LEPL1104/outageReport.csv
@@ -167,3 +167,4 @@ date,UP
 2024-01-26T09:23:56,True
 2024-01-26T09:39:52,True
 2024-01-26T09:49:30,True
+2024-01-26T16:07:51,True
diff --git a/data/LEPL1201/outageReport.csv b/data/LEPL1201/outageReport.csv
@@ -166,3 +166,4 @@ date,UP
 2024-01-26T09:23:57,True
 2024-01-26T09:39:52,True
 2024-01-26T09:49:31,True
+2024-01-26T16:07:53,True
diff --git a/data/Moodle/outageReport.csv b/data/Moodle/outageReport.csv
@@ -171,3 +171,5 @@ date,UP
 2024-01-26T09:23:54,True
 2024-01-26T09:39:50,True
 2024-01-26T09:49:26,True
+2024-01-26T16:01:09,True
+2024-01-26T16:07:45,True
diff --git a/data/UCLSport/outageReport.csv b/data/UCLSport/outageReport.csv
@@ -167,3 +167,4 @@ date,UP
 2024-01-26T09:23:56,True
 2024-01-26T09:39:51,True
 2024-01-26T09:49:29,True
+2024-01-26T16:07:49,True
diff --git a/data/UCLouvain/outageReport.csv b/data/UCLouvain/outageReport.csv
@@ -170,3 +170,4 @@ date,UP
 2024-01-26T09:23:55,True
 2024-01-26T09:39:51,True
 2024-01-26T09:49:27,True
+2024-01-26T16:07:46,True
diff --git a/data/UDS/outageReport.csv b/data/UDS/outageReport.csv
@@ -168,3 +168,4 @@ date,UP
 2024-01-26T09:23:55,True
 2024-01-26T09:39:51,True
 2024-01-26T09:49:29,True
+2024-01-26T16:07:49,True
diff --git a/services.json b/services.json
@@ -3,111 +3,111 @@
     "name": "404-Test",
     "url": "https://www.google.com/404",
     "is_up": false,
-    "last_checked": "2024-01-26T09:48:59.925733",
+    "last_checked": "2024-01-26T16:07:13.475796",
     "is_up_user": true,
     "last_user_report": "2024-01-25T13:39:26.809039"
   },
   "ADE": {
     "name": "ADE",
     "url": "https://horaire.uclouvain.be/direct/",
     "is_up": true,
-    "last_checked": "2024-01-26T09:49:01.074049",
+    "last_checked": "2024-01-26T16:07:14.963536",
     "is_up_user": true,
     "last_user_report": "2024-01-25T13:39:26.809039"
   },
   "ADE-Scheduler": {
     "name": "ADE-Scheduler",
     "url": "https://ade-scheduler.info.ucl.ac.be/calendar/",
     "is_up": true,
-    "last_checked": "2024-01-26T09:49:22.792389",
+    "last_checked": "2024-01-26T16:07:37.512198",
     "is_up_user": true,
     "last_user_report": "2024-01-25T13:39:26.809039"
   },
   "Comproved": {
     "name": "Comproved",
     "url": "https://app.comproved.com/universite-de-louvain",
     "is_up": true,
-    "last_checked": "2024-01-26T09:49:23.560318",
+    "last_checked": "2024-01-26T16:07:39.793163",
     "is_up_user": true,
     "last_user_report": "2024-01-25T13:39:26.809039"
   },
   "Gradescope": {
     "name": "Gradescope",
     "url": "https://www.gradescope.com/",
     "is_up": true,
-    "last_checked": "2024-01-26T09:49:24.409293",
+    "last_checked": "2024-01-26T16:07:41.771968",
     "is_up_user": true,
     "last_user_report": "2024-01-25T13:39:26.809039"
   },
   "Intranet": {
     "name": "Intranet",
     "url": "https://intranet.uclouvain.be",
     "is_up": true,
-    "last_checked": "2024-01-26T09:49:25.721478",
+    "last_checked": "2024-01-26T16:07:43.768342",
     "is_up_user": true,
     "last_user_report": "2024-01-25T13:39:26.809039"
   },
   "Moodle": {
     "name": "Moodle",
     "url": "https://moodle.uclouvain.be/",
     "is_up": true,
-    "last_checked": "2024-01-26T09:49:26.440706",
+    "last_checked": "2024-01-26T16:07:45.266010",
     "is_up_user": true,
     "last_user_report": "2024-01-25T13:39:26.809039"
   },
   "UCLouvain": {
     "name": "UCLouvain",
     "url": "https://www.uclouvain.be/",
     "is_up": true,
-    "last_checked": "2024-01-26T09:49:27.590741",
+    "last_checked": "2024-01-26T16:07:46.498855",
     "is_up_user": true,
     "last_user_report": "2024-01-25T13:39:26.809039"
   },
   "Inginious": {
     "name": "Inginious",
     "url": "https://inginious.info.ucl.ac.be/",
     "is_up": true,
-    "last_checked": "2024-01-26T09:49:28.316998",
+    "last_checked": "2024-01-26T16:07:48.325947",
     "is_up_user": true,
     "last_user_report": "2024-01-25T13:39:26.809039"
   },
   "UDS": {
     "name": "UDS",
     "url": "https://uds.siws.ucl.ac.be/",
     "is_up": true,
-    "last_checked": "2024-01-26T09:49:29.048463",
+    "last_checked": "2024-01-26T16:07:49.188776",
     "is_up_user": true,
     "last_user_report": "2024-01-25T13:39:26.809039"
   },
   "UCLSport": {
     "name": "UCLSport",
     "url": "https://sites.uclouvain.be/uclsport/",
     "is_up": true,
-    "last_checked": "2024-01-26T09:49:29.743471",
+    "last_checked": "2024-01-26T16:07:49.989319",
     "is_up_user": true,
     "last_user_report": "2024-01-25T13:39:26.809039"
   },
   "LEPL1104": {
     "name": "LEPL1104",
     "url": "https://perso.uclouvain.be/vincent.legat/zouLab/epl1104.php",
     "is_up": true,
-    "last_checked": "2024-01-26T09:49:30.488821",
+    "last_checked": "2024-01-26T16:07:51.838231",
     "is_up_user": true,
     "last_user_report": "2024-01-25T13:39:26.809039"
   },
   "LEPL1201": {
     "name": "LEPL1201",
     "url": "https://perso.uclouvain.be/vincent.legat/zouLab/epl1201.php",
     "is_up": true,
-    "last_checked": "2024-01-26T09:49:31.274276",
+    "last_checked": "2024-01-26T16:07:53.892289",
     "is_up_user": true,
     "last_user_report": "2024-01-25T13:39:26.809039"
   },
   "IDP-Logging": {
     "name": "IDP-Logging",
     "url": "https://idp.uclouvain.be",
     "is_up": true,
-    "last_checked": "2024-01-26T09:49:31.499325",
+    "last_checked": "2024-01-26T16:07:54.450433",
     "is_up_user": true,
     "last_user_report": "2024-01-25T15:27:38.889172"
   }

diff --git a/static/img/log/404-Test.png b/static/img/log/404-Test.png
diff --git a/static/img/log/ADE-Scheduler.png b/static/img/log/ADE-Scheduler.png
diff --git a/static/img/log/ADE.png b/static/img/log/ADE.png
diff --git a/static/img/log/Comproved.png b/static/img/log/Comproved.png
diff --git a/static/img/log/Gradescope.png b/static/img/log/Gradescope.png
diff --git a/static/img/log/Inginious.png b/static/img/log/Inginious.png
diff --git a/static/img/log/Intranet.png b/static/img/log/Intranet.png
diff --git a/static/img/log/LEPL1104.png b/static/img/log/LEPL1104.png
diff --git a/static/img/log/LEPL1201.png b/static/img/log/LEPL1201.png
diff --git a/static/img/log/Moodle.png b/static/img/log/Moodle.png
diff --git a/static/img/log/UCLSport.png b/static/img/log/UCLSport.png
diff --git a/static/img/log/UCLouvain.png b/static/img/log/UCLouvain.png
diff --git a/static/img/log/UDS.png b/static/img/log/UDS.png
diff --git a/static/img/log/outageReport404-Test.png b/static/img/log/outageReport404-Test.png
diff --git a/static/img/log/outageReportADE-Scheduler.png b/static/img/log/outageReportADE-Scheduler.png
diff --git a/static/img/log/outageReportADE.png b/static/img/log/outageReportADE.png
diff --git a/static/img/log/outageReportComproved.png b/static/img/log/outageReportComproved.png
diff --git a/static/img/log/outageReportGradescope.png b/static/img/log/outageReportGradescope.png
diff --git a/static/img/log/outageReportIDP-Logging.png b/static/img/log/outageReportIDP-Logging.png
diff --git a/static/img/log/outageReportInginious.png b/static/img/log/outageReportInginious.png
diff --git a/static/img/log/outageReportIntranet.png b/static/img/log/outageReportIntranet.png
diff --git a/static/img/log/outageReportLEPL1104.png b/static/img/log/outageReportLEPL1104.png
diff --git a/static/img/log/outageReportLEPL1201.png b/static/img/log/outageReportLEPL1201.png
diff --git a/static/img/log/outageReportMoodle.png b/static/img/log/outageReportMoodle.png
diff --git a/static/img/log/outageReportUCLSport.png b/static/img/log/outageReportUCLSport.png
diff --git a/static/img/log/outageReportUCLouvain.png b/static/img/log/outageReportUCLouvain.png
diff --git a/static/img/log/outageReportUDS.png b/static/img/log/outageReportUDS.png
diff --git a/static/main.css b/static/main.css
@@ -9,37 +9,51 @@ body {
     min-height: 100vh;
 }
 
-#header{
+#header {
     color: white;
     background-color: rgb(0, 12, 51);
-    text-align: left;
+    text-align: center;
     margin: 0;
     padding: 10px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between; /* Distribute space between items */
+}
 
+.header-buttons {
     display: flex;
-    align-items: center; /* Center vertically */
+    align-items: center;
 }
 
-.header-button{
-    color:white;
+.header-button {
+    color: white;
     padding: 10px;
-    margin:0;
-
+    margin: 0;
     transition: 300ms;
 }
 
-a.header-button{
+a.header-button {
     color: white;
     text-decoration: none;
 }
 
-.header-button:hover{
+.header-button:hover {
     background-color: rgb(38, 51, 95);
     cursor: pointer;
-
     transition: 50ms;
 }
 
+#title {
+    padding: 0;
+    margin: 0;
+    text-align: center; /* Center the title */
+    font-weight: bold;
+    font-size: 20px;
+}
+
+
+
+
 /*For mobile*/
 @media (max-width: 600px) {
     .header-button{

diff --git a/static/styleItem.css b/static/styleItem.css
@@ -73,7 +73,7 @@ h2{
 
 #up {
     display: inline-block; /* Ensure the link behaves like a block-level element */
-    padding: 10px 150px 10px 150px; /* Optional: Add padding for better visual appearance */
+    padding: 10px 170px 10px 170px; /* Optional: Add padding for better visual appearance */
     background-color: rgb(114, 187, 120); /* Optional: Add background color */
     color: white; /* Optional: Set text color */
     text-decoration: none; /* Optional: Remove underline */
@@ -123,11 +123,11 @@ h2{
 /*For mobile*/
 @media (max-width: 600px) {
     #down {
-        padding: 10px 100px 10px 100px;
+        padding: 10px 40px 10px 40px;
     }
 
     #up {
-        padding: 10px 115px 10px 115px;
+        padding: 10px 55px 10px 55px;
     }
 }
 

diff --git a/static/styleRequest.css b/static/styleRequest.css
@@ -13,14 +13,17 @@ label{
 
 input, textarea{
     background-color: lightgray;
-    width: 20%;
+    width: 30%;
     border-style: none;
 
     font-size: 20px;
 
     border-radius: 10px;
     margin: 10px;
     padding: 10px;
+
+    transition: 200ms;
+
 }
 
 textarea{
@@ -42,3 +45,26 @@ textarea{
 #feedback{
     height: 20px;
 }
+
+/*For mobile*/
+@media (max-width: 900px) {
+    input, textarea{
+        background-color: lightgray;
+        width: 60%;
+        border-style: none;
+
+        font-size: 20px;
+
+        border-radius: 10px;
+        margin: 10px;
+        padding: 10px;
+
+        transition: 200ms;
+    }
+
+    #submit{
+        background-color: rgb(144, 145, 150);
+        width: 30%;
+
+    }
+}
diff --git a/static/styleServiceList.css b/static/styleServiceList.css
@@ -67,4 +67,49 @@ th, td{
     border-bottom: 1px solid #dddddd; /* Add a bottom border for the divider */
     margin-bottom: 4px; /* Adjust margin for better spacing */
     background-color: red;
+}
+
+@media (max-width: 600px) {
+    table{
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        width: 90%;
+
+        border-collapse: collapse;
+    }
+
+    th, td{
+        text-align: center;
+        margin-top:1px;
+        border-bottom: 1px solid #adacac;
+        padding-left: 5px;
+    }
+
+    h4{
+        font-size: 12px;
+    }
+
+    h3{
+        font-size: 14px;
+    }
+
+    a {
+        font-size:12px
+    }
+
+    .thumb{
+        font-size: 13px;
+        width: 45px;
+    }
+
+    #up{
+        font-size: 13px;
+        padding: 10px 25px 10px 25px;
+    }
+
+    #down{
+        font-size: 13px;
+        padding: 10px 20px 10px 20px;
+    }
 }