Create load planning form using Angular5 and Bootstrap

Status: Closed
Prize: $250
Entries Received: 5
Winner: Nunaram

Winner

Contest Brief

Project Page: Load Planning
Purpose:
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:
Dispatch {
Driver : String,
Dispatch Date : DateTime,
Truck : Int,
Trailer : Int,
Order Number : Int,
Customer : String,
Shipper: String,
Receiver: String,
Product: String,
Gallons/Tons: Decimal,
BOL: Int,
Load Instructions: Text/String,
Load Number/Release Number: Int,
Billing Information: String,
Dispatch Status : String
}
Requirements:
□ 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

Recommended Skills

Winner

Post a Contest Like This

Employer Feedback

“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.

Top entries from this contest

Nunaram India

1
cisco336isco336 Venezuela

0
dixitvora2020 India

0

Public Clarification Board

dixitvora2020
- 5 years ago
pls do reply so that we can think that our work is not in lost
- 5 years ago
dixitvora2020
- 5 years ago
https://youtu.be/Nb6rFFh8GGU this is the video of the work that we have done and as there is some issue in uploading the work in here you can see it there
- 5 years ago
dixitvora2020
- 5 years ago
we are working on it pls wait for our entry
- 5 years ago
shopshoppy
- 5 years ago
working on it .plz wait for our entry.
- 5 years ago
prasantabnrg4
- 5 years ago
You want us to develop a page similar to the one you attached or is that attachment just for understanding?
- 5 years ago
1. Contest Holder
  - 5 years ago
  The attachment is a rendering of exactly how we want it to look and the details elaborate on the functionality we desire. We would like a page developed to look as the attachment does. Also, we would like clicking update to bring up the modal on the right side, kind of as a drawer, as depicted on the right side of the attachment.
  - 5 years ago
Nunaram
- 5 years ago
Please checkout entry #1 or watch demo on Youtube - https://www.youtube.com/watch?v=c7itIQSdmxU
- 5 years ago