From 069096b8438ca9ac51cf39c77652dc1270e292b7 Mon Sep 17 00:00:00 2001 From: Dslak Date: Thu, 14 Oct 2021 11:15:10 +0200 Subject: [PATCH] add password recovery --- api/send_mail.php | 4 +- api/user_add.php | 3 +- components/account/account.html | 5 +- components/account/account.js | 4 +- components/account/account.scss | 7 ++ components/breadcrumb/breadcrumb.html | 3 + .../passwordRecovery/passwordRecovery.html | 80 +++++++++++++++++++ .../passwordRecovery/passwordRecovery.js | 5 ++ .../passwordRecovery/passwordRecovery.scss | 60 ++++++++++++++ components/sectionHeader/sectionHeader.html | 3 + pages/recupera-password.ejs | 2 + src/scss/main.scss | 1 + 12 files changed, 171 insertions(+), 6 deletions(-) create mode 100644 components/passwordRecovery/passwordRecovery.html create mode 100644 components/passwordRecovery/passwordRecovery.js create mode 100644 components/passwordRecovery/passwordRecovery.scss create mode 100644 pages/recupera-password.ejs diff --git a/api/send_mail.php b/api/send_mail.php index 20b9121..b42edc6 100644 --- a/api/send_mail.php +++ b/api/send_mail.php @@ -4,7 +4,7 @@ use PHPMailer\PHPMailer\SMTP; use PHPMailer\PHPMailer\Exception; require 'vendor/autoload.php'; -function sendEmail($toEmail, $toName, $subject, $body) { +function sendEmail($toEmail, $toName, $subject, $body, $from = 'ordini') { $mail = new PHPMailer(true); @@ -18,7 +18,7 @@ function sendEmail($toEmail, $toName, $subject, $body) { $mail->SMTPSecure = "ssl"; $mail->Port = 465; - $mail->setFrom('ordini@iolovolio.com', 'IoLovOlio'); + $mail->setFrom($from.'@iolovolio.com', 'IoLovOlio'); $mail->addAddress(trim($toEmail), "$toName"); $mail->isHTML(true); diff --git a/api/user_add.php b/api/user_add.php index a550f7f..ca588e2 100644 --- a/api/user_add.php +++ b/api/user_add.php @@ -19,7 +19,6 @@ $data = json_decode(file_get_contents("php://input")); $query = "SELECT * FROM `users` WHERE email = '".trim($data->email)."'"; $stmt = $conn->prepare($query); - $toEmail = trim($data->email); $toName = trim($data->first_name)." ".trim($data->last_name); $subject = 'Iolovolio - Registrazione'; @@ -50,7 +49,7 @@ if($stmt->execute()) { )); } else { - $sent = sendEmail($toEmail, $toName, $subject, $body); + $sent = sendEmail($toEmail, $toName, $subject, $body, 'noreply'); if($sent === true) { $query = "INSERT INTO `users` diff --git a/components/account/account.html b/components/account/account.html index e26b4a6..72c914b 100644 --- a/components/account/account.html +++ b/components/account/account.html @@ -57,7 +57,7 @@
Sei già registrato? - + diff --git a/components/passwordRecovery/passwordRecovery.js b/components/passwordRecovery/passwordRecovery.js new file mode 100644 index 0000000..f8fff3f --- /dev/null +++ b/components/passwordRecovery/passwordRecovery.js @@ -0,0 +1,5 @@ + +$(document).ready( () => { + console.log('Load component - passwordRecovery') + +}) \ No newline at end of file diff --git a/components/passwordRecovery/passwordRecovery.scss b/components/passwordRecovery/passwordRecovery.scss new file mode 100644 index 0000000..cc15e2f --- /dev/null +++ b/components/passwordRecovery/passwordRecovery.scss @@ -0,0 +1,60 @@ +@import "../../src/scss/variables.scss"; +@import "../../src/scss/mixins.scss"; + +.component-passwordRecovery { + padding: 10px 0 40px 0; + min-height: 100vh; + + .message { + color: $white; + background: $brown; + padding: 10px; + margin-bottom: 20px; + @include font-style($font-sans, 'regular', $font-12); + animation: blinker 2s linear 1; + } + + .content { + + .title { + display: block; + @include font-style($font-serif, 400, $font-32); + color: $black; + height: 50px; + } + + .subtitle { + display: block; + @include font-style($font-sans, 700, $font-16); + color: $gray; + height: 40px; + } + + .label { + display: block; + @include font-style($font-sans, 700, $font-16); + color: $gray; + padding: 15px 0 5px 0; + } + + .errors { + display: block; + @include font-style($font-sans, 700, $font-16); + color: $red; + padding: 15px 0 5px 0; + } + + .input { + max-width: 400px; + &.error { + border: 1px solid $red; + } + } + + .submit { + @include font-style($font-serif, 700, $font-16); + } + } +} + + diff --git a/components/sectionHeader/sectionHeader.html b/components/sectionHeader/sectionHeader.html index c5e6794..385a2a5 100644 --- a/components/sectionHeader/sectionHeader.html +++ b/components/sectionHeader/sectionHeader.html @@ -16,6 +16,9 @@ case 'account': $section_label = 'account'; break; + case 'recupera-password': + $section_label = 'recupera password'; + break; case 'acquistare': case 'carrello': case 'checkout': diff --git a/pages/recupera-password.ejs b/pages/recupera-password.ejs new file mode 100644 index 0000000..1e1f914 --- /dev/null +++ b/pages/recupera-password.ejs @@ -0,0 +1,2 @@ + +${require('../components/passwordRecovery/passwordRecovery.html')} diff --git a/src/scss/main.scss b/src/scss/main.scss index 7589adb..9a09b6e 100644 --- a/src/scss/main.scss +++ b/src/scss/main.scss @@ -25,3 +25,4 @@ @import "./components/checkout/checkout.scss"; @import "./components/thankyou/thankyou.scss"; @import "./components/account/account.scss"; +@import "./components/passwordRecovery/passwordRecovery.scss";