-
Notifications
You must be signed in to change notification settings - Fork 0
/
editProfilePage.html
108 lines (96 loc) · 4.38 KB
/
editProfilePage.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Canarias Oculta | Profile</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="styles.css">
<link rel="stylesheet" type="text/css" href="responsive.css">
<script>
function matchPassword() {
document.getElementById('pswd1')
.setCustomValidity('');
var password = document.getElementById("pswd1").value;
var passwordRepeat = document.getElementById("pswdRepeat").value;
if (document.getElementById("newUser").checkValidity()) {
if (password != passwordRepeat) {
document.getElementById('pswd1')
.setCustomValidity('Las contraseñas deben coincidir.');
} else {
alert("Cambio de datos de usuario realizado con éxito.");
window.localStorage.setItem("username", document.getElementById("newUserName").value);
window.location.href="dynamicUser.html";
}
}
}
</script>
</head>
<body>
<div class="navbar-p">
<a href="dynamicHome.html">Logo</a>
<a style="float:right" href="dynamicUser.html">Usuario</a>
<div style="float:right" class="dropdown-p">
<button class="dropbtn">Islas
<i class="fa fa-caret-down"></i>
</button>
<div class="dropdown-content">
<a href="dynamicIsland.html">El Hierro</a>
<a href="dynamicIsland.html">La Palma</a>
<a href="dynamicIsland.html">La Gomera</a>
<a href="dynamicIsland.html">Tenerife</a>
<a href="dynamicIsland.html">Gran Canaria</a>
<a href="dynamicIsland.html">Lanzarote</a>
<a href="dynamicIsland.html">Fuerteventura</a>
<a href="dynamicIsland.html">La Graciosa</a>
</div>
</div>
</div>
<div class="container container-edit-profile">
<div class="row">
<div class="col col-md-4 col-lg-6">
<img src="" class="profilePicture" alt="">
<button class="submitBtn">Upload Image</button>
</div>
<div class="col-md-8 col-lg-6">
<h3>Datos de usuario</h3>
<form id="newUser" action="dynamicUser.html">
<input id="newUserName" placeholder="Usuario" minlength="3" type="username" required name="user"><br><br>
<input required id="pswd1" placeholder="Contraseña" minlength="8" type="password" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" name="pswd1"> <br><br>
<input required id="pswdRepeat" placeholder="Confirme contraseña" minlength="8" type="password" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" name="pswd2"> <br><br>
<button type="submit" onclick="matchPassword()">Submit</button>
</form>
<div id="message">
<h3>Su contraseña debería contener lo siguiente: </h3>
<p id="letter" class="invalid">Una letra <b>en minúscula</b> </p>
<p id="capital" class="invalid">Una letra <b> en MAYÚSCULAS</b> </p>
<p id="number" class="invalid">Un <b>número</b></p>
<p id="length" class="invalid">Un mínimo de <b>8 caracteres</b></p>
</div>
<button class="submitBtn" id="btn-cancel-profile">Cancel</button>
</div>
</div>
</div>
<footer>
<div>
<h3>Canarias Oculta: autores</h3>
<p>Rubén Santana Lorenzo</p>
<P>Marcos Medina</P>
<p>Marcos Díaz Gil</p>
<p>Alberto Melián Rodríguez</p>
</div>
<div>
<h3>Testing footer title</h3>
<p>Testing footer TEXT</p>
<p>Testing footer TEXT</p>
<p>Testing footer TEXT</p>
</div>
<div>
<h3>Testing footer title</h3>
<p>Testing footer TEXT</p>
<p>Testing footer TEXT</p>
<p>Testing footer TEXT</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</body>
</html>