LED Layouts, Delete Effect, Colorpicker for EC (#290)

* upd

* ipadte schemas

* update html

* update

* fix matrix index increment

[skip ci]

* matrix 1 led as minimum

[skip ci]

* disable zoom

[skpi ci]

effects/schema/fade.schema.json

@@ -1,42 +1,45 @@
 {
-	"type":"object",
-	"script" : "fade.py",
-	"title":"Fade",
-	"required":true,
-	"properties":{
-		"fade-time": {
-			"type": "number",
-			"title":"Fade Time",
-			"default": 5.0,
-			"minimum" : 0.1,
-			"propertyOrder" : 1
-		},
-		"color-start": {
-			"type": "array",
-			"title":"Color Start",
-			"default": [255,174,11],
-			"items" : {
-				"type": "integer",
-				"minimum": 0,
-				"maximum": 255
-			},
-			"minItems": 3,
-			"maxItems": 3,
-			"propertyOrder" : 2
-		},
-		"color-end": {
-			"type": "array",
-			"title":"Color End",
-			"default": [100,100,100],
-			"items" : {
-				"type": "integer",
-				"minimum": 0,
-				"maximum": 255
-			},
-			"minItems": 3,
-			"maxItems": 3,
-			"propertyOrder" : 3
-		}
-	},
-	"additionalProperties": false
+    "type":"object",
+    "script" : "fade.py",
+    "title":"Fade",
+    "required":true,
+    "properties":{
+        "fade-time": {
+            "type": "number",
+            "title":"Fade Time",
+            "default": 5.0,
+            "minimum" : 0.1,
+            "propertyOrder" : 1
+        },
+        "color-start": {
+            "type": "array",
+            "title":"Color Start",
+            "format":"colorpicker",
+            "default": [255,174,11],
+            "items" : {
+                "type": "integer",
+                "minimum": 0,
+                "maximum": 255
+
+            },
+            "minItems": 3,
+            "maxItems": 3,
+            "propertyOrder" : 2
+        },
+        "color-end": {
+            "type": "array",
+            "title":"Color End",
+            "format":"colorpicker",
+            "default": [100,100,100],
+            "items" : {
+                "type": "integer",
+                "minimum": 0,
+                "maximum": 255
+            },
+            "minItems": 3,
+            "maxItems": 3,
+            "propertyOrder" : 3
+        }
+    },
+    "additionalProperties": false
 }

effects/schema/knight-rider.schema.json

@@ -21,6 +21,7 @@
 		"color": {
 			"type": "array",
 			"title":"Color",
+			"format":"colorpicker",
 			"default": [255,0,0],
 			"items" : {
 				"type": "integer",

effects/schema/mood-blobs.schema.json

@@ -7,6 +7,7 @@
 		"color": {
 			"type": "array",
 			"title":"Color",
+			"format":"colorpicker",
 			"default": [255,0,0],
 			"items" : {
 				"type": "integer",

effects/schema/police.schema.json

@@ -7,6 +7,7 @@
 		"color_one": {
 			"type": "array",
 			"title":"Color one",
+			"format":"colorpicker",
 			"default": [255,0,0],
 			"items" : {
 				"type": "integer",
@@ -20,6 +21,7 @@
 		"color_two": {
 			"type": "array",
 			"title":"Color two",
+			"format":"colorpicker",
 			"default": [0,0,255],
 			"items" : {
 				"type": "integer",

effects/schema/shutdown.schema.json

@@ -14,6 +14,7 @@
 		"alarm-color": {
 			"type": "array",
 			"title":"Alarm color",
+			"format":"colorpicker",
 			"default": [255,0,0],
 			"items" : {
 				"type": "integer",

effects/schema/snake.schema.json

@@ -7,6 +7,7 @@
 		"color": {
 			"type": "array",
 			"title":"Color",
+			"format":"colorpicker",
 			"default": [255,0,0],
 			"items" : {
 				"type": "integer",

effects/schema/sparks.schema.json

@@ -4,9 +4,10 @@
 	"title":"Sparks",
 	"required":true,
 	"properties":{
-		"color_one": {
+		"color": {
 			"type": "array",
 			"title":"Color",
+			"format":"colorpicker",
 			"default": [255,0,0],
 			"items" : {
 				"type": "integer",

effects/schema/strobe.schema.json

@@ -7,6 +7,7 @@
 		"color": {
 			"type": "array",
 			"title":"Color",
+			"format":"colorpicker",
 			"default": [255,0,0],
 			"items" : {
 				"type": "integer",