Repost: Integrated Operation Center - ID Tool UI Prototype

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 for you to convert the provided design into a UI prototype using angularjs. 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.
 
Marvel app link and Sketch design sources for are provided in the forums. All pages in the provided design are within the scope of this challenge.

Required Pages:

01 Meeting Sign In Logs:

• This page allow the user to track who has attended what meetings
• Search and Filter functionality
• Export the list to excel

In addition, the following tabs are also there:

• Show My Meetings (Shows all the meetings were the user is leader for that meeting within the search date range)
• Show All Meetings (Every meeting in the date range (whether you are leader or not))
• Filter All My Reports (Every meeting “The users reporting employees attended” within the date range)
• All My Reports Not attended Meetings (All my reports that have not been to a meeting)
• As a filter option under the above sections (ALS Trainings). This will filter the meeting to just ALS Trainings and when exported will need to fit a specific format

02 Action Items:

• This page will allow users to search through the list of action items (Cause Map, CEM, Incident Review, PSM Audit)
• Based on the Action Item chosen, corresponding filter fields also changes.
• User will have a way to export the list.
• Provide ability for the user to add a new action item and edit existing action items

03 LO/TO:

• This page shows all the assets that are Locked Out or Tagged Out (LO/TO). This screen provides the operator with information about which assets are out for now, and edit the record to mark it off the list.
• User will have the ability to add a new LO/TO or edit existing LO/TO
• Grid View of all Assets Which has been Locked:
  • This shows any data record that does not have a “LOTO Removed” date populated, client prefers showing this as a grid instead of a list.
  • Lockout/Tagout Information: Each item in the grid will have these information “Group, Location, Date Locked on, Operator, Reason for LOTO, Value/ Process Points, 3rd Party Locks, LOTO Removed Date, Logged by”
  • User will have option to edit each of the item to add the values of “LOTO Removed (Datetime picker)" when this value is added it is moved to the Historical Data
• Historical Data
  • This shows any data record for which “LOTO Removed” date is populated.
  • They will be able to search and filter through this list of historical data, all those values mentioned above in the "Lockout/Tagout Information" will be available as filters.

Use a json file as source of data and don't use any hard coded data values in the components.

Note: We will be adding several "Modules" pages to this project with similar functionality in future. So please organize your code structure which can be expandable for future development.

Web Browser Requirements

• IE11
• Microsoft Edge
• Firefox, Safari and Chrome latest version

Final Submission Guidelines

Submit the updated source code in a zip file