È il momento di un esercizio per consolidare tutto quello che ha imparato fino ad ora.

Ti propongo di seguirmi nel corso di questa lezione e guardare quello che faccio, dopodiché, stoppare la lezione e provare per quello che riesci, pur cercando su Google, pur facendoti aiutare dall'intelligenza artificiale, a ricostruire le stesse cose che ho fatto io.

Come esercizio ti propongo di costruire un'area riservata all'utente loggato, nella quale possa vedere tutte e sole le richieste che sono state fatte da lui.

Cosa dobbiamo fare? Creiamo come prima cosa una pagina.

La pagina in questo caso la chiamiamo ad esempio um my trattino requests.

Ovviamente puoi chiamarla come vuoi e in questo caso ti propongo di clonarla dalla pagina admin dove già è presente un repeating group che mostra, tutte quelle che sono le richieste.

Noi poi in questa pagina, andremo a filtrarle.

Creo la pagina, così ce l'ho già pronta.

In questo caso è già presente l'Eder, è già presente il repeating group.

Dovrò restringere le richieste di ricontatto che vengono mostrate, quindi in questo caso gli dirò mostra solo le richieste di ricontatto, dove l'email è uguale a Current user email.

Current user è l'utente loggato.

Che cos'altro devo fare, oltre a questo? Devo proteggere questa pagina di modo che se un utente non loggato, prova a guardarla, venga sbalzato via, non che semplicemente la veda vuota, perché da punto primo è brutto ed ha una cattiva user experience.

Punto secondo non è sicuro, perché l'utente che accede a questa pagina può scaricare tutte quelle che sono le chiamate che noi facciamo a database e se il nostro database non è adeguatamente protetto, andare a estrarre dati che non sono di sua proprietà.

Quindi che cosa facciamo? Andiamo a mettere un flusso che dice, Nuovo Quindi diciamo.

Se l'utente che atterra su questa pagina, è logged out, quindi non è loggato, facciamo subito un redirect, non gliela faccio neanche caricare la pagina e redirect gliela faccio fare sulla pagina index, quindi lo ributto sulla home.

O anzi, lo butto sulla pagina di autenticazione, quindi tu atterra su una pagina dove non hai il permesso, perché non sei loggato, ti propongo di loggarti e ti butto automaticamente sulla pagina out.

Poi cos'altro devo fare? Devo far sì che le privacy rule permettano all'utente di vedere le proprie richieste di ricontatto.

In questo caso avevamo utilizzato una regola molto restrittiva che diceva che solo gli admin, potevano andare a vedere le richieste di ricontatto, quindi vado sulla parte dei dati, clicco su privacy, mi posiziono sul data type richieste di ricontatto e creo una nuova regola.

utente non può vedere proprio.

Le ho chieste, quindi gli do un nome che sia comprensibile.

Quindi gli dico, when this richieste di ricontatto creator is current user, anche in questo caso potrà vedere tutto, quindi non solo, se il current user è un admin che può vedere tutto quanto, ma anche se l'utente è loggato ed è lui il creatore di una specifica richiesta può vederlo.

Tutti gli altri, quindi chi o non è un admin o non è direttamente il creatore di una specifica richiesta, non può vedere proprio un bel niente.

In questo modo abbiamo protetto, sia a livello di pagina, sia a livello di database, che questa è quella più importante, quindi una doppia protezione, i nostri dati che sono in questo momento assolutamente sicuri.

Ora che cosa ci può mancare su qua? um Possiamo aggiungere un'azione di navigazione aggiuntiva, ad esempio possiamo posizio- posizionarci sul nostro header, e far sì che quando si clicca la scritta wow si viene reindirizzati sulla homepage.

Di questo modo abbiamo sempre un modo per tornare all' homepage.

Quindi quando il testo wow viene cliccato, gli diciamo fai un'azione di navigazione e vai alla pagina, Index che è la nostra homepage.

E poi possiamo aggiungere, ad esempio un'iconcina qua.

Dove mettiamo, vediamo se troviamo l'iconcina della persona.

La mettiamo anche lei centrata.

Adesso cosa facciamo? Allarghiamo un pochino la default builder wid per comprendere meglio come si comporta il nostro, se così fosse un po' troppo, mettiamo 1600.

