JSFiddle - React, Tailwind, and code Playground

by gutek

HTML

<script src="http://code.angularjs.org/1.1.5/angular.min.js"></script>
<ul ng-app ng-controller="MyCtrl">
    <li ng-repeat='(key, prop) in d' ng-click="setShow(prop)">
        {{ prop.queueName }}
        <ul ng-if='prop.queues'>
            <li ng-repeat='q in prop.queues' ng-show="prop.show">
                {{ q.queueName }}
            </li>
        </ul>
    </li>
</ul>

JavaScript

function MyCtrl($scope, $timeout) {
    $scope.myObject = {
            'font-size': 10,
            'text-outline-width': 2,
            'border-color': 'black',
            'border-width': 3,
            'background-color': 'white',
            'color': '#fff'
    }
    
    function createEmptyGroup (groupName) {
			return {
                queueName: groupName,
                groupName: groupName,
                length: 0,
                avgItemsPerSecond: 0,
                avgProcessingTime: 0.0,
                idleTimePercent: 0.0,
                lengthCurrentTryPeak: 0,
                lengthLifetimePeak: 0,
                totalItemsProcessed: 0,
                groupQueues: 0,
                queues: [],
                isGroup: true
			};
		}
    
    
    $scope.data = {
  "proc": {
    "startTime": "2014-03-22T17:57:48.8957592Z",
    "id": 3836,
    "mem": 78274560,
    "cpu": 4.57288837,
    "threadsCount": 36,
    "contentionsRate": 0.0,
    "thrownExceptionsRate": 0.0,
    "diskIo": {
      "readBytes": 2512447,
      "writtenBytes": 104413,
      "readOps": 302,
      "writeOps": 415
    },
    "tcp": {
      "connections": 0,
      "receivingSpeed": 0.0,
      "sendingSpeed": 0.0,
      "inSend": 0,
      "measureTime": "00:00:01.0250638",
      "pendingReceived": 0,
      "pendingSend": 0,
      "receivedBytesSinceLastRun": 0,
      "receivedBytesTotal": 0,
      "sentBytesSinceLastRun": 0,
      "sentBytesTotal": 0
    },
    "gc": {
      "allocationSpeed": 5328689.0,
      "gen0ItemsCount": 27,
      "gen0Size": 5255760,
      "gen1ItemsCount": 7,
      "gen1Size": 861088,
      "gen2ItemsCount": 3,
      "gen2Size": 8583984,
      "largeHeapSize": 13008264,
      "timeInGc": 34.2110863,
      "totalBytesInHeaps": 22453336
    }
  },
  "sys": {
    "cpu": 1.49241447,
    "freeMem": 5826719744,
    "drive": {
      "c": {
        "availableBytes": 42959585280,
        "totalBytes": 107112034304,
        "usage": "59%",
       ...