Merge pull request #166 from dls-controls/drawer-component

Drawer component

package.json

@@ -4,6 +4,7 @@
   "private": true,
   "dependencies": {
     "@babel/plugin-proposal-optional-chaining": "^7.8.3",
+    "@material-ui/core": "^4.9.9",
     "@types/base64-js": "^1.2.5",
     "@types/enzyme-adapter-react-16": "^1.0.5",
     "@types/jest": "24.0.15",

public/json/app.json

@@ -0,0 +1,42 @@
+{
+  "type": "display",
+  "position": "relative",
+  "height": "100%",
+  "width": "100%",
+  "children": [
+    {
+      "type": "dynamicpage",
+      "position": "relative",
+      "routePath": "app"
+    },
+    {
+      "type": "drawer",
+      "position": "absolute",
+      "x": "10px",
+      "y": "10px",
+      "height": "4rem",
+      "width": "5rem",
+      "font": {
+        "size": "20",
+        "style": "bold"
+      },
+      "foregroundColor": "#ffcf00",
+      "backgroundColor": "#012265",
+      "border": {
+        "style": "none",
+        "width": 0,
+        "color": ""
+      },
+      "children": [
+        {
+          "type": "embeddedDisplay",
+          "position": "relative",
+          "width": "100%",
+          "file": "drawer.json",
+          "filetype": "json",
+          "defaultProtocol": "pva"
+        }
+      ]
+    }
+  ]
+}