From 022a389175d3349d71e8266c89bd710424591400 Mon Sep 17 00:00:00 2001 From: Harvey Tindall Date: Tue, 20 Oct 2020 23:05:51 +0100 Subject: [PATCH] Updated Appearance (markdown) --- Appearance.md | 31 ++++++++++++++++++++++++++++++- 1 file changed, 30 insertions(+), 1 deletion(-) diff --git a/Appearance.md b/Appearance.md index 7a927c4..94af54f 100644 --- a/Appearance.md +++ b/Appearance.md @@ -7,5 +7,34 @@ jfa-go uses Bootstrap, which is relatively easy to customize. There are 3 option ### HTML -support for custom HTML is a bit rudimentary. One can specify a path to a folder containing customized HTML files with the `files/html_templates` setting. Any files that match the names of jfa-go's internal templates will be loaded instead. The files use go's built in templating language, so familiarize yourself with it first ([a good resource](https://blog.gopheracademy.com/advent-2017/using-go-templates/)) so you know what different parts do. You can find the internal templates [here](https://github.com/hrfee/jfa-go/tree/main/data/templates). Good luck! +support for custom HTML is a bit rudimentary. One can specify a path to a folder containing customized HTML files with the `files/html_templates` setting. Any files that match the names of jfa-go's internal templates will be loaded instead. The files use go's built in templating language, so familiarize yourself with it first ([a good resource](https://blog.gopheracademy.com/advent-2017/using-go-templates/)) so you know what different parts do. You can find the internal templates [here](https://github.com/hrfee/jfa-go/tree/main/data/templates). + +Additionally, Password requirement strings (e.g "Must have at least n characters") can be customized, which is useful if you're translating the page. In your `form.html` file, inside script tags, add this: +```javascript +var validationStrings = { + "length": { + "singular": "Must have at least {n} character", + "plural": "Must have a least {n} characters" + }, + "uppercase": { + "singular": "Must have at least {n} uppercase character", + "plural": "Must have at least {n} uppercase characters" + }, + "lowercase": { + "singular": "Must have at least {n} lowercase character", + "plural": "Must have at least {n} lowercase characters" + }, + "number": { + "singular": "Must have at least {n} number", + "plural": "Must have at least {n} numbers" + }, + "special": { + "singular": "Must have at least {n} special character", + "plural": "Must have at least {n} special characters" + } +} +``` +Make sure you include `{n}` in each, this is where the number goes. + +Good luck!