sulmanweb / email-reset-html-page

Should be shown to enter new password after verifying reset password

Reset Password HTML Page

Should be shown to enter new password after verifying reset password

Preview HTML Page

made by @sulmanweb

Technologies used:

• Semantic UI 2.2.10 (css) https://semantic-ui.com
• AngularJS 1.6.5
• Angular Translate 2.15.2

Details

This is a single page that shows to client a form to save new password after forgetting it.

The key ingredient is the translation. This page will show the messages in language by checking browser or user preferred language.

Also to change the text in page is much easy and also easy to enter translations according to desired new language.

Usage

• First clone the repo
• the open the app.js and make changes in this portion to change text of english:

$translateProvider.translations('en_US', {
            'APP_NAME': 'Work Chat',
            'THANKS': 'Thank You for Subscribing',
            'CONFIRM_SUCCESS_MESSAGE': 'Your email has been successfully confirmed. Thanks for using our services.',
            'FOOTER': 'Work Chat, Sulman Baig, Pakistan'
        });

• You can also create new language translation by just adding another object like given above with language shortkey. Also change the preffered language in app.js as you like.
• Also change var url = 'http://localhost:3000/api/auth/password'; according to your back end api.
• Now compress back the app.js by any compressor to make app.min.js. I compress using jscompress
• Now double click o index.html and you will see the confirmation message with browser preferred language.

Callouts

Thanks to the following, this was not possible without them:

• @angular-translate (Angular Translate)