{"_id":"57ffd85f755a2e1700c2bb13","__v":0,"category":{"_id":"57ffd85f755a2e1700c2bb0b","__v":0,"version":"57ffd85f755a2e1700c2bb05","project":"567083021dabd80d00b122ae","sync":{"url":"","isSync":false},"reference":false,"createdAt":"2015-12-18T23:14:19.433Z","from_sync":false,"order":5,"slug":"jwt-auth","title":"JWT Auth"},"project":"567083021dabd80d00b122ae","parentDoc":null,"user":"567082433a32d20d00c45cab","version":{"_id":"57ffd85f755a2e1700c2bb05","project":"567083021dabd80d00b122ae","__v":1,"createdAt":"2016-10-13T18:54:23.018Z","releaseDate":"2016-10-13T18:54:23.018Z","categories":["57ffd85f755a2e1700c2bb06","57ffd85f755a2e1700c2bb07","57ffd85f755a2e1700c2bb08","57ffd85f755a2e1700c2bb09","57ffd85f755a2e1700c2bb0a","57ffd85f755a2e1700c2bb0b","57ffd85f755a2e1700c2bb0c","57ffd85f755a2e1700c2bb0d"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"3.4.0","version":"3.4"},"updates":[],"next":{"pages":[],"description":""},"createdAt":"2016-04-20T23:26:00.333Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"settings":"","results":{"codes":[]},"auth":"required","params":[],"url":""},"isReference":false,"order":5,"body":"[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Forgot Password\"\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/JeTq2IfRZe7hrEEGyPxD_Screen%20Shot%202016-04-21%20at%202.28.19%20AM.png\",\n        \"Screen Shot 2016-04-21 at 2.28.19 AM.png\",\n        \"824\",\n        \"478\",\n        \"#089be1\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\nForgot password functionality is provided out of the box.\nThe `/forgot-password` route is configured in `routes.config.js`.\nYou have a forgot_password.page.html which holds the forgot-password component.\n\nThe forgot-password component sends an email with a reset-password link.\nYou can check the logic behind it in Auth\\PasswordResetController.php.\n[block:callout]\n{\n  \"type\": \"warning\",\n  \"title\": \"Reset Link\",\n  \"body\": \"The default link is sent as **localhost:8000**. You need to add your own `env` variable to manage the link properly.\"\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"warning\",\n  \"title\": \"Email \\\"from\\\" address\",\n  \"body\": \"Before using this feature, you need to replace the \\\"from\\\" address in `Auth\\\\PasswordResetController.php` from `noreply:::at:::example.com` to your own domain.\"\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Reset Password\"\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/qI8pUzE1SFCTsQu5op4S_Screen%20Shot%202016-04-21%20at%202.29.32%20AM.png\",\n        \"Screen Shot 2016-04-21 at 2.29.32 AM.png\",\n        \"1084\",\n        \"398\",\n        \"#079be1\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\nClicking on the reset password link from the email will open the `/reset-password/:email/:token` route.\nThe `reset-password` component will then immediately check the validity of the token, while a material design loader is spinning.\n\nOnce it's validated against the database, the reset form above shows up. Submitting the form would successfully reset the password.","excerpt":"","slug":"password-reset","type":"basic","title":"Password Reset"}

Get Started

Tutorial

Angular Generators

Progressive Web App

REST API

JWT Auth

Testing

Extras

Password Reset

[block:api-header] { "type": "basic", "title": "Forgot Password" } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/JeTq2IfRZe7hrEEGyPxD_Screen%20Shot%202016-04-21%20at%202.28.19%20AM.png", "Screen Shot 2016-04-21 at 2.28.19 AM.png", "824", "478", "#089be1", "" ] } ] } [/block] Forgot password functionality is provided out of the box. The `/forgot-password` route is configured in `routes.config.js`. You have a forgot_password.page.html which holds the forgot-password component. The forgot-password component sends an email with a reset-password link. You can check the logic behind it in Auth\PasswordResetController.php. [block:callout] { "type": "warning", "title": "Reset Link", "body": "The default link is sent as **localhost:8000**. You need to add your own `env` variable to manage the link properly." } [/block] [block:callout] { "type": "warning", "title": "Email \"from\" address", "body": "Before using this feature, you need to replace the \"from\" address in `Auth\\PasswordResetController.php` from `noreply@example.com` to your own domain." } [/block] [block:api-header] { "type": "basic", "title": "Reset Password" } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/qI8pUzE1SFCTsQu5op4S_Screen%20Shot%202016-04-21%20at%202.29.32%20AM.png", "Screen Shot 2016-04-21 at 2.29.32 AM.png", "1084", "398", "#079be1", "" ] } ] } [/block] Clicking on the reset password link from the email will open the `/reset-password/:email/:token` route. The `reset-password` component will then immediately check the validity of the token, while a material design loader is spinning. Once it's validated against the database, the reset form above shows up. Submitting the form would successfully reset the password.