major graphic updates

pastore99 · Jan 3, 2024 · 47d6dc5 · 47d6dc5
1 parent 455cfa5
commit 47d6dc5
Show file tree

Hide file tree

Showing 6 changed files with 316 additions and 231 deletions.
diff --git a/src/main/java/controller/ScheduleServlet.java b/src/main/java/controller/ScheduleServlet.java
@@ -32,11 +32,6 @@ else if (action.equalsIgnoreCase("deleteSchedule")) {
                 scheduleManager.deleteSchedule(userId,(request.getParameter("date")),(request.getParameter("timeslot")));
                 response.sendRedirect("JSP/schedule.jsp");
             }
-            else if (action.equalsIgnoreCase("modifySchedule")) {
-                int idReserved = Integer.parseInt(request.getParameter("idReserved"));
-                scheduleManager.modifySchedule(userId,(request.getParameter("date")),(request.getParameter("timeslot")),(request.getParameter("ndate")),(request.getParameter("ntimeslot")),idReserved);
-                response.sendRedirect("JSP/schedule.jsp");
-            }
 
             //azioni fatte dal paziente
 

diff --git a/src/main/webapp/CSS/schedule.css b/src/main/webapp/CSS/schedule.css
@@ -2,28 +2,40 @@ body {
     font-family: Georgia, sans-serif;
     width: 100%;
     max-width: 800px;
-    margin: 0 auto;
     padding: 20px;
     font-size:2em;
+    color: #252526;
+    margin: 0 auto;
 }
 
+
+
+
 #calendar {
+    background-color: #f9fafb;
     text-align: center;
 }
 
 #calendarTable {
+    background-color: #42e3d4;
     width: 100%;
     border-collapse: collapse;
-    margin-top: 20px;
-    margin-bottom: 20px;
+    margin-top: 30px;
+    margin-bottom: 30px;
     display: flex;
     overflow-x: auto;
     white-space: nowrap;
+    height: 120px;
 }
 
 #calendarTable th, #calendarTable td {
-    border: 1px solid black;
-    padding: 10px;
+    flex-direction: column;
+    align-items: flex-start;
+    padding: 20px;
+    position: relative;
+    flex: 0 0 auto;
+    background-color: #ffffff;
+    border-radius: 50px;
 }
 
 #calendarTable tr:nth-child(even) {
@@ -40,19 +52,28 @@ body {
 
 
 
+
 #timeTable {
+    background-color: #42e3d4;
     width: 100%;
     border-collapse: collapse;
-    margin-top: 20px;
-    margin-bottom: 20px;
+    margin-top: 30px;
+    margin-bottom: 30px;
     display: flex;
     overflow-x: auto;
     white-space: nowrap;
+    height: 120px;
 }
 
 #timeTable th, #timeTable td {
-    border: 1px solid black;
-    padding: 10px;
+    flex-direction: column;
+    align-items: flex-start;
+    padding: 20px;
+    position: relative;
+    flex: 0 0 auto;
+    background-color: #ffffff;
+    border-radius: 50px;
+    margin-right: 20px; /* Spazio tra i div */
 }
 
 #timeTable tr:nth-child(even) {
@@ -65,22 +86,106 @@ body {
 
 
 
-/* Aggiungi stili per la nuova tabella */
-.modTable {
+
+#seltimecaldiv{
+    background-color: #42e3d4;
     width: 100%;
     border-collapse: collapse;
     margin-top: 20px;
     margin-bottom: 20px;
+    border-radius: 50px;
+    overflow-x: auto;
+    white-space: nowrap;
+}
+
+
+
+
+.divbar{
+    background-color: #199a8e;
+    width: 100%;
+    border-collapse: collapse;
+    margin-top: 1.3em;
+    margin-bottom: 1.3em;
+    border-radius: 50px;
     overflow-x: auto;
     white-space: nowrap;
+    height: 1.3em;
 }
 
-.modTable th,
-.modTable td {
-    border: 1px solid black;
+
+
+
+.modTable {
+    display: flex;
+    background-color: #42e3d4;
+    width: 100%;
+    border-collapse: collapse;
+    color: #252526;
+    margin-top: 1.3em;
+    margin-bottom: 1.3em;
+    border-radius: 20px;
+    border-collapse: separate;
+    border-spacing: 15px;
+    overflow-x: auto;
+    white-space: nowrap;
+}
+
+
+
+
+.button {
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
     padding: 10px;
+    position: relative;
+    background-color: #199a8e;
+    border-radius: 9999px;
+
+    font-family: Georgia, serif;
+    color: #ffffff;
+    font-size: .7em;
+    white-space: nowrap;
+
+    box-sizing: border-box;
 }
 
-.modTable tr:nth-child(even) {
-    background-color: #f2f2f2;
+.buttonimg {
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+    padding: 10px;
+    position: relative;
+    background-color: #ffffff;
+    border-radius: 9999px;
+
+    font-family: Georgia, serif;
+    color: #ffffff;
+    font-size: .7em;
+    white-space: nowrap;
+
+    box-sizing: border-box;
+}
+
+h2{
+    color:#199a8e;
+    font-weight: 700;
 }
+
+.header {
+    font-family: Georgia, serif;
+    text-align: center;
+    color:#199a8e;
+    font-weight: 700;
+}
+
+.notification{
+    float: right;
+    height: 1.3em;
+}
+
+.profile{
+    float: left;
+    height: 1.3em;
+}
diff --git a/src/main/webapp/JS/schedule.js b/src/main/webapp/JS/schedule.js
@@ -9,7 +9,7 @@ document.getElementById('calendarTitle').textContent = `${new Date().toLocaleStr
 
 
 function createCalendar() {
-    const monthNames = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
+    const monthNames = ["Gennaio", "Febbraio", "Marzo", "Aprile", "Maggio", "Giugno", "Luglio", "Agosto", "Settembre", "Ottobre", "Novembre", "Dicembre"];
     document.getElementById('calendarTitle').textContent = `${monthNames[currentMonth]} ${currentYear}`;
 
     let firstDayOfMonth = new Date(currentYear, currentMonth, 1).getDay();