Challenge Overview
Welcome to Quartz Energy - Offset Operator Frac Schedule AngularJS REST API Wrap Up Code Challenge
For this is challenge, you need to continue updating Angular 5 application & the REST Api app from previous winning submission to wrap up the app on challenge specification below.
Let’s discuss any questions you have on challenge forum.
MarvelApp Flow:
https://marvelapp.com/cb7ggce
Challenge Assets
GDrive: https://drive.google.com/open?id=1gI5J6a6uc2Z4hmP0H2XDIVuAvmRYZta1
Previous app with Mapbox implementation: 524041.zip
Storyboard Source Files: Quartz_Frac_Map_Updates.zip
AngularApp Source Code
https://gitlab.com/quartz-energy/ops-frac-schedule/web-application
Application support 3 roles, make sure your updates affect all roles
operator/password
admin/password
user/password
REST API Source Code
https://gitlab.com/quartz-energy/ops-frac-schedule/api-services-alt
Postman Collection for API endpoints Testing
https://gitlab.com/quartz-energy/ops-frac-schedule/api-services-alt/tree/dev/docs
Submission Requirements
General Tasks
- We need you update related AngularJS app or REST Api for this challenge submissions.
- Some data might not exists on REST API, as part of this challenge you need fix the REST API to support the required fixes.
- For this Wrap up code challenge, it’s part of your task to fix any issues from existing or updated code.
- Check your submission on required browsers explained below.
- Remove unnecessary files after your updates
1). Replace the Map
- Swap current Google map to Mapbox
- Make sure the marker and tooltips data remain like existing
- Map need display the US state green line
- We also need make sure the line measurement working on the new Mapbox
- Update the line measurement color to app blue color
- Get familiar with the API here: https://www.mapbox.com/mapbox-gl-js/api
2). Improve Search Input
- Update placeholder text to Search Well Name, Well API, State, Operator or Date
- Need able to search Well name, Well API, Operator or Date
- By default no need display the state green line on map view
- If search by State need zoom the map to selected State and display the State lines
- You need improve current initial state to include all US states.
- If search by Well name or Well API need zoom the map to selected Well.
- If search by Operator, display all wells from the related Operator
- If search by Date, display all related Date (Frac Start or Frac End)
3). Export List View to CSV
- Export data on List View to CSV
4). Export Chart View to CSV
- Export data on Chart View to CSV
- Possible to generate the colored chart bar?
5). Email All Contacts
- When user click email all Contacts need auto-populates the email to all the folks using the company name list.
- Email should be blank and the person then can type the message he/she wants to type
6). Add Company
- Click Add Company button need load another sidebar flyout. You can re-use Add contact section.
- You might need use different icon.
- Update the title to be Add Company
- Fields need displayed are:
-- Company Name
-- Email
-- Address
-- Phone
-- City
-- State
- After add company need add to the left sidebar
- Display success message after update the data
- Build Edit Company function as well
7). Upcoming Schedule Column
- Operator column need move to the 1st column
- When click All Operators dropdown should no show up the horizontal scrollbar
- Maybe you can use right align?
8). Operator Upcoming Schedule
Screenshot: 08_1_operator_upcoming_schedule.png
- To get this Operator Upcoming Schedule, you need use login with operator role only.
- Re-use existing Upcoming Schedule table
- How you design REST Api for this different Operator Upcoming Schedule?
- Create the initial data for Operator Upcoming Schedule
- Click checkbox need load the Well Review content on the right side (Screenshot: 08_2_operator_upcoming_schedule.png)
- Checked by - UserId captured using the login screen information will help
- This is to point out their review done and comments on the item.
- Click Confirm Button need send the data and update the table value
9). Initial layout look on every pages
Map View
- When click Map view, hide the Schedule Summary
Chart View
- When click Chart view, just need displayed the grey header bar, hide other elements
10). Unit Testing
- We need you to fix all existing and updated codes to passed the unit testing scoring with minimum 90% coverage of both Angular App and the REST API
- Make sure unit testing working with localhost & live site url configuration.
- All source code that implement the challenge requirements.
- Updated Scripts DB input file.
- README in markup language (if Any)
- Updated Swagger File (If Any)
- Updated Postman Config File (If Any)
Web Browsers Requirements
- IE11
- Microsoft Edge
- Firefox latest version
- Safari latest version
- Chrome latest version
For this is challenge, you need to continue updating Angular 5 application & the REST Api app from previous winning submission to wrap up the app on challenge specification below.
Let’s discuss any questions you have on challenge forum.
MarvelApp Flow:
https://marvelapp.com/cb7ggce
Challenge Assets
GDrive: https://drive.google.com/open?id=1gI5J6a6uc2Z4hmP0H2XDIVuAvmRYZta1
Previous app with Mapbox implementation: 524041.zip
Storyboard Source Files: Quartz_Frac_Map_Updates.zip
AngularApp Source Code
https://gitlab.com/quartz-energy/ops-frac-schedule/web-application
Application support 3 roles, make sure your updates affect all roles
operator/password
admin/password
user/password
REST API Source Code
https://gitlab.com/quartz-energy/ops-frac-schedule/api-services-alt
Postman Collection for API endpoints Testing
https://gitlab.com/quartz-energy/ops-frac-schedule/api-services-alt/tree/dev/docs
Submission Requirements
General Tasks
- We need you update related AngularJS app or REST Api for this challenge submissions.
- Some data might not exists on REST API, as part of this challenge you need fix the REST API to support the required fixes.
- For this Wrap up code challenge, it’s part of your task to fix any issues from existing or updated code.
- Check your submission on required browsers explained below.
- Remove unnecessary files after your updates
1). Replace the Map
- Swap current Google map to Mapbox
- Make sure the marker and tooltips data remain like existing
- Map need display the US state green line
- We also need make sure the line measurement working on the new Mapbox
- Update the line measurement color to app blue color
- Get familiar with the API here: https://www.mapbox.com/mapbox-gl-js/api
2). Improve Search Input
- Update placeholder text to Search Well Name, Well API, State, Operator or Date
- Need able to search Well name, Well API, Operator or Date
- By default no need display the state green line on map view
- If search by State need zoom the map to selected State and display the State lines
- You need improve current initial state to include all US states.
- If search by Well name or Well API need zoom the map to selected Well.
- If search by Operator, display all wells from the related Operator
- If search by Date, display all related Date (Frac Start or Frac End)
3). Export List View to CSV
- Export data on List View to CSV
4). Export Chart View to CSV
- Export data on Chart View to CSV
- Possible to generate the colored chart bar?
5). Email All Contacts
- When user click email all Contacts need auto-populates the email to all the folks using the company name list.
- Email should be blank and the person then can type the message he/she wants to type
6). Add Company
- Click Add Company button need load another sidebar flyout. You can re-use Add contact section.
- You might need use different icon.
- Update the title to be Add Company
- Fields need displayed are:
-- Company Name
-- Address
-- Phone
-- City
-- State
- After add company need add to the left sidebar
- Display success message after update the data
- Build Edit Company function as well
7). Upcoming Schedule Column
- Operator column need move to the 1st column
- When click All Operators dropdown should no show up the horizontal scrollbar
- Maybe you can use right align?
8). Operator Upcoming Schedule
Screenshot: 08_1_operator_upcoming_schedule.png
- To get this Operator Upcoming Schedule, you need use login with operator role only.
- Re-use existing Upcoming Schedule table
- How you design REST Api for this different Operator Upcoming Schedule?
- Create the initial data for Operator Upcoming Schedule
- Click checkbox need load the Well Review content on the right side (Screenshot: 08_2_operator_upcoming_schedule.png)
- Checked by - UserId captured using the login screen information will help
- This is to point out their review done and comments on the item.
- Click Confirm Button need send the data and update the table value
9). Initial layout look on every pages
Map View
- When click Map view, hide the Schedule Summary
Chart View
- When click Chart view, just need displayed the grey header bar, hide other elements
10). Unit Testing
- We need you to fix all existing and updated codes to passed the unit testing scoring with minimum 90% coverage of both Angular App and the REST API
- Make sure unit testing working with localhost & live site url configuration.
Final Submission Guidelines
Deliverables- All source code that implement the challenge requirements.
- Updated Scripts DB input file.
- README in markup language (if Any)
- Updated Swagger File (If Any)
- Updated Postman Config File (If Any)
Web Browsers Requirements
- IE11
- Microsoft Edge
- Firefox latest version
- Safari latest version
- Chrome latest version