summaryrefslogtreecommitdiff
path: root/site
diff options
context:
space:
mode:
Diffstat (limited to 'site')
-rw-r--r--site/examples/encrypted.jsonbin641 -> 652 bytes
-rw-r--r--site/examples/example.json2
-rw-r--r--site/i18n.js67
-rw-r--r--site/index.html31
-rw-r--r--site/thanks.html2
5 files changed, 86 insertions, 16 deletions
diff --git a/site/examples/encrypted.json b/site/examples/encrypted.json
index 3eac1c5..2e24d13 100644
--- a/site/examples/encrypted.json
+++ b/site/examples/encrypted.json
Binary files differ
diff --git a/site/examples/example.json b/site/examples/example.json
index 2a6c2f9..fcd09d8 100644
--- a/site/examples/example.json
+++ b/site/examples/example.json
@@ -1 +1 @@
-{"title":"Test Survey","description":"This is a test survey.","questions":[{"question":"first question","name":"question1","space":"YesOrNo"},{"question":"second question","name":"question2","space":{"Freeform":"test"}},{"question":"third question","name":"question3","space":{"Multiple":["first possible answer","second possible answer","third possible answer"]}}],"pubkey":"age1f380w6eaeuydey65mmu88h4kqv50dda96pxlgkal78sufpnngypqnetmuu"}
+{"title":"Test Survey","description":"This is a test survey.","questions":[{"question":"first question","name":"question1","space":"YesOrNo"},{"question":"second question","name":"question2","space":{"Freeform":"test"}},{"question":"third question","name":"question3","space":{"Multiple":["first possible answer","second possible answer","third possible answer"]}}],"pubkey":"age1f380w6eaeuydey65mmu88h4kqv50dda96pxlgkal78sufpnngypqnetmuu","lang":"en"} \ No newline at end of file
diff --git a/site/i18n.js b/site/i18n.js
new file mode 100644
index 0000000..38ffe7b
--- /dev/null
+++ b/site/i18n.js
@@ -0,0 +1,67 @@
+
+
+
+let langs = {
+ en : {
+ // error message in case the survey url was obviously invalid (currently only the case if none was given)
+ "Error: nothing here": "There's nothing here. Maybe try appending something after the url?\n\nAlternatively, check to see if you copied the whole url.",
+ // error message in case the http request on the survey url returned a status code that wasn't 200
+ "Error: survey doesn't exist": "Could not load this survey; are you sure that it exists?",
+ // error message in case the survey url was loaded, but had some obviously invalid format (i.e. neither json nor age encryption)
+ "Error: unknown format": "Could not load this survey; it appears to be in a wrong or unknown format.",
+ // text fragment in error messages, after which the survey url will be printed
+ "attempted path:": "Attempted path:",
+ // prompt for a passphrase
+ "please enter passphrase": "please enter a passphrase to access the survey:",
+ // error message in case decryption failed
+ "passphrase incorrect": "passphrase was incorrect!",
+ // document title for the decryption dialog
+ "Enter Passphrase": "Enter Passphrase",
+ // header of the decryption dialog
+ "Passphrase": "Passphrase",
+ // the text on the "decrypt" button
+ "decrypt": "decrypt",
+ // the text on the "submit" button
+ "submit": "submit",
+ // error message in case the given answers were invalid
+ "Error: answers invalid":"Cannot submit: not all required questions were filled in!",
+ // error message in case the post request failed entirely (i.e. printed if the .catch-clause of the fetch() function is reached)
+ "Error: could not post":"Error: The http POST request did not succeed.",
+ // error message in case the post request returned some other status code than 200; its status code and message will be appended in the next line after the text given here
+ "Error: post returned error":"Error: The http POST request returned an error code:"
+ },
+ de : {
+ "Error: nothing here": "Hier ist nichts. Evtl. hilft es, etwas hinten an die url dranzuhängen?\n\nAnsonsten: bist du dir sicher, dass du den ganzen Link hierher kopiert hast?",
+ "Error: survey doesn't exist": "Diese Umfrage konnte nicht geladen werden. Bist du sicher, dass sie existiert?",
+ "Error: unknown format": "Diese Umfrage scheint ein unbekanntes Format zu haben und konnte nicht angezeigt werden",
+ "attempted path:": "Abgerufener Pfad:",
+ "please enter passphrase": "Bitte gebe eine Passphrase ein, um die Umfrage zu entschlüsseln",
+ "passphrase incorrect": "Passphrase war nicht korrekt!",
+ "Passphrase": "Passphrase",
+ "decrypt":"entschlüsseln",
+ "submit":"absenden",
+ "Enter Passphrase": "Passphrase eingeben",
+ "Error: answers invalid":"Einige verpflichtenden Antworten fehlen!",
+ "Error: could not post":"Fehler: Die http POST Anfrage schlug fehl.",
+ "Error: post returned error":"Fehler: Die http POST Anfragen schlug fehl und gab einen Fehlercode zurück:"
+ }
+}
+
+// we use english by default until something else is set
+let locale = "en";
+
+// the main translation function. if no fitting translation
+// is found, it returns the key as a fallback value
+// (therefore, keys should themselves be understandable texts)
+export function _(key) {
+ console.log("getting translation for ", locale, key);
+ return !(locale in langs) ? key
+ : !(key in langs[locale]) ? key
+ : langs[locale][key]
+}
+
+export function setLang (loc) {
+ locale = loc;
+}
+
+export default _;
diff --git a/site/index.html b/site/index.html
index 5771e94..bceb936 100644
--- a/site/index.html
+++ b/site/index.html
@@ -1,4 +1,4 @@
-<html>
+<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
@@ -10,6 +10,7 @@
<script type="module">
import init, { age_encrypt, age_decrypt } from "./rage_wasm.js";
+ import _, { setLang } from "./i18n.js";
/// the basic idea here is to have functions which construct parts
/// of the DOM that renders the survey to a user. These functions
@@ -122,6 +123,8 @@
// makes a survey from a given json config object
function mkSurvey (survey) {
document.title = survey.title;
+ setLang(survey.lang);
+ document.getElementsByTagName("html")[0].lang = survey.lang;
// make the header with general information
let header = document.createElement("div");
appendChildren(header, [
@@ -146,7 +149,7 @@
});
let footer = mkElement("section");
- let submit = mkElement("button", "Submit");
+ let submit = mkElement("button", _("submit"));
let errormsg = mkElement("p", "", "error");
appendChildren(footer, [
mkElement("hr"),
@@ -182,17 +185,17 @@
console.log(response.text())
window.location.href = "thanks.html";
}
- errormsg.innerText = "POST request returned error code:\n"
+ errormsg.innerText = _("Error: post returned error") + "\n"
+ response.status + ": " + response.statusText;
errormsg.hidden = false;
}).catch(error => {
console.log(error);
- errormsg.innerText = "Error: The http POST request did not succeed.";
+ errormsg.innerText = _("Error: could not post");
errormsg.hidden = false;
});
} else {
- errormsg.innerText = "Cannot submit: not all required questions were filled in!";
+ errormsg.innerText = _("Error: answers invalid");
errormsg.hidden = false;
}
}
@@ -207,21 +210,21 @@
/// displays a passphrase prompt until the use enters a passphrase
/// which age can use for successful decryption
function askPassphrase (ciphertext, secondTry=false) {
- document.title = "Enter Passphrase";
+ document.title = _("Enter Passphrase");
let div = mkElement("div");
- let button = mkElement("button", "decrypt");
+ let button = mkElement("button", _("decrypt"));
let [passphrase,label] = mkOption(
"password",
- "please enter a passphrase to access the survey:"
+ _("please enter passphrase")
);
passphrase.value = "";
appendChildren(div, [
- mkElement("h1", "Passphrase"),
+ mkElement("h1", _("Passphrase")),
appendChildren(mkElement("p"),[label]),
passphrase,
button
].concat(
- secondTry ? [mkElement("p","passphrase was incorrect!","error")] : []
+ secondTry ? [mkElement("p",_("passphrase incorrect"),"error")] : []
));
root.appendChild(div);
button.onclick = () => {
@@ -247,7 +250,7 @@
mkElement("h1", "Error"),
mkElement("p", msg, "error"),
appendChildren(
- mkElement("p","attempted path: ","error"),
+ mkElement("p",_("attempted path:"),"error"),
[mkElement("tt", surveyUrl,"error")]
)
]);
@@ -275,7 +278,7 @@
console.log ("survey appears to be encrypted");
askPassphrase(bytearray);
} else {
- mkReadError ("Could not load this survey; it appears to be in a wrong or unknown format.");
+ mkReadError (_("Error: unknown format"));
}
}
/// if the survey was unencrypted, start it here. If it
@@ -287,14 +290,14 @@
}
// couldn't load survey json, show error message
} else {
- mkReadError ("Could not load this survey; are you sure that it exists?");
+ mkReadError (_("Error: survey doesn't exist"));
}
}
}
}
if (surveyUrl === "") {
- mkReadError ("There's nothing here. Maybe try appending something after the url?\n\nAlternatively, check to see if you copied the whole url.");
+ mkReadError (_("Error: nothing here"));
} else {
main ()
}
diff --git a/site/thanks.html b/site/thanks.html
index 1f0a18b..e7b5ad4 100644
--- a/site/thanks.html
+++ b/site/thanks.html
@@ -1,4 +1,4 @@
-<html>
+<html lang="en">
<head>
<meta charset="UTF-8">
<title>Thanks for answering the survey!</title>