JSFiddle - React, Tailwind, and code Playground

by Danny Michaelis

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.13.1/lodash.js"></script>

JavaScript

const user1 = {
  authCode: "dde1eb90-c0b0-4cda-8fcb-648b0f082a1d"
  roles: {
    "SERVER_ADMIN": {
      "server_info": [
        "read",
        "insert",
        "update",
        "delete"
      ],
      "server_stop": [
        "insert"
      ]
    },
    "ADMIN": {
      "tenant_data": [
        "insert",
        "update",
        "delete"
      ],
      "custom_rights": [
        "read",
        "insert",
        "update",
        "delete"
      ],
      "user": [
        "read",
        "insert",
        "update",
        "delete"
      ],
      "user_in_role": [
        "read",
        "insert",
        "update",
        "delete"
      ],
      "district": [
        "read",
        "insert",
        "update",
        "delete"
      ],
      "school": [
        "read",
        "insert",
        "update",
        "delete"
      ],
      "tracking": [
        "read",
        "insert",
        "update",
        "delete"
      ],
      "badges": [
        "read",
        "insert",
        "update",
        "delete"
      ],
      "licenses": [
        "read",
        "insert",
        "update",
        "delete"
      ],
      "groups": [
        "read",
        "insert",
        "update",
        "delete"
      ],
      "machines": [
        "read",
        "insert",
        "update",
        "delete"
      ],
      "fiscal_reports": [
        "read"
      ],
      "teach_in_classroom": [
        "read",
        "insert",
        "update",
        "delete"
      ],
      "module_in_tenant": [
        "read",
        "insert",
        "update",
        "delete"
      ]
    },
    "TEACHER": {
      "public_website_report": [
        "read"
      ],
      "teacher_forum": [
        "read",
        "insert",
        "update"
      ],
      "teacher_collaberation_forum": [
        "read",
        "insert",
        "update"
      ],
      "education_collaberation_forum": [
        "read",
        "insert",
        "update"
      ],
      "hardware": [
       ...