JSFiddle - React, Tailwind, and code Playground

by Walter Rumsby

JavaScript

{
    "Filter": {
        "ID": 140,
        "Name": "More than 10,000",
        "FilterType": 1,
        "FilterView": 1,
        "Criteria": [{
            "FieldID": 2,
            "Operator": "\u003e",
            "Values": ["10000.00"]
        }]
    },
    "Fields": [{
        "ID": 2,
        "DataType": "NUMBER",
        "LookupType": null,
        "Name": "Budget",
        "LookupOptions": null
    }, {
        "ID": 4,
        "DataType": "DATE",
        "LookupType": null,
        "Name": "Due Date",
        "LookupOptions": null
    }, {
        "ID": 6,
        "DataType": "LOOKUP",
        "LookupType": "JOBTYPE",
        "Name": "Job Category",
        "LookupOptions": [{
            "ID": 9585,
            "Name": "Compliance"
        }, {
            "ID": 9586,
            "Name": "Consulting"
        }, {
            "ID": 9587,
            "Name": "Internal"
        }]
    }, {
        "ID": 5,
        "DataType": "LOOKUP",
        "LookupType": "JOBSTATE",
        "Name": "Job State",
        "LookupOptions": [{
            "ID": 49087,
            "Name": "To be invoiced"
        }, {
            "ID": 49029,
            "Name": "Draft to Client"
        }, {
            "ID": 49035,
            "Name": "Work has come in"
        }, {
            "ID": 49032,
            "Name": "To be finalised"
        }, {
            "ID": 49033,
            "Name": "At Typing"
        }, {
            "ID": 49024,
            "Name": "Work In Progress"
        }, {
            "ID": 49028,
            "Name": "1st Review"
        }, {
            "ID": 49023,
            "Name": "Planned"
        }, {
            "ID": 49025,
            "Name": "On Hold/Queries Outstanding"
        }, {
            "ID": 49366,
            "Name": "Review Adjustments"
        }, {
            "ID": 49031,
            "Name": "Final Review"
        }, {
            "ID": 49030,
            "Name": "Sent to Auditor"
        }, {
            "ID": 49026,
           ...