Challenge Overview
Previously, we supported typehead for task assignees by leveraging the member search api, which improves the user behavior a lot. The related changes is Topcoder - Support Typeahead for Task Assignees In Direct App.
For this challenge, we'd to make the similar improvement for Project Permissions & Notifications section In Edit Project page.
Following are the general changes needed. (The changes should be related to the screen like https://cl.ly/3p1028303g0a)
1. Remove ADD USER button and the related popup after clicking the button
2. Add magicsuggest control under Project Permissions & Notifications title, by default, it will show text like "Type the user to add", so user know, how to use it.
3. When enter the user query in the input, the magicsuggest control will make ajax call for search members by supporting typeahead, it will call the member search api for suggestions, like https://api.topcoder.com/v3/members/_search/?query=MEMBER_SEARCH&handle=fire&offset=0&limit=10
3.1 For local deployment, there are mock services for member search api in https://github.com/topcoder-platform/mock-services
3.2 There are already similar implementation, you can check https://github.com/appirio-tech/direct-app/commit/65de6f5a17d3bafd59a0a5a9a13374493951000f
4. When a user is selected in suggestion, instead of putting the selection in input control, it will add the selected user to the table, same as the current logic. For table rendering, please use an obvious way to indicate the newly added users, so we can easily distinguish who is newly added.
5. When clicking the SAVE PERMISSIONS button, the newly added users will be persisted properly with permissions, the newly added indicator should be removed.
About Local Setup
- Please use the dev branch of https://github.com/appirio-tech/direct-app
- Please follow https://github.com/appirio-tech/tc-common-tutorials/tree/master/docker/direct-app to use the Docker and Docker Compose approach to run it locally
- Verification Steps
For this challenge, we'd to make the similar improvement for Project Permissions & Notifications section In Edit Project page.
Following are the general changes needed. (The changes should be related to the screen like https://cl.ly/3p1028303g0a)
1. Remove ADD USER button and the related popup after clicking the button
2. Add magicsuggest control under Project Permissions & Notifications title, by default, it will show text like "Type the user to add", so user know, how to use it.
3. When enter the user query in the input, the magicsuggest control will make ajax call for search members by supporting typeahead, it will call the member search api for suggestions, like https://api.topcoder.com/v3/members/_search/?query=MEMBER_SEARCH&handle=fire&offset=0&limit=10
3.1 For local deployment, there are mock services for member search api in https://github.com/topcoder-platform/mock-services
3.2 There are already similar implementation, you can check https://github.com/appirio-tech/direct-app/commit/65de6f5a17d3bafd59a0a5a9a13374493951000f
4. When a user is selected in suggestion, instead of putting the selection in input control, it will add the selected user to the table, same as the current logic. For table rendering, please use an obvious way to indicate the newly added users, so we can easily distinguish who is newly added.
5. When clicking the SAVE PERMISSIONS button, the newly added users will be persisted properly with permissions, the newly added indicator should be removed.
About Local Setup
- Please use the dev branch of https://github.com/appirio-tech/direct-app
- Please follow https://github.com/appirio-tech/tc-common-tutorials/tree/master/docker/direct-app to use the Docker and Docker Compose approach to run it locally
Final Submission Guidelines
- Git Patch file which can be easily applied to make the changes, please include the commit hash that the patch file should be applied to- Verification Steps