Add timers for contest start/stop and problem value
authorMarius Gavrilescu <marius@ieval.ro>
Sun, 8 Feb 2015 10:37:01 +0000 (12:37 +0200)
committerMarius Gavrilescu <marius@ieval.ro>
Sun, 8 Feb 2015 10:37:01 +0000 (12:37 +0200)
css/custom.css
js/20-sprintf.js [new file with mode: 0644]
js/90-timers.js [new file with mode: 0644]
lib/Plack/App/Gruntmaster/HTML.pm
tmpl/ct_entry.en
tmpl/pb_entry.en

index 4239ab8421843a38ed6e3f5a12abda283c3c4497..f784c4e0414c41deae6f116a9bdb07a1e4b5da75 100644 (file)
@@ -86,4 +86,9 @@ ul.inline li:last-child:after {
 
 .tracker-mark.x{
        color: red;
+}
+
+#ctcountdown {
+       text-align: center;
+       font-size: 200%;
 }
\ No newline at end of file
diff --git a/js/20-sprintf.js b/js/20-sprintf.js
new file mode 100644 (file)
index 0000000..0ccb64c
--- /dev/null
@@ -0,0 +1,195 @@
+(function(window) {
+    var re = {
+        not_string: /[^s]/,
+        number: /[dief]/,
+        text: /^[^\x25]+/,
+        modulo: /^\x25{2}/,
+        placeholder: /^\x25(?:([1-9]\d*)\$|\(([^\)]+)\))?(\+)?(0|'[^$])?(-)?(\d+)?(?:\.(\d+))?([b-fiosuxX])/,
+        key: /^([a-z_][a-z_\d]*)/i,
+        key_access: /^\.([a-z_][a-z_\d]*)/i,
+        index_access: /^\[(\d+)\]/,
+        sign: /^[\+\-]/
+    }
+
+    function sprintf() {
+        var key = arguments[0], cache = sprintf.cache
+        if (!(cache[key] && cache.hasOwnProperty(key))) {
+            cache[key] = sprintf.parse(key)
+        }
+        return sprintf.format.call(null, cache[key], arguments)
+    }
+
+    sprintf.format = function(parse_tree, argv) {
+        var cursor = 1, tree_length = parse_tree.length, node_type = "", arg, output = [], i, k, match, pad, pad_character, pad_length, is_positive = true, sign = ""
+        for (i = 0; i < tree_length; i++) {
+            node_type = get_type(parse_tree[i])
+            if (node_type === "string") {
+                output[output.length] = parse_tree[i]
+            }
+            else if (node_type === "array") {
+                match = parse_tree[i] // convenience purposes only
+                if (match[2]) { // keyword argument
+                    arg = argv[cursor]
+                    for (k = 0; k < match[2].length; k++) {
+                        if (!arg.hasOwnProperty(match[2][k])) {
+                            throw new Error(sprintf("[sprintf] property '%s' does not exist", match[2][k]))
+                        }
+                        arg = arg[match[2][k]]
+                    }
+                }
+                else if (match[1]) { // positional argument (explicit)
+                    arg = argv[match[1]]
+                }
+                else { // positional argument (implicit)
+                    arg = argv[cursor++]
+                }
+
+                if (get_type(arg) == "function") {
+                    arg = arg()
+                }
+
+                if (re.not_string.test(match[8]) && (get_type(arg) != "number" && isNaN(arg))) {
+                    throw new TypeError(sprintf("[sprintf] expecting number but found %s", get_type(arg)))
+                }
+
+                if (re.number.test(match[8])) {
+                    is_positive = arg >= 0
+                }
+
+                switch (match[8]) {
+                    case "b":
+                        arg = arg.toString(2)
+                    break
+                    case "c":
+                        arg = String.fromCharCode(arg)
+                    break
+                    case "d":
+                    case "i":
+                        arg = parseInt(arg, 10)
+                    break
+                    case "e":
+                        arg = match[7] ? arg.toExponential(match[7]) : arg.toExponential()
+                    break
+                    case "f":
+                        arg = match[7] ? parseFloat(arg).toFixed(match[7]) : parseFloat(arg)
+                    break
+                    case "o":
+                        arg = arg.toString(8)
+                    break
+                    case "s":
+                        arg = ((arg = String(arg)) && match[7] ? arg.substring(0, match[7]) : arg)
+                    break
+                    case "u":
+                        arg = arg >>> 0
+                    break
+                    case "x":
+                        arg = arg.toString(16)
+                    break
+                    case "X":
+                        arg = arg.toString(16).toUpperCase()
+                    break
+                }
+                if (re.number.test(match[8]) && (!is_positive || match[3])) {
+                    sign = is_positive ? "+" : "-"
+                    arg = arg.toString().replace(re.sign, "")
+                }
+                else {
+                    sign = ""
+                }
+                pad_character = match[4] ? match[4] === "0" ? "0" : match[4].charAt(1) : " "
+                pad_length = match[6] - (sign + arg).length
+                pad = match[6] ? (pad_length > 0 ? str_repeat(pad_character, pad_length) : "") : ""
+                output[output.length] = match[5] ? sign + arg + pad : (pad_character === "0" ? sign + pad + arg : pad + sign + arg)
+            }
+        }
+        return output.join("")
+    }
+
+    sprintf.cache = {}
+
+    sprintf.parse = function(fmt) {
+        var _fmt = fmt, match = [], parse_tree = [], arg_names = 0
+        while (_fmt) {
+            if ((match = re.text.exec(_fmt)) !== null) {
+                parse_tree[parse_tree.length] = match[0]
+            }
+            else if ((match = re.modulo.exec(_fmt)) !== null) {
+                parse_tree[parse_tree.length] = "%"
+            }
+            else if ((match = re.placeholder.exec(_fmt)) !== null) {
+                if (match[2]) {
+                    arg_names |= 1
+                    var field_list = [], replacement_field = match[2], field_match = []
+                    if ((field_match = re.key.exec(replacement_field)) !== null) {
+                        field_list[field_list.length] = field_match[1]
+                        while ((replacement_field = replacement_field.substring(field_match[0].length)) !== "") {
+                            if ((field_match = re.key_access.exec(replacement_field)) !== null) {
+                                field_list[field_list.length] = field_match[1]
+                            }
+                            else if ((field_match = re.index_access.exec(replacement_field)) !== null) {
+                                field_list[field_list.length] = field_match[1]
+                            }
+                            else {
+                                throw new SyntaxError("[sprintf] failed to parse named argument key")
+                            }
+                        }
+                    }
+                    else {
+                        throw new SyntaxError("[sprintf] failed to parse named argument key")
+                    }
+                    match[2] = field_list
+                }
+                else {
+                    arg_names |= 2
+                }
+                if (arg_names === 3) {
+                    throw new Error("[sprintf] mixing positional and named placeholders is not (yet) supported")
+                }
+                parse_tree[parse_tree.length] = match
+            }
+            else {
+                throw new SyntaxError("[sprintf] unexpected placeholder")
+            }
+            _fmt = _fmt.substring(match[0].length)
+        }
+        return parse_tree
+    }
+
+    var vsprintf = function(fmt, argv, _argv) {
+        _argv = (argv || []).slice(0)
+        _argv.splice(0, 0, fmt)
+        return sprintf.apply(null, _argv)
+    }
+
+    /**
+     * helpers
+     */
+    function get_type(variable) {
+        return Object.prototype.toString.call(variable).slice(8, -1).toLowerCase()
+    }
+
+    function str_repeat(input, multiplier) {
+        return Array(multiplier + 1).join(input)
+    }
+
+    /**
+     * export to either browser or node.js
+     */
+    if (typeof exports !== "undefined") {
+        exports.sprintf = sprintf
+        exports.vsprintf = vsprintf
+    }
+    else {
+        window.sprintf = sprintf
+        window.vsprintf = vsprintf
+
+        if (typeof define === "function" && define.amd) {
+            define(function() {
+                return {
+                    sprintf: sprintf,
+                    vsprintf: vsprintf
+                }
+            })
+        }
+    }
+})(typeof window === "undefined" ? this : window);
diff --git a/js/90-timers.js b/js/90-timers.js
new file mode 100644 (file)
index 0000000..2d6cbfb
--- /dev/null
@@ -0,0 +1,32 @@
+(function(){
+       'use strict';
+
+       function update_timer(timer){
+               var start = parseInt(timer.dataset.start);
+               var stop  = parseInt(timer.dataset.stop);
+               var value = parseInt(timer.dataset.value);
+               var now   = Math.floor(Date.now() / 1000);
+
+               var left = stop - now;
+               var total = stop - start;
+               if(left < 0)
+                       left = 0;
+
+               if(value) {
+                       value = Math.max(value * 3 / 10, value * left / total);
+                       timer.innerHTML = Math.floor(value);
+               } else {
+                       var hours = left / 60 / 60;
+                       var minutes = left / 60 % 60;
+                       var seconds = left % 60;
+                       timer.innerHTML = sprintf('%02d:%02d:%02d', hours, minutes, seconds);
+               }
+       }
+
+       $( document ).ready(function() {
+               $('.timer').each(function(index, item){
+                       update_timer(item);
+                       setInterval(function(){update_timer(item)}, 1000);
+               });
+       });
+})();
index 52afd1129128f719d235a7bf4017ac2115e31418..fe7e4964ebe02507e0f86b4d281667bb0636c593 100644 (file)
@@ -115,9 +115,12 @@ sub process_ct_entry {
        my ($tree, %args) = @_;
        $_->edit_href (sub {s/contest_id/$args{id}/}) for $tree->find('a');
        $tree->fid('links')->detach unless $args{started};
+       my $status = ($args{time} < $args{start} ? 'starts' : 'ends');
+       $tree->fclass('timer')->attr('data-stop', $status eq 'ends' ? $args{stop} : $args{start});
        $tree->content_handler(
                start       => ftime   $args{start},
                stop        => ftime   $args{stop},
+               status      => $status,
                description => literal $args{description});
 }
 
