Expand effect engine & ui update (#445)

* update

* update

* update

* .

* .

* .

* update

* .

* .

* .

* .

* update

* .

* update

* .

* update

* update

* update

* update

* update

* update

* .

* update

* update

* update

* .

* .

* .

* Revert "."

This reverts commit 4dd6404b32.

* update

* .

* .

* .

* .

* .

* .

* .

* .

* .

* .

* .

* ...

* .

* .

* .

* .

* .

* .

* .

* .

* .

* update

* update

* update

* remove svg and pic

* colorpicker imgs to base64 to prevent delayed load if not cached

* fix json2python func

* update swirl with rgba

* add double swirl, tune default val in schema, update explanation

* adjust swirl.py

* FileObserver for config checks with timer as fallback (#4)

assets/webconfig/i18n/de.json

@@ -209,14 +209,15 @@
 	"remote_maptype_label_multicolor_mean" : "Mehrfarbig",
 	"remote_maptype_label_unicolor_mean" : "Einfarbig",
 	"effectsconfigurator_label_intro" : "Erstelle auf Grundlage der Basiseffekte neue Effekt die nach deinen Wünschen angepasst sind. Je nach Effekt stehen Optionen wie Farbe, Geschwindigkeit, oder Richtung und vieles mehr zur Auswahl.",
-	"effectsconfigurator_label_chooseeff" : "Basis-Effekt auswählen:",
+	"effectsconfigurator_label_chooseeff" : "Template auswählen",
+	"effectsconfigurator_editdeleff" : "Entferne/Lade Effekt",
 	"effectsconfigurator_button_saveeffect" : "Effekt speichern",
 	"effectsconfigurator_label_effectname" : "Effektname",
 	"effectsconfigurator_button_starttest" : "Starte Test",
 	"effectsconfigurator_button_stoptest" : "Stoppe Test",
 	"effectsconfigurator_button_conttest" : "Fortlaufender Test",
-	"effectsconfigurator_label_deleffect" : "Effekt entfernen:",
 	"effectsconfigurator_button_deleffect" : "Effekt entfernen",
+	"effectsconfigurator_button_editeffect" : "Effekt laden",
 	"support_label_title" : "Unterstütze Hyperion",
 	"support_label_intro" : "Hyperion ist ein kostenloses Open Source Projekt und ein kleines Team arbeitet an seiner Weiterentwicklung. Darum benötigen wir DEINE Unterstützung um weiter in bessere Infrastruktur und Weiterentwicklung investieren zu können.",
 	"support_label_spreadtheword" : "Weitersagen!",
@@ -385,13 +386,13 @@
 	"edt_dev_spec_useRgbwProtocol_title" : "Nutze RGBW Protokoll",
 	"edt_dev_spec_maximumLedCount_title" : "Maximale Anzahl LEDs",
 	"edt_dev_spec_gpioNumber_title" : "GPIO Nummer",
-	"edt_dev_spec_dmaNumber_title" : "DMA Kanal",
 	"edt_dev_spec_gpioMap_title" : "GPIO Zuweisung",
 	"edt_dev_spec_PBFiFo_title" : "Pi-Blaster FiFo",
 	"edt_dev_spec_gpioBcm_title" : "GPIO Pin",
 	"edt_dev_spec_ledIndex_title" : "LED index",
 	"edt_dev_spec_colorComponent_title" : "Farbkomponente",
 	"edt_dev_spec_ledType_title" : "LED typ",
+	"edt_dev_spec_dmaNumber_title" : "DMA Kanal",
 	"edt_conf_general_enable_title" : "Aktiviert",
 	"edt_conf_general_enable_expl" : "Wenn aktiviert, ist die Komponente aktiv.",
 	"edt_conf_general_priority_title" : "Priorität",
@@ -504,11 +505,19 @@
 	"edt_conf_v4l2_signalDetection_title" : "Signal Erkennung",
 	"edt_conf_v4l2_signalDetection_expl" : "Wenn aktiviert, wird die USB Aufnahme temporär bei \"kein Signal\" abgeschalten.",
 	"edt_conf_v4l2_redSignalThreshold_title" : "Rote Signalschwelle",
-	"edt_conf_v4l2_redSignalThreshold_expl" : "Verdunkelt rote Werte. (Wird als schwarz interpretiert)",
+	"edt_conf_v4l2_redSignalThreshold_expl" : "Je höher die rote Schwelle je eher wird abgeschalten bei entsprechendem rot-Anteil.",
 	"edt_conf_v4l2_greenSignalThreshold_title" : "Grüne Signalschwelle",
-	"edt_conf_v4l2_greenSignalThreshold_expl" : "Verdunkelt grüne Werte. (Wird als schwarz interpretiert)",
+	"edt_conf_v4l2_greenSignalThreshold_expl" : "Je höher die grüne Schwelle je eher wird abgeschalten bei entsprechendem grün-Anteil.",
 	"edt_conf_v4l2_blueSignalThreshold_title" : "Blaue Signalschwelle",
-	"edt_conf_v4l2_blueSignalThreshold_expl" : "Verdunkelt blaue Werte. (Wird als schwarz interpretiert))",
+	"edt_conf_v4l2_blueSignalThreshold_expl" : "Je höher die blaue Schwelle je eher wird abgeschalten bei entsprechendem blau-Anteil.",
+	"edt_conf_v4l2_sDVOffsetMin_title" : "Signal Erkennung VMin",
+	"edt_conf_v4l2_sDVOffsetMin_expl" : "Signal Erkennungs-Bereich vertikal minimum (0.0-1.0)",
+	"edt_conf_v4l2_sDHOffsetMin_title" : "Signal Erkennung HMin",
+	"edt_conf_v4l2_sDHOffsetMin_expl" : "Signal Erkennungs-Bereich horizontal minimum (0.0-1.0)",
+	"edt_conf_v4l2_sDVOffsetMax_title" : "Signal Erkennung VMax",
+	"edt_conf_v4l2_sDVOffsetMax_expl" : "Signal Erkennungs-Bereich vertikal maximum (0.0-1.0)",
+	"edt_conf_v4l2_sDHOffsetMax_title" : "Signal Erkennung HMax",
+	"edt_conf_v4l2_sDHOffsetMax_expl" : "Signal Erkennungs-Bereich horizontal maximum (0.0-1.0)",
 	"edt_conf_fg_heading_title" : "Plattform Aufnahme",
 	"edt_conf_fg_type_title" : "Typ",
 	"edt_conf_fg_type_expl" : "Art der Plattform Aufnahme, standard ist 'auto'",
@@ -594,80 +603,92 @@
 	"edt_conf_log_heading_title" : "Protokoll",
 	"edt_conf_log_level_title" : "Protokollstufe",
 	"edt_conf_log_level_expl" : "Abhängig der Stufe sind weniger oder mehr Meldungen sichtbar.",
-	"edt_eff_candle_header_title" : "Kerze",
-	"edt_eff_police_header_title" : "Polizei",
-	"edt_eff_fade_header_title" : "Farbübergang",
-	"edt_eff_rainbowmood_header_title" : "Regenbogen",
-	"edt_eff_knightrider_header_title" : "Knight Rider",
-	"edt_eff_lightclock_header_title" : "Uhr 1",
-	"edt_eff_clock_header_title" : "Uhr 2",
-	"edt_eff_pacman_header_title" : "Pac-Man",
-	"edt_eff_moodblobs_header_title" : "Stimmungskugeln",
-	"edt_eff_rainbowswirl_header_title" : "Regenbogenwirbel",
-	"edt_eff_random_header_title" : "Zufällig",
-	"edt_eff_runningdots_header_title" : "Rennende Punkte",
-	"edt_eff_systemshutdown_header_title" : "Herunterfahren",
-	"edt_eff_snake_header_title" : "Schlange",
-	"edt_eff_sparks_header_title" : "Funken",
-	"edt_eff_traces_header_title" : "Farbspuren",
-	"edt_eff_x-mas_header_title" : "Weihnachten",
-	"edt_eff_trails_header_title" : "Spuren",
+	"edt_eff_candle_header" : "Kerze",
+	"edt_eff_police_header" : "Polizei",
+	"edt_eff_fade_header" : "Farbübergang",
+	"edt_eff_rainbowmood_header" : "Regenbogen",
+	"edt_eff_rainbowmood_header_desc" : "Alle LEDs Regenbogen Farbübergang",
+	"edt_eff_knightrider_header" : "Knight Rider",
+	"edt_eff_knightrider_header_desc" : "K.I.T.T ist zurück! Der Front-Scanner des bekannten Autos, diesmal nicht nur in rot.",
+	"edt_eff_lightclock_header" : "Lichtuhr",
+	"edt_eff_lightclock_header_desc" : "Eine echte Uhr als Licht! Passe die Farben von Stunden, Minuten, Sekunden deinen Vorstellungen an. Optional können 3/6/9/12 Uhr Markierungen aktiviert werden. Sollte die Uhr eine falsche Zeit anzeigen, überprüfe die Uhrzeit deines Systems.", 
+	"edt_eff_pacman_header" : "Pac-Man",
+	"edt_eff_moodblobs_header" : "Stimmungskugeln",
+	"edt_eff_swirl_header" : "Farbwirbel",
+	"edt_eff_swirl_header_desc" : "Ein Wirbel mit frei wählbaren Farben. Die Farben werden gleichmäßig auf 360° aufgeteilt, dazwischen werden Farbübergänge berechnet. Zusätzlich kann ein zweiter Wirbel über den Ersten gelegt werden (Transparenz beachten!). Tipp: Eine Widerholung der selben Farbe erhöht deren \"größe\" und verringert den Bereich des Farbübergangs zu benachbarten Farben.",
+	"edt_eff_random_header" : "Zufällig",
+	"edt_eff_runningdots_header" : "Rennende Punkte",
+	"edt_eff_systemshutdown_header" : "Herunterfahren",
+	"edt_eff_snake_header" : "Schlange",
+	"edt_eff_sparks_header" : "Funken",
+	"edt_eff_sparks_header_desc" : "Ein Sternenfunkeln, wahlweise in festgelegter Farbe oder zufällig. Passe Helligkeit, Sättigung und Geschwindigkeit an.",
+	"edt_eff_traces_header" : "Farbspuren",
+	"edt_eff_x-mas_header" : "Weihnachten",
+	"edt_eff_trails_header" : "Spuren",
+	"edt_eff_flag_header" : "Flaggen",
+	"edt_eff_flag_header_desc" : "Verpasse deinen LEDs die Farben deines Landes. Du kannst mehr als eine Flagge auswählen, je nach Intervall werden diese dann abwechselnd angezeigt.",
 	"edt_eff_enum_all" : "Alle",
 	"edt_eff_enum_all-together" : "Alle zusammen",
 	"edt_eff_enum_list" : "LED Liste",
-	"edt_eff_count_title" : "Anzahl",
-	"edt_eff_color_title" : "Farbe",
-	"edt_eff_colorrandom_title" : "Zufällige Farbe",
-	"edt_eff_colorone_title" : "Farbe eins",
-	"edt_eff_colortwo_title" : "Farbe zwei",
-	"edt_eff_colorcount_title" : "Farblänge",
-	"edt_eff_rotationtime_title" : "Rotationszeit",
-	"edt_eff_sleeptime_title" : "Schlafzeit",
-	"edt_eff_reversedirection_title" : "Richtung umkehren",
-	"edt_eff_fadeintime_title" : "Zeit für Einblendung",
-	"edt_eff_fadeouttime_title" : "Zeit für Ausblendung",
-	"edt_eff_repeat_title" : "Wiederholung",
-	"edt_eff_colorendtime_title" : "Zeit für Start-Farbe",
-	"edt_eff_colorstarttime_title" : "Zeit für End-Farbe",
-	"edt_eff_colorstart_title" : "Farbe Start",
-	"edt_eff_colorend_title" : "Farbe Ende",
-	"edt_eff_repeatcount_title" : "Anzahl Wiederholung",
-	"edt_eff_maintain_end_color_title" : "Behalte Endfarbe",
-	"edt_eff_colorshift_title" : "Farbverschiebung",
-	"edt_eff_whichleds_title" : "Welche LEDs",
-	"edt_eff_ledlist_title" : "LED Liste",
-	"edt_eff_speed_title" : "Geschwindigkeit",
-	"edt_eff_fadefactor_title" : "Verblass Faktor",
-	"edt_eff_showseconds_title" : "Zeige Sekunden",
-	"edt_eff_blobcount_title" : "Kugelanzahl",
-	"edt_eff_huechange_title" : "Farbänderung",
-	"edt_eff_basecolorchange_title" : "Basisfarben verändern",
-	"edt_eff_basecolorchangerate_title" : "BF Geschwindigkeit",
-	"edt_eff_basecolorrangeleft_title" : "BF Bereich links",
-	"edt_eff_basecolorrangeright_title" : "BF Bereich rechts",
-	"edt_eff_brightness_title" : "Helligkeit",
-	"edt_eff_centerx_title" : "Mittelpunkt X-Achse",
-	"edt_eff_centery_title" : "Mittelpunkt Y-Achse",
-	"edt_eff_saturation_title" : "Sättigung",
-	"edt_eff_colorevel_title" : "Farbstufe",
-	"edt_eff_whitelevel_title" : "Weißstufe",
-	"edt_eff_alarmcolor_title" : "Alarm Farbe",
-	"edt_eff_postcolor_title" : "Startfarbe",
-	"edt_eff_enableshutdown_title" : "Echtes herunterfahren",
-	"edt_eff_length_title" : "Länge",
-	"edt_eff_frequency_title" : "Frequenz",
-	"edt_eff_min_len_title" : "Minimale Länge",
-	"edt_eff_max_len_title" : "Maximale Länge",
-	"edt_eff_height_title" : "Höhe",
-	"edt_eff_offset_title" : "Verschiebung",
-	"edt_eff_colorHour_title" : "Farbe Stunde",
-	"edt_eff_colorMinute_title" : "Farbe Minute",
-	"edt_eff_colorSecond_title" : "Farbe Sekunde",
-	"edt_eff_hourMargin_title" : "Länge Stunde",
-	"edt_eff_minuteMargin_title" : "Länge Minute",
-	"edt_eff_secondMargin_title" : "Länge Sekunde",
-	"edt_eff_margin_title" : "Abstand",
-	"edt_eff_colorMarker_title" : "Farbe Markierung",
+	"edt_eff_count" : "Anzahl",
+	"edt_eff_color" : "Farbe",
+	"edt_eff_colorrandom" : "Zufällige Farbe",
+	"edt_eff_colorone" : "Farbe eins",
+	"edt_eff_colortwo" : "Farbe zwei",
+	"edt_eff_colorcount" : "Farblänge",
+	"edt_eff_rotationtime" : "Rotationszeit",
+	"edt_eff_sleeptime" : "Schlafzeit",
+	"edt_eff_reversedirection" : "Richtung umkehren",
+	"edt_eff_fadeintime" : "Zeit für Einblendung",
+	"edt_eff_fadeouttime" : "Zeit für Ausblendung",
+	"edt_eff_repeat" : "Wiederholung",
+	"edt_eff_colorendtime" : "Zeit für Start-Farbe",
+	"edt_eff_colorstarttime" : "Zeit für End-Farbe",
+	"edt_eff_colorstart" : "Farbe Start",
+	"edt_eff_colorend" : "Farbe Ende",
+	"edt_eff_repeatcount" : "Anzahl Wiederholung",
+	"edt_eff_maintain_end_color" : "Behalte Endfarbe",
+	"edt_eff_colorshift" : "Farbverschiebung",
+	"edt_eff_whichleds" : "Welche LEDs",
+	"edt_eff_ledlist" : "LED Liste",
+	"edt_eff_speed" : "Geschwindigkeit",
+	"edt_eff_fadefactor" : "Verblass Faktor",
+	"edt_eff_showseconds" : "Zeige Sekunden",
+	"edt_eff_blobcount" : "Kugelanzahl",
+	"edt_eff_huechange" : "Farbänderung",
+	"edt_eff_basecolorchange" : "Basisfarben verändern",
+	"edt_eff_basecolorchangerate" : "BF Geschwindigkeit",
+	"edt_eff_basecolorrangeleft" : "BF Bereich links",
+	"edt_eff_basecolorrangeright" : "BF Bereich rechts",
+	"edt_eff_brightness" : "Helligkeit",
+	"edt_eff_centerx" : "Mittelpunkt X-Achse",
+	"edt_eff_centery" : "Mittelpunkt Y-Achse",
+	"edt_eff_saturation" : "Sättigung",
+	"edt_eff_colorevel" : "Farbstufe",
+	"edt_eff_whitelevel" : "Weißstufe",
+	"edt_eff_alarmcolor" : "Alarm Farbe",
+	"edt_eff_postcolor" : "Startfarbe",
+	"edt_eff_enableshutdown" : "Echtes herunterfahren",
+	"edt_eff_length" : "Länge",
+	"edt_eff_frequency" : "Frequenz",
+	"edt_eff_min_len" : "Minimale Länge",
+	"edt_eff_max_len" : "Maximale Länge",
+	"edt_eff_height" : "Höhe",
+	"edt_eff_offset" : "Verschiebung",
+	"edt_eff_colorHour" : "Farbe Stunde",
+	"edt_eff_colorMinute" : "Farbe Minute",
+	"edt_eff_colorSecond" : "Farbe Sekunde",
+	"edt_eff_colorMarker" : "Marker Farbe",
+	"edt_eff_markerDepth" : "Marker Tiefe",
+	"edt_eff_markerWidth" : "Marker Breite",
+	"edt_eff_markerEnable" : "Zeige Marker",
+	"edt_eff_backgroundColor" : "Hintergrundfarbe",
+	"edt_eff_countries" : "Länder",
+	"edt_eff_interval" : "Intervall",
+	"edt_eff_margin" : "Abstand",
+	"edt_eff_customColor" : "Benutzerdefinierte Farbe",
+	"edt_eff_randomCenter" : "Zufälliger Mittelpunkt",
+	"edt_eff_enableSecondSwirl":"Zweiter Wirbel",
 	"edt_append_ns" : "ns",
 	"edt_append_ms" : "ms",
 	"edt_append_s" : "s",