Integrated Operation Center - ID Tool - UI Prototype - Additional Fixes

Welcome to Integrated Operation Center - ID Tool UI Prototyping Challenge.

Client of this challenge is looking to revamp their current desktop application into a web application, as a part of this process - we are looking for the topcoder developer community’s help in developing the new, refreshing and modern web based application that will help Site Managers, Operators, Business Analysts and Admins with the ability:
- To view the list of meetings that were conducted/attended
- To view list of action items
- To view the LO/TO (lockout/tagout) of the assets

In this challenge, we are looking you to work on the winning submission from previous challenge and finish Calendar View and additional fixes required by the client. This app will be designed to be a responsive web app, which will primarily be used on desktop and should use responsive components in bootstrap library.

You will find the following assets attached on the challenge forum (available on registration):

• Sketch design source
• Link to access the Gilab repo for existing code
• Zeplin invitation

Required Pages:

Calendar View
- 1.7 Meetings - Calendar.png
- 1.9 Meetings - Calendar - Attendee List.png

Addtional Fixes:

• Beside the “LOGO” have the Group Name that is currently selected
• When switching between groups have the color theme change. The groups all have a an RGB color associated with it. We can switch it to HEX if needed.

• Need to add meeting times, Start and End
• Add Date to Sign-In Time

3. Action Items

• We can Hide PHA & PSSR from both the “main page” and from the “add new”.
• Show completion status on all Action Items.
• Add an email Button that will include the selected items: 
  • Title
  • Action Item/Recommendation
  • Cause (if applicable)
  • Safestart/CriticalError (if applicable)
  • Process Safety Element (if applicable)
  • Associated Plan (if applicable)
  • Concern (if applicable)
  • Addressed to whomever the action Item is assigned by querying tbl_Anorm_Personnel using the userID to get their email addresses (Task for integration, not in scope of this challenge)
• Add a “General” category for Action items. 
  • Required Fields (“General Action Item”, “Action Item/Recommendation”, “Cause”, “Safestart/CriticalError”, “Process Safety Element”, “Due Date”, and “Assignee”).
• + New Action Item – “General Action Item” should be 
  • Cause Map = “Cause Map Title”
  • CEM = “CEM Title”
  • Incident Review = “Incident Title”
  • PSM Audit = “PSM Audit Title”
  • General = “General Action Item”
• + New Action Item – CEM - Replace “Cause” with “Associated Plan”, Replace “Safetstart/Critical Error” with “Concern”, and remove “Process Safety Element”.
• + New Action Item – Increase the size of the text fields for:
  • Action Item/Recommendation
  • Cause
  • Safestart/CriticalError
  • Process Safety Element
  • Associated Plan
  • Concern
• + New Action Item – Add auto complete to Assignee
• Edit Action Item – Add a “Rejected Date” option
• Edit Action Item – Add a “Comment” text box (multiline)

4. LO/TO 

• + New LO/TO Item – Location will be a Combobox (Auto Complete)
• + New LO/TO Item – Add “List of Valves/Process Points” Text Box 
• + New LO/TO Item – Add “3rd Party Lock (if present)” Text Box
• + New LO/TO Item – Increase the size of the text fields for:
  • Reason
  • List of Valves/Process Points
  • 3rd Party Lock (if present)
• + New LO/TO Item – remove “LOTO Removed” field.
• Add an email Button that will include the selected items: 
  • Group
  • Location Name
  • Date/Time LOTO applied
  • Reason
  • List of Valves/Process Points
  • 3rd Party Lock (if present)
  • Addressed to whomever locks are on by querying tbl_Anorm_Personnel using the userID to get their email addresses (Task for integration, not in scope of this challenge)
• Edit LOTO Item - Add “Removed By” Combobox

Note: Please make sure that your coding style is consistent with the winning submission so that it will be easier for integration challenge.

Technologies Used
Angular 5.x
Bootstrap 4.x

Web Browser Requirements
IE11
Microsoft Edge
Firefox, Safari and Chrome latest version

Final Submission Guidelines

Submit a git patch for the latest commit in the develop branch.