Create load planning form using Angular5 and Bootstrap

  • Tình trạng: Closed
  • Giải thưởng: $250
  • Các bài thi đã nhận: 5
  • Người chiến thắng: Nunaram

Tóm tắt cuộc thi

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

Các kĩ năng yêu cầu

Phản hồi của người thuê

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

Hình ảnh hồ sơ njlowtone, United States.

Những bài dự thi tốt nhất dự cuộc thi này

Xem thêm bài dự thi

Bảng thông báo công khai

  • dixitvora2020
    dixitvora2020
    • cách đây 1 tháng

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

    • cách đây 1 tháng
  • dixitvora2020
    dixitvora2020
    • cách đây 1 tháng

    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

    • cách đây 1 tháng
  • dixitvora2020
    dixitvora2020
    • cách đây 1 tháng

    we are working on it pls wait for our entry

    • cách đây 1 tháng
  • shopshoppy
    shopshoppy
    • cách đây 1 tháng

    working on it .plz wait for our entry.

    • cách đây 1 tháng
  • prasantabnrg4
    prasantabnrg4
    • cách đây 1 tháng

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

    • cách đây 1 tháng
    1. njlowtone
      Chủ cuộc thi
      • cách đây 1 tháng

      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.

      • cách đây 1 tháng
  • Nunaram
    Nunaram
    • cách đây 1 tháng

    Please checkout entry #1 or watch demo on Youtube - https://www.youtube.com/watch?v=c7itIQSdmxU

    • cách đây 1 tháng

Xem thêm bình luận

Làm thế nào để bắt đầu với cuộc thi

  • Đăng cuộc thi của bạn

    Đăng cuộc thi của bạn Nhanh chóng và dễ dàng

  • Nhận được vô số bài dự thi

    Nhận được vô số Bài dự thi Từ khắp nơi trên thế giới

  • Trao giải cho bài thi xuất sắc nhất

    Trao giải cho bài thi xuất sắc nhất Download File - Đơn giản!

Đăng cuộc thi ngay hoặc tham gia với chúng tôi ngay hôm nay!