X-Git-Url: http://lists.indexdata.dk/cgi-bin?a=blobdiff_plain;f=examples%2Fhtdocs%2Ftester.html;h=80e10f6a1634aa05d2e5ca6fda90a94fad8ee961;hb=4b4ff2f87cc2e5e8653238329fc1ecb3ae1d00bb;hp=bab039dd1ec6a06aa6a800e70a31394dcbdca76b;hpb=d4bcde9b1af92ec7bb104c12225f9503f5781f04;p=mkws-moved-to-github.git
diff --git a/examples/htdocs/tester.html b/examples/htdocs/tester.html
index bab039d..80e10f6 100644
--- a/examples/htdocs/tester.html
+++ b/examples/htdocs/tester.html
@@ -85,7 +85,7 @@ header button {
font: inherit;
font-weight: normal;
border: 1px solid #7492c3;
- padding: 0.1em 0.15em;
+ padding: 0.15em 0.25em;
}
header button:hover, header button:active, header button:focus {
background-color: #2f5591;
@@ -145,7 +145,32 @@ header button:hover, header button:active, header button:focus {
display: flex;
justify-content: center;
align-items: center;
+ overflow: auto;
}
+#results-table {
+ flex: 1;
+ padding: 1em;
+ display: flex;
+ justify-content: center;
+}
+#results-table table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+#results-table td, #results-table th {
+ padding: .25em 1.25em;
+ font-size: .9em;
+}
+#results-table tr:first-child {
+ border-bottom: 1px solid black;
+}
+#results-table tr {
+ border-bottom: 1px dotted black;
+}
+#results-table tr:last-child {
+ border-bottom: none;
+}
+
@@ -199,21 +224,37 @@ header button:hover, header button:active, header button:focus {
(function () { // wrapper
// Initial data
this.queries = ["sushi", "wurst", "berlin", "hammer", "bristol", "copenhagen", "tea", "latte"];
-$("#queries > textarea").html(this.queries.join("\n"));
this.widgetMarkup = '
Loading..
';
+if (localStorage.getItem('mkwstest-queries')) {
+ this.queries = JSON.parse(localStorage.getItem('mkwstest-queries'));
+}
+if (localStorage.getItem('mkwstest-widget-markup')) {
+ this.widgetMarkup = localStorage.getItem('mkwstest-widget-markup');
+}
+$("#queries > textarea").html(this.queries.join("\n"));
$("#widget-markup > textarea").html(this.widgetMarkup);
this.results = {};
-var next;
+var next = 0;
+if (localStorage.getItem('mkwstest-results')) {
+ this.results = JSON.parse(localStorage.getItem('mkwstest-results'));
+}
+if (localStorage.getItem('mkwstest-next') !== null) {
+ next = parseInt(localStorage.getItem('mkwstest-next'));
+}
+
var context = this;
var showNext = function () {
if (next < this.queries.length) {
$('#test-subject').html(this.widgetMarkup.replace("{{query}}", this.queries[next]));
$('#query').html('"' + this.queries[next] + '"');
+ localStorage.setItem("mkwstest-next", next);
next++;
$('#count').html(next + " / " + this.queries.length);
mkws.init('#test-subject');
+ } else {
+ $("#results-table").dialog("open");
}
}
var startEval = function () {
@@ -225,6 +266,7 @@ var startEval = function () {
var judge = function (e) {
var query = $('#test-subject > div').attr('autosearch');
context.results[query] = {judgement: $(this).html()};
+ localStorage.setItem("mkwstest-results", JSON.stringify(context.results));
showNext();
}
@@ -242,6 +284,7 @@ $(".dialog").dialog({
// Markup dialog
var updateMarkup = function () {
context.widgetMarkup = $("#widget-markup > textarea").val();
+ localStorage.setItem("mkwstest-widget-markup", context.widgetMarkup);
startEval();
}
$("#widget-markup-button").click(function () {
@@ -255,6 +298,7 @@ $("#widget-markup").dialog("option", "buttons", [
// Queries dialog
var updateQueries = function () {
context.queries = $("#queries > textarea").val().split("\n");
+ localStorage.setItem("mkwstest-queries", JSON.stringify(context.queries));
startEval();
}
$("#queries-button").click(function () {
@@ -296,7 +340,7 @@ $("#results-csv").dialog("option", "open", function () {
});
$('button.judgement').click(judge);
-startEval();
+showNext();
})();// wrapper