Create load planning form using Angular5 and Bootstrap

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

Contest Brief

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:
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
□ 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

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

Profile image njlowtone, United States.

Top entries from this contest

View More Entries

Public Clarification Board

  • dixitvora2020
    • 6 months ago

    pls do reply so that we can think that our work is not in lost

    • 6 months ago
  • dixitvora2020
    • 6 months ago 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

    • 6 months ago
  • dixitvora2020
    • 6 months ago

    we are working on it pls wait for our entry

    • 6 months ago
  • shopshoppy
    • 6 months ago

    working on it .plz wait for our entry.

    • 6 months ago
  • prasantabnrg4
    • 6 months ago

    You want us to develop a page similar to the one you attached or is that attachment just for understanding?

    • 6 months ago
    1. njlowtone
      Contest Holder
      • 6 months 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.

      • 6 months ago
  • Nunaram
    • 6 months ago

    Please checkout entry #1 or watch demo on Youtube -

    • 6 months ago

Show more comments

How to get started with contests

  • Post your contest

    Post Your Contest Quick and easy

  • Get tons of entries

    Get Tons of Entries From around the world

  • Award the best entry

    Award the best entry Download the files - Easy!

Post a Contest Now or Join us Today!