Come si comporta, così non ci piace perché vogliamo che ad esempio, um questa iconcina si raggruppata con questa tutta sulla destra, quindi le selezione entrambe, gli faccio il tasto destro, group elements in row container.

Dopodiché a questo row container gli dirò fit with to content.

Okay, in questo modo le ho raggruppate, ho schiacciato il container a stare ben aderenti su quello che è il suo contenuto e dopodiché invece il comportamento che era già impostato, dove un elemento va da una parte e l'altra va dall'altra, ha di nuovo effetto.

Quindi in questo caso gli darò un'azione a questa iconcina qua di andare sull'area loggata.

Quindi in questo caso gli dirò, Gli aggiungo un workflow, gli dico quando quiconcina è cliccata, vai alla pagina che abbiamo detto essere My request.

E poi aggiungo una finezza in più, cioè se io non sono loggato, Faccio sì che non è possibile raggiungere questa um questa pagina, anzi, Mando sulla sulla pagina di login.

Quindi cosa gli dico? Gli dico vai alla pagina, my request solo quando, Current user is logged in.

Quindi se sei loggato quando viene schiacciato questo pulsantino ti mando sulla tua area riservata.

Invece? Alta azione di navigazione nel momento in cui current user, Is logged out, quindi se 61 utente che non è ancora loggato, ti mando sulla pagina di autenticazione.

A questo punto facciamo la prova con il nostro utente e ci logghiamo.

Qua da database vai su all users, hai la possibilità di lanciare il sito impersonando uno specifico utente.

Andiamo in preview, quindi ora clicco su Wow e sono sulla homepage.

Nel momento in cui clicco questa iconcina, Vengo rimandato sulla pagina.

Del mio profilo, che però in questo momento appare vuota perché non ho richieste che sono state fatte da me, mentre ero loggate.

Quindi torno qua su Wao e faccio una vera e propria richiesta.

Inserisco qua la mia mail, adesso qua ne inserisco una assolutamente casuale perché tanto um l'importante è che tu sia il il creatore di questa di questa richiesta per poterla poi visualizzare nel tuo profilo.

Anzi sai cosa possiamo fare? Qua facciamo in modo che se tu sei loggato la tua mail si autocompila, così evitiamo una rottura al nostro cliente.

Torniamo nel nostro editor, ci posizioniamo su design, e andiamo sulla nostra um index, dove andiamo a mostrare il gruppo lasciaci la tua mail che altrimenti è nascosto.

Qua gli aggiungiamo.

In condizionale, dove gli diciamo W.

Current user is logged in.

Cambiamo l'initial content che sarà, Karen Kuser.

E-mail, in questo modo viene autocompilato.

Andiamo a vedere se questa cosa che abbiamo fatto funziona, quindi torno sulla preview e ricalico la pagina.

Ci posizioniamo su richieste e vedi che la mail è già precompilata con quella del nostro utente finto.

Qua mettiamo le richieste qualsiasi e clicchiamo.

Quindi la tua richiesta di um è stata ricevuta con successo.

A questo punto possiamo andare a controllare se nella nostra area riservata compare ed eccola qua.

Vedi che compare.

A questo punto possiamo togliere gli elementi relativi anzi recicolatore esposta e inviatore esposta.

In questo momento non ci interessano, quindi torniamo.

Sull'editor, andiamo sulle richieste.

E andiamo ad eliminare questi due elementi di cui non abbiamo bisogno.

Ora torniamo in preview.

E andiamo a verificare che effettivamente se faccio logout mi scompare la possibilità di visualizzare le le richieste degli altri.

Quindi ora clicco su quest'iconcina che è collegata a un flusso che mi fa fare logout.

Clicco e vedi che non solo scompare, ma vengo reindirizzato sulla pagina di login Sign up, sulla base di quello che era il um il flusso che abbiamo impostato precedentemente, che diceva se la pagina viene caricata, ma l'utente non è loggato mandalo via, quindi nel momento in cui io mi sloggo automaticamente il l'applicazione se ne accorge e mi sposta via, mi rimanda sulla pagina di autenticazione.

Congratulazioni, se sei riuscito a fare tutto fino a qua stai acquisendo veramente un ottimo livello.

Ci vediamo nelle prossime elezioni.