-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathdiario.html
85 lines (73 loc) · 3.6 KB
/
diario.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
<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>L.I.F.E | Diario</title>
<!-- Chart.js -->
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<!-- Style nostri -->
<link rel="stylesheet" href="styles/general.css">
<link rel="stylesheet" href="styles/dashboard.css">
<!-- import scripts -->
<script src="scripts/importHeaderNavbar.js"></script> <!-- Importa la Navbar e la Headbar -->
<script src="scripts/gestioneUtente.js"></script>
<script src="scripts/caricaJSON.js"></script>
<script src="scripts/utils.js"></script>
</head>
<body>
<!--INIZIO CONTAINER PRINCIPALE-->
<div class="container custom-container mt-5 px-md-5">
<!--TITOLO PAGINA -->
<h1 class="titoloPagina fw-bold mb-4">DIARIO PERSONALE</h1>
<!-- INIZIO PANNELLO PASSI -->
<div id="pannelloDiario" class="mb-4">
<div class="sottotitoloCategoria d-flex justify-content-left">
<h4 class="fw-bold me-4">Le mie note</h4>
<button class="bottoneApriPannelloAggiungi bottonePersonalizzato px-4 py-1 mb-1 text-center fw-bold"
id="bottoneApriPannelloAggiungiNota"><i class="bi bi-plus-lg"></i> Aggiungi</button>
</div>
<!-- INIZIO FORM AGGIUNTA NOTA -->
<div class="pannelloAggiungiDato p-4 background-light mt-2" id="pannelloAggiungiNota">
<button class="bottoneChiudiDesktop position-absolute fw-bold" id="bottoneChiudiDesktopNota"><i
class="bi bi-x fw-bold"></i></button><!-- BOTTONE PER DESKTOP -->
<h4 class="titoloPannelloAggiungiDato fw-bold d-flex"> <button class="bottoneChiudiMobile fw-bold"
id="bottoneChiudiMobileNota"><i class="bi bi-chevron-left fw-bold"></i></button> Aggiungi Nota</h4>
<!--TITOLO PAGINA -->
<div class="row align-items-center">
<div class="col-12 text-right pb-1">
<button class="bottoneConsigliami bottonePersonalizzato px-4 py-1 mb-2 text-center fw-bold"
id="consigliamiBtnNota"><i class="bi bi-lightbulb-fill"></i> Consigliami</button>
</div>
<!-- INIZIO CONSIGLIO -->
<div class="container text-right pb-1">
<div class="pannelloAggiungiDato p-4 mt-2 consiglioAlert" id="consiglioAlert" style="right:10px !important;">
<b>Consiglio: </b><span id="textConsiglio">A simple warning alert—check it out!</span>
</div>
</div>
<form class="row g-3" id="formAggiungiNota">
<div class="col-auto">
<label for="titoloNota" class="form-label">Titolo Nota</label>
<input type="text" class="form-control" id="aggiungiNotaTitolo"
placeholder="Inserisci il titolo della nota" required>
</div>
<div class="col-12">
<label for="testoNota" class="form-label">Testo Nota</label>
<textarea class="form-control" id="aggiungiNotaTesto" rows="5" placeholder="Inserisci il testo della nota"
required></textarea>
</div>
<div class="col-auto align-self-end">
<input type="submit" class="bottonePersonalizzato px-4 py-1 mb-1 text-center fw-bold" id="btnAggiungiNota"
text="Invia">
</div>
</form>
</div>
<!-- FINE FORM AGGIUNTA NOTA -->
<div class="row mb-3 pannelloDiario">
</div>
</div>
</div>
</body>
<script src="scripts/gestioneDiario.js"></script>
<script src="scripts/consiglio.js"></script>
</html>