TopCoder Direct - Challenges Section Filters Panel

In this challenge, we want to add the filter panel to the Challenges section which we recently added into TopCoder Direct. 

Requirements Details

We have implemented Challenges section, added two tables

• Challenges I created : https://www.topcoder.com/direct/my/createdChallenges.action
• All My Challenges : https://www.topcoder.com/direct/my/challenges.action

These two tables call the Direct API to get the data from the sever side. All the pagination operations (changing page size, Navigating to a specific page, Previous page, Next Page) and sort operations (i.e. Clicking the table column headers to sort the that column) are done by calling the Direct API (https://github.com/cloudspokes/direct-api)

In this challenge, we will implement the Filter Panel feature

• The filter panel should be similar to the filter panel in Active Challenges page (https://www.topcoder.com/direct/enterpriseDashboard/activeContests.action). It will contain 4 dropdowns
  1. Customer - The options will be All the customers the user has access to + "All Customers" option
  2. Project - If "All Customers" is selected, the options will be "All Projects" + All the projects the user has access to. If a specific customer is chosen, the options should be "All Projects" + the projects of the chosen customer. The behavior should be similar to the reporting pages like Cost Report page https://www.topcoder.com/direct/dashboardCostReport.action : Project dropdown options are based on the customer dropdown selection, when a customer option is chosen, an Ajax request should be fired to get the project options from the server side. Please refer to the Cost Report codes on how to implement this.
  3. Challenge Type - All the challenge types available on the platform.
  4. Challenge Status - All the challenge status avaiable on the platform.
• The default options of the filter panels should be same as active challenges page.
  • All Customers
  • All Projects
  • All Challenge Types
  • All Challenge Status
• Any of the dropdown value change should trigger the datatable data chanege. You should use the selected filters to query the Direct API to get the filtered data and re-render the datatables. The Direct API - challenges API have filtering feature implemented, you can refer to the Direct API codes on how to use it (https://github.com/cloudspokes/direct-api).

Environments

VM Environment

You need a TopCoder VM to work on this challenge.

Information about VM can be found below:

VM specific information is found here: http://www.topcoder.com/wiki/display/docs/VM+Image+2.5. Upon registration as a submitter or reviewer you will need to request a VM based on the new TopCoder Cockpit/Direct image. To request your image, please use the forum. Before requesting your VM, you need to ensure that you have an SSH key created and in your member profile. Instructions to do so are here: http://www.topcoder.com/wiki/display/projects/Generate+SSH+Key, and instructions to connect afterwards are here: http://www.topcoder.com/wiki/display/projects/Connect+Using+SSH+Key.

For the direct on VM, please do not use the /home/direct/direct as your work base. Instead you should git clone from https://github.com/cloudspokes/direct-app into another direct for example /home/direct/direct-app.

• Copy token.properties and topcoder_global.properties from the /home/direct/direct to /home/direct/direct-app
• Update topcoder_global.properties to point to the new location  /home/direct/direct-app
  • ���Add a new line direct_service_libdir=${libdir}/tcs/ejb
• You can run 'ant deploy' to deploy the direct after these steps

Direct API

• Please use the direct API which is deployed to our dev box: direct.dev.topcoder.com. The API end points is: http://direct.dev.topcoder.com/direct/api/v2/challenges/
• The end point is configured in the configuration file of direct: token.properties

Source code repostiroy:

Direct : https://github.com/cloudspokes/direct-app

Direct API: https://github.com/cloudspokes/direct-api

Final Submission Guidelines

• The updated / newly added source codes.
• A deployment guide with detailed verification steps.