LA FINESTRA DI ACCESSO
LEZIONE 4: LA FINESTRA DI ACCESSO
In questa quarta lezione viene creata la finestra di accesso tramite una Lightbox; impariamo a gestire dati di ingresso ed effettuare verifiche e filtri con i dati inseriti. Vedremo inoltre come passare dati con le sessioni.
-
LIVELLO: base
-
GRAFICA: si
-
CODICE: si
-
DATABASE: no
Codice della Pagina
SUGGERIMENTO: siccome spesso se si scrive il codice di evento direttamente nella zona codice l' interprete non funziona bene, l' evento Click del bottone va creato dalla finestra proprietà clickando sul metodo 'onClick'. L' interprete aggiungerà automaticamente la porzione di codice qui segnata in rosso, all' interno della quale andrà inserito il codice rimanente (la porzione indicata in blu ed in nero).
import wixUsers from 'wix-users';
import wixData from 'wix-data';
import wixLocation from 'wix-location';
import {session} from 'wix-storage';
export function button2_click(event) {
wixData.query("dbUtenti")
.eq("email", $w('#input1').value) // filtra in base all' email
.find()
.then( (results) => {
if(results.items.length > 0) {
let items = results.items;
let password = items[0].password; // prende dal db il valore del campo password
let loggedID = items[0]._id; // id field
let seenID = items[0].lastLogin; // id field
if (password === $w('#input2').value) { // verifica la password
$w("#text2").text = ("User Recognized");
$w("#text2").show();
$w("#text3").text = loggedID;
session.setItem('myownID',$w("#text3").text); // usa una sessione per memorizzare l' ID in una variabile
wixLocation.to('/dbutenti/'+ loggedID) // percorso della pagina dinamica singola
}else {
$w("#text2").text = ("Password mismatch");
$w("#text2").show();
}
} else {
$w("#text2").text = ("User not found");
$w("#text2").show();
}
});
}