This is the last message to convert CSFV frontend to use AngularJS.

You are updating csfv_frontend_module in this challenge, branch master.

We are converting Messages tab frontend JS code in the website to use AngularJS and get it back to be functional.

Challenge Requirements

You will address the following in this challenge :

• The messages tab is currently hidden in user profile, you need to display it again.

• The frontend JS code exists in csfv_frontend_module/public/js/messages.js

  • The backend code is the csfv_chat_module which run as a standalone chat societ.io application, this application is out of scope, you are not changing anything in this module.

  • This code is using a ChatClient object which is exposed by our chat application, you are not refactoring ChatClient code or anything in csfv_chat_module application.

• The messages.js will be updated to be AngularJS and merged with the main AngularJS app https://github.com/topcoderinc/csfv_frontend_module/blob/master/public/ng/main.js

• You need to update the messages tab views to AngularJS partials.

• New Feature to be implemented :

  • In New Message popup we want the username fields to be auto complete field.

• Remove the old messages.js code and any related code that is not needed.

• Cleanup csfv_frontend_module README files to list only required configurations.

• Follow this document for AnguarJS best practices :

  • all frontend Angularjs files should be placed under /public/ng folder in csfv_frontend_module.

• We are open to your creativity for refactoring the functionality.

• Update test data generator if needed.

• The website works in all browsers, but please make sure your solution load properly on IE browsers versions : 9, 10, and 11.

Testing

It is highly recommended that you set up an old version of the csfv_frontend_module to compare your solution with the old code work.

In order to do that use ‘production’ branch as it is currently using the old version (prior to AngularJS conversion).

Documentation Provided

• The deployment guide of the CSFV website located in the github private repos, in README file. Ask questions in challenge forums. if you have troubles deploying the websites.

Source Code

Source code exists in private github repo https://github.com/topcoderinc/

If you get 404 then you need permission to access it. Request it in challenge forums, copilot will add you to the repository and you should receive email about you being added to github. Post your *github* account name when requesting access.

• csfv_frontend_module (use master branch)

• csfv_chat_module (use master branch)

• csfv_test_data_generator (use master branch)

• csfv_backend_module (use master branch)

Get Started

You need to run the following to get CMS running and Frontend application pages up :

• Checkout csfv_test_data_generator

• Update db configuration in config/development.js, you don’t need to change it if you are using localhost in default port, and no username/password.

• Run ‘npm install’

• Run ‘node app.js’

• Kill the app when you see ‘generation done.

• Checkout csfv_chat_module

• Update configuration and follow README

• run ‘npm install’

• run ‘node app-chat.js’

• Checkout csfv_frontend_module

• Update configuration following README.

• run ‘npm install’

• run ‘node app-sockets.js’

• run ‘node app.js’

• access http://csfv.com:8889/social/messages (first you need to login)

Final Submission Guidelines

Submission Deliverables

Below is an overview of the deliverables:

• Patch file of changes.

• Deployment document with verification screens for reviewers.

Final Submission

For each member, the final submission should be uploaded to the Online Review Tool.