@@ -147,14 +150,11 @@ sub process_pb_entry {
        if ($args{contest_stop}) {
                $tree->fid('solution')->detach;
                $tree->fid('solution_modal')->detach;
-               my $countdown = $tree->fid('countdown');
-               $countdown->attr('data-start' => $args{open_time});
-               $countdown->attr('data-stop' => $args{contest_stop});
-               $countdown->attr('data-time' => $args{time});
-               my $left = $args{contest_stop} - $args{time};
-               $countdown->replace_content(sprintf '%02d:%02d:%02d', $left/60/60, $left/60%60, $left%60);
-               $tree->fid('score')->attr('data-value' => $args{value});
-               $tree->fid('score')->replace_content(Gruntmaster::Data::Result::Contest::calc_score($args{value}, $args{time} - $args{open_time}, 0, $args{contest_stop} - $args{contest_start}));
+               my $score = $tree->fid('score');
+               $score->attr('data-start' => $args{open_time});
+               $score->attr('data-stop'  => $args{contest_stop});
+               $score->attr('data-value'  => $args{value});
+               $tree->fid('countdown')->attr('data-stop' => $args{contest_stop});
        } else {
                $tree->fid('solution')->detach unless $args{solution};
                $_->detach for $tree->fclass('rc'); # requires contest
index 5a44866c2488e0f3eed2b9ee6d8a5786646e7034..c30a5037d3ec65dd3585c0ca45cd8fb5350845d9 100644 (file)
@@ -3,6 +3,9 @@
 <dt>Contest stop time</dt>  <dd id="stop">stop</dd>
 </dl>
 
+<div id="ctcountdown">
+Contest <span id="status">starts/ends</span> in: <span class="timer" data-stop="...">
+</div>
 <div id="description">description</div>
 
 <div id="links">
index 215d91896c377a01191358d861c0e79bb1e35eff..0d7c2a1af01b0f6f0312fa11a028d344e49ba0c2 100644 (file)
@@ -9,8 +9,8 @@
 <dt>Owner</dt> <dd id="owner">owner</dd>
 <dt>Level</dt> <dd id="level">Easy</dd>
 <dt>Time limit (seconds)</dt> <dd smap="timeout">1</dd>
-<dt class="rc">Score</dt> <dd id="score" data-value="100" class="rc">50</dd>
-<dt class="rc">Contest ends in</dt> <dd id="countdown" data-start="..." data-time="..." data-stop="..." class="rc">01:30</dd>
+<dt class="rc">Score</dt> <dd id="score" class="timer" data-start="..." data-stop="..." data-value="100" class="rc">50</dd>
+<dt class="rc">Contest ends in</dt> <dd id="countdown" class="timer" data-stop="..." class="rc">01:30</dd>
 </dl>
 
 <a href="/log/?problem=problem_id" id="job_log">Job log</a><br>
This page took 0.016455 seconds and 4 git commands to generate.