JSFiddle - React, Tailwind, and code Playground

by ronnjoe

JavaScript

var planId = "TEST2303201501";
var data = {"ret":{"planDetailsMap":{"TEST2303201501":{"trailer":{"arrivalTime":"","status":"","location":"","vehicle":{"vehicleNum":null,"vehicleId":null,"vehicleScac":null},"departureTime":"","carrier":"","trailerId":null,"containerCountDetails":null,"trailerNumber":"","facilityId":""},"resource":null,"load":{"scheduledArrivalTime":"","planForPrint":"TEST2303201501 [TEST2303201501]","status":"LOADING_IN_PROGRESS","alertSatus":{"isLateArrival":false,"isLateDeparting":true,"isAtLateDepartureRisk":false},"actualDepartureTime":"","containerCountDetails":{"total":{"P":0,"C":0},"stacked":{"P":0,"C":0},"inFaciltiy":{"P":0,"C":0},"inboundDock":{"P":0,"C":0},"workInProgress":{"P":0,"C":0},"diverted":{"P":0,"C":0},"notArrived":{"P":0,"C":0},"readyToLoad":{"P":0,"C":0},"loaded":{"P":0,"C":0},"inboundInTransit":{"P":0,"C":0},"departed":{"P":0,"C":0},"readyToDepart":{"P":0,"C":0},"Arrived":{"P":0,"C":0},"inboundYard":{"P":0,"C":0},"staged":{"P":0,"C":0}},"businessType":"OUTBOUND","planId":"TEST2303201501","facilityId":null,"criticalPullTime":"19-Jan-15 13:19","vrId":"TEST2303201501","alertStatus":{"isLateArrival":false,"isLateDeparting":true,"isAtLateDepartureRisk":false},"order":"19-Jan-15 18:00","seal":null,"loadGroupId":"13340","subCarrier":"","route":"CVG5->PHL8","lastLoadForCptFlag":false,"actualArrivalTime":"","carrier":"AMAUS","sealId":null,"scheduledDepartureTime":"19-Jan-15 18:49"}}}},"message":"","ok":true} 

var responseData = [];
var newRespnseData = data.ret.planDetailsMap[planId];
console.log(newRespnseData.load);
responseData.push(newRespnseData);
//var planId = "TEST2303201501";
//var oTable = $('#dashboard').dataTable();
                	  //oTable.fnUpdate( 'Example update', 0, 0 ); // Single cell
                	  //oTable.fnUpdate(responseData, $("tr#"+planId)[0]); // Row