Aggiunta tutta l'interfaccia grafica per le modifiche dei dati del pa…

…ziente con anche cambio password, manca solo la sub-navbar (cosniglio di crearne una adattabile cos' da crearne uan sola e aggiungerla a ogni html tramite il tag iframe)
pastore99 · Dec 23, 2023 · bee400f · bee400f
1 parent 2515d74
commit bee400f
Show file tree

Hide file tree

Showing 16 changed files with 844 additions and 0 deletions.
diff --git a/META-INF/application.xml b/META-INF/application.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<application xmlns="https://jakarta.ee/xml/ns/jakartaee"
+             xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+             xsi:schemaLocation="https://jakarta.ee/xml/ns/jakartaee https://jakarta.ee/xml/ns/jakartaee/application_9.xsd"
+             version="9">
+
+</application>
diff --git a/META-INF/glassfish-application.xml b/META-INF/glassfish-application.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE glassfish-application PUBLIC "-//GlassFish.org//DTD GlassFish Application Server 3.1 Java EE Application 6.0//EN"
+    "http://glassfish.org/dtds/glassfish-application_6_0-1.dtd">
+<glassfish-application>
+</glassfish-application>
diff --git a/pom.xml b/pom.xml
@@ -56,6 +56,11 @@
             <artifactId>jakarta.mail</artifactId>
             <version>1.6.5</version>
         </dependency>
+        <dependency>
+            <groupId>javax.servlet</groupId>
+            <artifactId>javax.servlet-api</artifactId>
+            <version>4.0.1</version>
+        </dependency>
 
     </dependencies>
 

diff --git a/src/main/webapp/CSS/Cambio_dati.css b/src/main/webapp/CSS/Cambio_dati.css
@@ -0,0 +1,148 @@
+*{
+    padding: 0;
+    margin: 0;
+}
+body
+{
+    align-items: center;
+}
+
+form
+{
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+    gap: 10px;
+    padding: 25px;
+    border-radius: 8px;
+}
+.up
+{
+    padding-top: 200px;
+    background-color: #199A8E;
+    height:20vh;
+    width: 100vw;
+}
+
+.up div
+{
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+    width:67vw;
+}
+
+h2
+{
+    font-size: 50px;
+    color: white;
+}
+img
+{
+    width: 7vw;
+    height: 7vw;
+}
+
+#paziente
+{
+    width: 10vw;
+    height: 10vw;
+    position: absolute;
+    top:28vh;
+    left: 49vw;
+    z-index: 2;
+    border-radius: 50%;
+    border: 4px solid white;
+}
+.down
+{
+    z-index: 1;
+    background-color: white;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding-top: 25px;
+}
+
+.input-field {
+    position: relative;
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding-bottom: 35px;
+}
+
+.input {
+    margin-top: 15px;
+    width: 75%;
+    outline: none;
+    border-radius: 8px;
+    height: 5vh;
+    border: 3px solid black;
+    background: transparent;
+    padding-left: 10px;
+    font-size: 35px;
+}
+.input:focus {
+    border: 1.5px solid #2d79f3;
+}
+.input-field .label {
+    position: absolute;
+    top: 25px;
+    left: 150px;
+    color: #ccc;
+    transition: all 0.3s ease;
+    pointer-events: none;
+    z-index: 2;
+    font-size: 50px;
+}
+.input-field .input:focus ~ .label,
+.input-field .input:valid ~ .label {
+    top: 5px;
+    left: 145px;
+    font-size: 35px;
+    color: #2d79f3;
+    background-color: #ffffff;
+    padding-left: 5px;
+    padding-right: 5px;
+}
+
+.save
+{
+    z-index: 2;
+    position: sticky;
+    bottom: 0;
+    padding: 10px;
+    background-color: white;
+    border-radius: 35px 35px 0 0;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    box-shadow: 0px -10px 10px -10px #888;
+}
+
+.submit-btn {
+    margin-top: 30px;
+    margin-left: 50px;
+    margin-right: 50px;
+    height: 55px;
+    width: 300px;
+    background: #f2f2f2;
+    border-radius: 11px;
+    border: 0;
+    outline: none;
+    color: #ffffff;
+    font-size: 35px;
+    font-weight: 700;
+    background: linear-gradient(180deg, #363636 0%, #1b1b1b 50%, #000000 100%);
+    box-shadow: 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #000000;
+    transition: all 0.3s cubic-bezier(0.15, 0.83, 0.66, 1);
+    cursor: pointer;
+}
+
+.submit-btn:hover {
+    box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #0000003a;
+}
diff --git a/src/main/webapp/CSS/Change_Password.css b/src/main/webapp/CSS/Change_Password.css
@@ -0,0 +1,131 @@
+*
+{
+    padding: 0;
+    margin: 0;
+}
+
+body{
+    width: 100vw;
+    height: 100vh;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.up
+{
+    width: 100vw;
+    height: 15vh;
+    background-color: #199A8E;
+}
+
+h2
+{
+    font-size: 50px;
+    padding-top: 50px;
+    padding-bottom: 40px;
+}
+
+p{
+    color: grey;
+    font-size: 35px;
+    text-align: center;
+}
+
+input {
+    width: 100%;
+    padding: 12px 16px;
+    border-radius: 6px;
+    font-family: inherit;
+    border: 1px solid #ccc;
+    font-size: 50px;
+    margin-top: 50px;
+}
+
+input::placeholder {
+    opacity: 0.5;
+}
+
+input:focus {
+    outline: none;
+    border-color: #1778f2;
+}
+
+button {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-family: inherit;
+    color: #fff;
+    background-color: #199A8E;
+    border: none;
+    width: 100%;
+    padding: 12px 16px;
+    font-size: 50px;
+    gap: 8px;
+    margin: 50px 0;
+    cursor: pointer;
+    border-radius: 6px;
+    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.084), 0px 2px 3px rgba(0, 0, 0, 0.168);
+
+}
+
+button:hover {
+    background-color: #313131;
+}
+
+#popup {
+    display: none;
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    background-color: #fff;
+    border: 1px solid #ccc;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+    width: 70vw;
+    height: 30vh;
+    border-radius: 35px 35px 35px 35px;
+}
+
+#popup #popup-uscita
+{
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+#popup img
+{
+    width: 7vw;
+    height: 7vw;
+
+}
+#popup p
+{
+    padding-top: 90px;
+    font-size: 50px
+}
+
+#popup .input
+{
+    padding-top: 35px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+button
+{
+    padding: 20px 35px;
+    border: 0;
+    border-radius: 100px;
+    color: white;
+    font-weight: Bold;
+    transition: all 0.5s;
+    -webkit-transition: all 0.5s;
+    font-size: 40px;
+    background-color: #199A8E;
+}