make flash light color configurable

diff --git a/l10n/po/fr/trivabble.po b/l10n/po/fr/trivabble.po
index a48a19ff3550dbfae3dfede4e05cbdabd32deec2..247ef1f493013de08c0f8089b954200156641fc3 100644 (file)
--- a/l10n/po/fr/trivabble.po
+++ b/l10n/po/fr/trivabble.po
@@ -183,3 +183,6 @@ msgstr "(ms)"
 
 msgid  "Flash light duration"
 msgstr "Durée du flash laser"
+
+msgid  "Flash light color"
+msgstr "Couleur du flash laser"

diff --git a/l10n/pot/trivabble.pot b/l10n/pot/trivabble.pot
index 544eda4e04ca153136c72bf36406f9686cdf0330..8c55bf81ca62e248e0bf9cc558b1ad8c44647766 100644 (file)
--- a/l10n/pot/trivabble.pot
+++ b/l10n/pot/trivabble.pot
@@ -188,3 +188,6 @@ msgstr ""
 
 msgid  "Flash light duration"
 msgstr ""
+
+msgid  "Flash light color"
+msgstr ""

diff --git a/public/index.html b/public/index.html
index 30f3f9f789d8ceb501a22bd685854825fe72c8d8..68864962db604a89338280fefa87e74238561356 100644 (file)
--- a/public/index.html
+++ b/public/index.html
@@ -65,6 +65,10 @@
                 <input type="number" size="4" min="500" max="5000" step="100" id="flash-light-duration"/>
                 <span data-l10n="text-content">Flash light duration</span>
                 <span data-l10n="text-content">(ms)</span>
+            </label></p>
+            <p><label>
+                <input type="text" size="6" id="flash-light-color"/>
+                <span data-l10n="text-content">Flash light color</span>
             </label></p>
                </div>
             </div>

diff --git a/public/trivabble.js b/public/trivabble.js
index b41f3e5a3fe87b39a9edaf7f31f05cd183d88781..3fb5eb893ecf536155ab5eebf38bc78ebd138041 100644 (file)
--- a/public/trivabble.js
+++ b/public/trivabble.js
@@ -44,6 +44,7 @@
     setConf("APP_PATH",             "");
     setConf("DOUBLE_TAP_DURATION",  1000);
     setConf("FLASH_LIGHT_DURATION", 1500);
+    setConf("FLASH_LIGHT_COLOR", "#E3E");
 
     const _ = (window.libD && libD.l10n) ? libD.l10n() : function (s) {
         return s;
@@ -1606,6 +1607,22 @@
                     document.getElementById("flash-light-duration").value;
             };
         }
+
+        if (!Object.prototype.hasOwnProperty.call(localStorage, "flashLightColor")) {
+            localStorage.flashLightColor = Conf.FLASH_LIGHT_COLOR;
+        }
+        const flashLightColor = document.getElementById("flash-light-color");
+        if (flashLightColor) {
+            flashLightColor.value = localStorage.flashLightColor;
+            flashLightColor.onchange = function () {
+                localStorage.flashLightColor =
+                    document.getElementById("flash-light-color").value;
+                var style = document.createElement('style')
+                style.innerHTML = ".highlight {background-color: " + localStorage.flashLightColor + ";}";
+                document.body.appendChild(style);
+            };
+            flashLightColor.onchange();
+        }
     }
 
     function repromptName(f) {