JSFiddle - React, Tailwind, and code Playground

by Eric Miller

HTML

<input id="token-editor-input" type="text" />

CSS

.wes-token-text{
    background-color:#CCC;
}

JavaScript

//List of tasks in workflow
var TaskList = [{
    "Client": {
        "CurrentUserId": 0,
            "ClientId": 24308,
            "FirstName": null,
            "MiddleName": null,
            "LastName": null,
            "FullName": "Pisano , Antonio ",
            "CountryId": 2,
            "UltraCA": null,
            "IsConsolidated": false,
            "IsReadOnly": false,
            "IsLocked": true,
            "IsCheckedOut": false
    },
        "WorkflowTitle": "BoCF General Workflow (2/6/2014)",
        "WorkflowStatus": {
        "Id": 1,
            "StatusType": 1,
            "InstanceCount": 0,
            "Title": "InProgress2",
            "Description": "Not set",
            "SortOrder": 1,
            "Use": true,
            "UseBit": 1
    },
        "TaskInstanceId": 174,
        "WorkflowInstanceId": 7,
        "ProjectedDateStart": "\/Date(1391666400000)\/",
        "ProjectedDateDue": "\/Date(1392876000000)\/",
        "DateStart": "\/Date(1391666400000)\/",
        "DateDue": "\/Date(1392876000000)\/",
        "DateAssigned": "\/Date(1400118733623)\/",
        "DateCompleted": null,
        "AssignedToUser": null,
        "AssignedWhen": {
        "WhoID": 1334,
            "WhoName": "Brian Britten",
            "Updated": "\/Date(1400118733623)\/"
    },
        "CompletedWhen": null,
        "InstanceUpdated": {
        "WhoID": 1334,
            "WhoName": "Brian Britten",
            "Updated": "\/Date(1400118733780)\/"
    },
        "TaskInstanceDependencies": [{
        "TaskInstanceId": 176,
            "Title": "Request for Analysis",
            "TaskNumber": "1.2",
            "DependencyType": 3,
            "SortOrder": -1
    }, {
        "TaskInstanceId": 177,
            "Title": "3 Years BTR",
            "TaskNumber": "1.3",
            "DependencyType": 3,
            "SortOrder": -1
    }, {
        "TaskInstanceId": 178,
            "Title": "3 Years PTR",
            "TaskNumber": "1.4",
           ...