tip randomiser added

9 years ago · 1a91f4953b
parent 9a0d28720d
commit 1a91f4953b
3 changed files with 61 additions and 18 deletions
--- a/close.html
+++ b/close.html
@ -3,14 +3,18 @@
    <link rel="stylesheet" href="css/all.css"/>
    <!--#include virtual="title.html" -->
    <script><!--#include virtual="/interface_config.js" --></script>
-    <script>function translateStr(id, msg) {
-        var div = document.getElementById(id);
-        div.innerHTML = msg;
-    }
-    function translate() {
-        translateStr('hintMessage',
-            'You can pin participants by clicking on their thumbnails');
-    }
+    <script src="static/randomizer.js"></script>
+    <script>
+        var randomizer = new Randomizer();
+
+        function translateStr(id, msg) {
+            var div = document.getElementById(id);
+            div.innerHTML = msg;
+        }
+        function translate() {
+            translateStr('hintMessage',
+                randomizer.getItem());
+        }
    </script>
 </head>
 <body onload="translate();">
--- a/close2.html
+++ b/close2.html
@ -3,16 +3,20 @@
    <link rel="stylesheet" href="css/all.css"/>
    <!--#include virtual="title.html" -->
    <script><!--#include virtual="/interface_config.js" --></script>
-    <script>function translateStr(id, msg) {
-        var div = document.getElementById(id);
-        div.innerHTML = msg;
-    }
-    function translate() {
-        translateStr('thanksMessage',
-            'Thank you for using ' + interfaceConfig.APP_NAME);
-        translateStr('hintMessage',
-            'You can pin participants by clicking on their thumbnails');
-    }
+    <script src="static/randomizer.js"></script>
+    <script>
+        var randomizer = new Randomizer();
+
+        function translateStr(id, msg) {
+            var div = document.getElementById(id);
+            div.innerHTML = msg;
+        }
+        function translate() {
+            translateStr('thanksMessage',
+                'Thank you for using ' + interfaceConfig.APP_NAME);
+            translateStr('hintMessage',
+                randomizer.getItem());
+        }
    </script>
 </head>
 <body onload="translate();">
--- a/static/randomizer.js
+++ b/static/randomizer.js
@ -0,0 +1,35 @@
+
+(function (){
+    //list of tips
+    var items = [
+        "You can pin participants by clicking on their thumbnails.",// jshint ignore:line
+        "You can tell others you have something to say by using the \"Raise Hand\" feature",// jshint ignore:line
+        "You can learn about key shortcuts by pressing Shift+?",// jshint ignore:line
+        "You can learn more about the state of everyone's connection by hovering on the bars in their thumbnail",// jshint ignore:line
+        "You can hide all thumbnails by using the button in the bottom right corner"// jshint ignore:line
+    ];
+
+    /**
+     * Creates a new Randomiser.
+     *
+     * @class
+     */
+    function Randomizer(){
+        this.items = items;
+    }
+
+    /**
+     * Get a random integer between 0 and items length.
+     *
+     * @return {string} a random integer
+     */
+    Randomizer.prototype.getItem = function (){
+        var l = this.items.length - 1;
+        var n = Math.round(Math.random() * l);
+
+        return this.items[n];
+    };
+
+    window.Randomizer = Randomizer;
+})();
+