Create load planning form using Angular5 and Bootstrap
- Status: Closed
- Prize: $250
- Entries Received: 5
- Winner: Nunaram
Project Page: Load Planning
Page will display an array of dispatches, allow for filtering, updating, and deleting of dispatches, which can be modeled with fake data in a preloaded array for display purposes in completion of this contest. The requirements of the array elements (dispatches) are:
Driver : String,
Dispatch Date : DateTime,
Truck : Int,
Trailer : Int,
Order Number : Int,
Customer : String,
Load Instructions: Text/String,
Load Number/Release Number: Int,
Billing Information: String,
Dispatch Status : String
□ Display array of dispatches in rows
□ Have column to update a dispatch
o Clicking update will pop up a modal allowing for adjustment of dispatch properties and saving only when the user clicks save. See image for reference.
□ Have a column to delete a dispatch
o Modal to ask if they are sure (yes, no)
o If yes, delete dispatch, if no close modal with no action
□ New Dispatch is a button but is outside of scope of load planning page
□ Radio buttons on left: Filters dispatches based on Dispatch Status, default is All
□ Navigation: Dropdown menu when clicked and push section of “Dispatch Load Planning” accordingly. Once clicked again menu will hide again and return “Dispatch Load Planning” to as shown in image.
o Optional: Create dummy navigation menu
□ Top Right User menu: Load with dummy dropdown menu featuring settings and logout.
□ Filter based on values typed in search boxes of each column
□ Highlight rows based on Dispatch Status
“Nunaram completed the scope of the contest and any changes quickly and accurately. He responds quickly and is willing to suggest methods to improve upon what was asked for in the scope. It was a pleasure working with him.”
njlowtone, United States.