##Ionic2-Meteor Login This repository extends ionic2-meteor-boilerplate adding Meteor accounts, login and account management components, and Oauth services from Google and Facebook.
- Please refer to the base repository README for additional documentation.
##Screenshots
###Login Components
###Validation
###Navigation Menu
###Account Management
##What's New
- Login Components
- LoginPage
- Container page for the different card components
- LoginCardComponent
- Inputs for email and password
- CreateAccountCardComponent
- Inputs for first and last name, email address, and password
- ForgotPasswordCardComponent
- Input for email address to send password reset code.
- PasswordResetCardComponent
- Inputs for password reset code and new password
- OauthProviderComponent
- Buttons to open a pop-up for logging in using an Oauth provider
- LoginPage
- Navigation menu items
- Logged in
- Sign In
- LoginPage
- User Info - Account Management
- AccountMenuPage
- Sign In
- Logged out
- Sign Out
- Global
- About
- AboutPage
- About
- Logged in
- Account Management Components
- AccountMenuPage
- Navigation page for account management options
- ChangePasswordPage
- Confirm current password and enter new password
- EditProfilePage
- Change first and last name
- Add/Edit/Remove image for user avatar
- Supporting files
app/client/imports/app/components
- AddImageComponent
- Image resource
app/public/images/
- add_image_camera_photo.png
app/client/imports/app/utils/
- ImageHandler.ts
app/both/
- FileUtil.ts
- Supporting files
- AccountMenuPage
- Form validation and toast messages
- Supporting files
app/client/utils/
- FormValidator.ts
- ValidationResultInterface.ts
- ToastMessenger.ts
- Supporting files
- Stylesheets
- New
scss
files for styling form inputs and validation
- New
- METEOR_SETTINGS
config/development/settings.json
- New
private
fields for oauth credentials
- New
- Meteor packages
- Oauth Services
- service-configuration
- accounts-facebook
- accounts-google
- Toast Messages
- chrismbeckett:toastr
- Icons
- fortawesome:fontawesome
- Adding Image
- mdg:camera
- Oauth Services
- Cordova Plugins
- Adding Image
- cordova-plugin-camera@2.3.0
- Optional
- cordova-plugin-device@1.1.3
- cordova-plugin-inappbrowser@1.5.0
- cordova-plugin-network-information@1.3.0
- Adding Image
##Oauth Services Refer to the developer guides for the different Oauth providers to set up and configure your app to use Oauth services and obtain the required credentials.
#####Development redirect urls
http://localhost:3000/_oauth/google
http://localhost:3000/_oauth/facebook
Once you have configured redirect urls, retrieve your credentials and add them to corresponding fields in config/development/settings.json
.
You should then be able to run npm start
and create an account using Oauth Services or using the app's registration form.
##Account Creation and Management
-
Please refer to
app/client/imports/app/pages/account/login/oauth/oauth-provider.ts
to edit requested Oauth permissions. -
Please refer to
app/server/lib/accounts.js
for Oauth provider account creation and password reset email.- You can retrieve values for the requested permissions and save them to the user's profile.
- You can edit the text of the email sent for password recovery.