As a user I want to be able to edit shipments. I would like to view a list shipments in a grid with the following columns, each column must be sortable.
- Shipment Reference (ID)
- Shipper
- PO Reference
- Port of Loading
- Port of Discharge
- Carrier
- ETA
I want to click a hyperlink on each shipment reference to show a shipment page (as per UI mockup) and be able to edit any shipment field. All shipment fields can be saved, apart from the shipment reference which cannot be changed.
- Must use AngularJS 1.x
- Must use Bootstrap 3.x
- Must use Kendo UI for JQuery datagrid
- Must interact with a RESTful server (GET, PUT)
- Optionally use AngularJS ngRoute for routing, and ngResource to interact with RESTful server
- All dates must be formatted to dd-mm-yyyy
A skeleton AngularJS application is included with all dependencies and libraries.
You will need to install NodeJS, Git and clone the training repository. Grunt (Task Runner) will automatically start a HTTP web server on http://localhost:8000, and RESTful API on http://localhost:3000/shipments depending on port availability.
- Install NodeJS
- Install Git
- Run
git clone https://github.com/warrantgroup/training.git && cd training/SimpleShipment - Run
npm install - Run
grunt
If grunt is not found, please run npm install -g grunt-cli to install grunt-cli globally.
When the exercise has been completed, please create a zip, ignoring node_modules directory (as below) and send to [email protected]
zip -r9 SimpleShipment.zip SimpleShipment/* -x "*/\node_modules/*"
Please note Angular now uses semantic versioning, therefore the name AngularJS will refer to version 1.x, while Angular refers to any version 2.x and above.
Please ignore “Kendo for Angular” which refers to Angular version (2.x).
Shipment ID and reference are interchangeable.