Modify block structure

Author: graham-trott

iwsy/resources/json/propertyDefaults.json

@@ -0,0 +1,18 @@
+{
+    "name": "New block",
+    "left": 0,
+    "top": 0,
+    "width": "100%",
+    "height": "100%",
+    "background": "",
+    "border": "",
+    "borderRadius": "",
+    "fontFamily": "",
+    "fontSize": 50,
+    "fontWeight": "",
+    "fontStyle": "",
+    "fontColor": "",
+    "textAlign": "",
+    "textMarginLeft": "",
+    "textMarginTop": ""
+}

iwsy/resources/json/propertyNames.json

@@ -0,0 +1,18 @@
+[
+    "name",
+    "left",
+    "top",
+    "width",
+    "height",
+    "background",
+    "border",
+    "borderRadius",
+    "fontFamily",
+    "fontSize",
+    "fontWeight",
+    "fontStyle",
+    "fontColor",
+    "textAlign",
+    "textMarginLeft",
+    "textMarginTop"
+]

iwsy/resources/json/test.json

@@ -1,6 +1,7 @@
 {
-  "blocks": {
-    "center title": {
+  "blocks": [
+    {
+      "name": "center title",
       "background": "",
       "border": "",
       "borderRadius": "",
@@ -17,24 +18,26 @@
       "top": 300,
       "width": "100%"
     },
-    "main content": {
+    {
+      "name": "top title",
       "background": "",
       "border": "",
       "borderRadius": "",
-      "fontColor": "yellow",
+      "fontColor": "#ffffff",
       "fontFamily": "",
       "fontSize": 50,
       "fontStyle": "",
       "fontWeight": "",
-      "height": 800,
-      "left": 50,
-      "textAlign": "",
-      "textMarginLeft": 10,
+      "height": 300,
+      "left": 0,
+      "textAlign": "center",
+      "textMarginLeft": "",
       "textMarginTop": "",
-      "top": 300,
+      "top": 50,
       "width": "100%"
     },
-    "left": {
+    {
+      "name": "main content",
       "background": "",
       "border": "",
       "borderRadius": "",
@@ -43,15 +46,16 @@
       "fontSize": 50,
       "fontStyle": "",
       "fontWeight": "",
-      "height": 700,
+      "height": 800,
       "left": 50,
       "textAlign": "",
       "textMarginLeft": 10,
       "textMarginTop": "",
       "top": 300,
-      "width": 400
+      "width": "100%"
     },
-    "right": {
+    {
+      "name": "left",
       "background": "",
       "border": "",
       "borderRadius": "",
@@ -61,35 +65,36 @@
       "fontStyle": "",
       "fontWeight": "",
       "height": 700,
-      "left": 550,
+      "left": 50,
       "textAlign": "",
-      "textMarginLeft": "",
+      "textMarginLeft": 10,
       "textMarginTop": "",
       "top": 300,
       "width": 400
     },
-    "top title": {
+    {
+      "name": "right",
       "background": "",
       "border": "",
       "borderRadius": "",
-      "fontColor": "#ffffff",
+      "fontColor": "yellow",
       "fontFamily": "",
       "fontSize": 50,
       "fontStyle": "",
       "fontWeight": "",
-      "height": 300,
-      "left": 0,
-      "textAlign": "center",
+      "height": 700,
+      "left": 550,
+      "textAlign": "",
       "textMarginLeft": "",
       "textMarginTop": "",
-      "top": 50,
-      "width": "100%"
+      "top": 300,
+      "width": 400
     }
-  },
+  ],
   "content": {
     "main title": "# I Wanna Show You%0a%0a### for knockout presentations",
-    "page 1 left": "### PowerPoint%0a%0a - is slide-based%0a - is a PC application%0a - is hard to embed%0a%0aPowerPoint is a dated product organized mainly around static text blocks and tied to the desktop.",
-    "page 1 right": "### I Wanna Show You%0a - is step based%0a - runs in your browser%0a - is fully embeddable%0a%0aIWannaShowYou is a modern product built to handle color, movement and a mobile environment."
+    "page 1 left": "### PowerPoint%0a%0a - is slide-based%0a - is a PC application%0a - is hard to embed%0a%0aPowerPoint is organized mainly around static text blocks and tied to the desktop.",
+    "page 1 right": "### I Wanna Show You%0a - is step based%0a - runs in your browser%0a - is fully embeddable%0a%0aIWannaShowYou is a modern product built to handle color, movement and the online world."
   },
   "steps": [
     {