Skip to content

Commit

Permalink
added the front end part of the userpage
Browse files Browse the repository at this point in the history
  • Loading branch information
@DDDrag0
DDDrag0 committed Dec 23, 2023
1 parent dff8501 commit 9da583b
Show file tree
Hide file tree
Showing 4 changed files with 172 additions and 0 deletions.
61 changes: 61 additions & 0 deletions src/main/webapp/CSS/dettagliUser.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,61 @@
@font-face { font-family: Georgia !important; font-display: swap !important; }
::-webkit-scrollbar {
width: 8px;
}
/* Track */
::-webkit-scrollbar-track {
background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #555;
} body {
background: rgb(242, 242, 242)
}

.form-control:focus {
box-shadow: none;
border-color: #f2f2f2
}

.profile-button {
background: #199A8E; /*colore del bottone*/
box-shadow: none;
border: none
}

.profile-button:hover {
background: #20c997
}

.profile-button:focus {
background: #f2f2f2;
box-shadow: none
}

.profile-button:active {
background: #f2f2f2;
box-shadow: none
}

.back:hover {
color: #f2f2f2;
cursor: pointer
}

.labels {
font-size: 11px
}

.add-experience:hover {
background: #f2f2f2;
color: #fff;
cursor: pointer;
border: solid 1px #f2f2f2
}
6 changes: 6 additions & 0 deletions src/main/webapp/CSS/lib/BootstrapV3_3_7.css
View file

Large diffs are not rendered by default.

7 changes: 7 additions & 0 deletions src/main/webapp/CSS/lib/BootstrapV5_0_0-alpha1.css
View file

Large diffs are not rendered by default.

98 changes: 98 additions & 0 deletions src/main/webapp/JSP/DettagliUser.jsp
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,98 @@
<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<%@ page import="javax.servlet.http.HttpSession" %>
<%@page import="model.entity.User" %> <!--import dell'user-->
<%/*
User userpage = (User) session.getAttribute("utente");
if(userpage == null) {
response.sendRedirect("logIn.jsp"); //send redirect per il controllo dell'accesso in un area riservata
return;
}*/
%>
<!DOCTYPE html>
<html lang="it" style="background-color:#199A8E">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Profile</title>
<link href="../css/lib/BootstrapV5_0_0-alpha1.css" rel="stylesheet">
<link href="../css/dettagliUser.css" rel="stylesheet">
<link href="#" rel="stylesheet">
<script type="text/javascript" src="./js/lib/jQueryUser.js"></script>
</head>
<body>
<!-- include file="header.jsp" per agguingere un possibile header-->
<script src="dettagliuser.js"></script>
<form action="<%= request.getContextPath() %>/profile?action=mod" method="post" style="background-color:#199A8E">
<div class="container rounded bg-white mt-5 mb-5">
<div class="row">
<div class="col-md-3 border-right">
<div class="d-flex flex-column align-items-center text-center p-3 py-5">
<img class="rounded-circle mt-5" width="150px" alt="profile_img" src="https://cdn-icons-png.flaticon.com/512/21/21104.png">
</div>
</div>
<div class="col-md-5 border-right">
<div class="p-3 py-5">
<div class="d-flex justify-content-between align-items-center mb-3">
<h4 class="text-right">Profilo</h4>
</div>
<div class="row mt-2">
<div class="col-md-6">
<label class="labels">Nome</label>
<input required title="inserisci un nome valido" pattern="^[a-zA-Z\d\.]{5,}$" type="text" class="form-control" placeholder="getNome" value="getNome" name="nome">
</div>
<div class="col-md-6">
<label class="labels">Cognome</label>
<input required title="inserisci un cognome valido" pattern="^[a-zA-Z\d\.\s,-]{5,}$" type="text" class="form-control" placeholder="getCognome" value="getCognome" name="cognome">
</div>
</div>
<div class="row mt-3">
<div class="col-md-12">
<label class="labels">Telefono</label>
<input required title="inserisci un numero di telefono valido" pattern="(\d{3}\s?){2}(\d{4}\s?){1}" type="text" class="form-control" placeholder="getTelefono" value="getTelefono" name="telefono">
</div>
<div class="col-md-12">
<label class="labels">Indirizzo</label>
<input required title="inserisci un indirizzo valido" pattern="^[a-zA-Z\d\.\s,-]{5,}$" type="text" class="form-control" placeholder="getIndirizzo" value="getIndirizzo" name="ind">
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="p-3 py-5">
<div class="d-flex justify-content-between align-items-center experience">
<span>Private Settings</span>
</div>
<br>
<div class="col-md-12">
<label class="labels">Email ID</label>
<input required title="inserisci una mail valida" type="email" class="form-control" placeholder="getEmail" value="getEmail" name="email">
</div>
<div class="col-md-12">
<label class="labels">Password</label>
<input required pattern="(?=^.{8,}$)((?=.*\d)|(?=.*\W+))(?![.\n])(?=.*[A-Z])(?=.*[a-z]).*$" title="inserisci minimo 8 caratteri con maiuscole, minuscole e numeri." type="password" class="form-control" placeholder="insert new password" value="getPassword" name="passw">
</div>
</div>

<div class="mt-5 text-center" style="margin-top: 0px !important; margin-bottom: 30px !important;">
<%
// Check user credentials
/*
Boolean adminRoles = (Boolean) session.getAttribute("logopedistRole");
if (adminRoles.booleanValue())
{ */
%>
<a class="btn btn-primary profile-button" href="./admin/adminPage.jsp" style="margin-bottom: 10px !important;">Vai alla pagina di Gestione Pazienti</a>
<br>
<%
//}
%>
<button class="btn btn-primary profile-button" type="submit" value="Submit"style="margin-bottom: 10px !important;">Salva Profilo</button>
<br>
</div>
</div>
</div>
</div>
</form>
</body>
</html>

0 comments on commit 9da583b

Please sign in to comment.