config: simplification of some options, moved into html template

This commit is contained in:
Lewis Wynne 2026-04-28 01:59:35 +01:00
parent 3f46b7669d
commit c70c4449fc
6 changed files with 74 additions and 52 deletions

View file

@ -69,20 +69,26 @@
# .entry-name, .entry-website, .entry-body
# BOOK_STYLE=
# Text shown above the form. Empty by default.
# BOOK_FORM_PROMPT=Thanks for visiting. Sign the guestbook!
# Submit button text.
# BOOK_BUTTON_TEXT=sign
# BOOK_BUTTON_TEXT=Submit Entry
# Label for the name field.
# BOOK_LABEL_NAME=name
# BOOK_LABEL_NAME=Your name
# Label for the website field.
# BOOK_LABEL_WEBSITE=website (optional)
# BOOK_LABEL_WEBSITE=Link a website (optional)
# Label for the message field.
# BOOK_LABEL_MESSAGE=message
# BOOK_LABEL_MESSAGE=Leave a message (optional)
# Label for the drawing field (when BOOK_ENABLE_DRAWINGS=true).
# BOOK_LABEL_DRAWING=Leave a drawing (optional)
# Label for the voice note field (when BOOK_ENABLE_VOICE_NOTES=true).
# BOOK_LABEL_VOICE_NOTE=Leave a voice note (optional)
# Initial text on the voice note record button.
# BOOK_VOICE_NOTE_RECORD_TEXT=Start recording
# Message textarea width in pixels.
# BOOK_TEXTAREA_WIDTH=320

View file

@ -249,35 +249,47 @@ in
description = "Custom success page template with {{title}} and {{style}} placeholders. Uses built-in default if null.";
};
greeting = mkOption {
type = types.str;
default = "";
description = "Text shown above the form.";
};
labels = {
submit = mkOption {
type = types.str;
default = "sign";
default = "Submit Entry";
description = "Submit button text.";
};
name = mkOption {
type = types.str;
default = "name";
description = "Label for the name field (used as both screen-reader label and placeholder).";
default = "Your name";
description = "Label for the name field.";
};
website = mkOption {
type = types.str;
default = "website (optional)";
description = "Label for the website field (used as both screen-reader label and placeholder).";
default = "Link a website (optional)";
description = "Label for the website field.";
};
message = mkOption {
type = types.str;
default = "message";
description = "Label for the message field (used as both screen-reader label and placeholder).";
default = "Leave a message (optional)";
description = "Label for the message field.";
};
drawing = mkOption {
type = types.str;
default = "Leave a drawing (optional)";
description = "Label for the drawing field (when drawing.enable=true).";
};
voiceNote = mkOption {
type = types.str;
default = "Leave a voice note (optional)";
description = "Label for the voice note field (when voiceNote.enable=true).";
};
voiceNoteRecord = mkOption {
type = types.str;
default = "Start recording";
description = "Initial text on the voice note record button.";
};
};
@ -323,11 +335,13 @@ in
BOOK_MAX_MESSAGE_LENGTH = toString cfg.limits.message;
BOOK_MAX_WEBSITE_LENGTH = toString cfg.limits.website;
BOOK_STYLE = cfg.styles.css;
BOOK_FORM_PROMPT = cfg.styles.greeting;
BOOK_BUTTON_TEXT = cfg.styles.labels.submit;
BOOK_LABEL_NAME = cfg.styles.labels.name;
BOOK_LABEL_WEBSITE = cfg.styles.labels.website;
BOOK_LABEL_MESSAGE = cfg.styles.labels.message;
BOOK_LABEL_DRAWING = cfg.styles.labels.drawing;
BOOK_LABEL_VOICE_NOTE = cfg.styles.labels.voiceNote;
BOOK_VOICE_NOTE_RECORD_TEXT = cfg.styles.labels.voiceNoteRecord;
BOOK_CANVAS_WIDTH = toString cfg.features.drawing.canvasWidth;
BOOK_CANVAS_HEIGHT = toString cfg.features.drawing.canvasHeight;
BOOK_ENABLE_VOICE_NOTES = if cfg.features.voiceNote.enable then "true" else "false";

View file

@ -37,11 +37,13 @@ pub struct Config {
pub template: Option<String>,
pub success_template: Option<String>,
pub style: String,
pub form_prompt: String,
pub button_text: String,
pub label_name: String,
pub label_website: String,
pub label_message: String,
pub label_drawing: String,
pub label_voice_note: String,
pub voice_note_record_text: String,
pub textarea_width: u32,
pub textarea_height: u32,
}
@ -167,14 +169,19 @@ impl Config {
})
.or_else(|| env::var("BOOK_STYLE").ok())
.unwrap_or_default(),
form_prompt: env::var("BOOK_FORM_PROMPT").unwrap_or_default(),
button_text: env::var("BOOK_BUTTON_TEXT")
.unwrap_or_else(|_| "Submit".into()),
label_name: env::var("BOOK_LABEL_NAME").unwrap_or_else(|_| "name".into()),
.unwrap_or_else(|_| "Submit Entry".into()),
label_name: env::var("BOOK_LABEL_NAME").unwrap_or_else(|_| "Your name".into()),
label_website: env::var("BOOK_LABEL_WEBSITE")
.unwrap_or_else(|_| "website (optional)".into()),
.unwrap_or_else(|_| "Link a website (optional)".into()),
label_message: env::var("BOOK_LABEL_MESSAGE")
.unwrap_or_else(|_| "message (optional)".into()),
.unwrap_or_else(|_| "Leave a message (optional)".into()),
label_drawing: env::var("BOOK_LABEL_DRAWING")
.unwrap_or_else(|_| "Leave a drawing (optional)".into()),
label_voice_note: env::var("BOOK_LABEL_VOICE_NOTE")
.unwrap_or_else(|_| "Leave a voice note (optional)".into()),
voice_note_record_text: env::var("BOOK_VOICE_NOTE_RECORD_TEXT")
.unwrap_or_else(|_| "Start recording".into()),
textarea_width: env::var("BOOK_TEXTAREA_WIDTH")
.unwrap_or_else(|_| "320".into())
.parse()

View file

@ -13,17 +13,8 @@ pub fn render_page(template: &str, config: &Config, entries: &[Entry], form_html
&config.style
};
let style = format!("<style>\n{css}\n </style>");
let prompt = if config.enable_submissions {
format!(
"<span class=\"guestbook-prompt\">{}</span>",
config.form_prompt
)
} else {
String::new()
};
template
.replace("{{title}}", &config.site_title)
.replace("{{prompt}}", &prompt)
.replace("{{form}}", form_html)
.replace("{{entries}}", &entries_html)
.replace("{{style}}", &style)
@ -50,7 +41,7 @@ pub fn render_form(config: &Config) -> String {
let drawing_section = if config.enable_drawings {
format!(
r##"<span class="guestbook-label">drawing (optional)</span>
r##"<span class="guestbook-label">{label}</span>
<span class="guestbook-drawing-wrap"><span class="guestbook-drawing-tools"></span><span class="guestbook-drawing-content"></span></span><input type="hidden" name="drawing"><script>(function(){{
var inl=document.querySelector('.guestbook-drawing-tools'),
cnt=document.querySelector('.guestbook-drawing-content'),
@ -102,6 +93,7 @@ pub fn render_form(config: &Config) -> String {
if(px.some(function(v){{return v!==0}})){{hid.value=c.toDataURL('image/png')}}
}});
}})();</script>"##,
label = config.label_drawing,
w = config.canvas_width,
h = config.canvas_height,
)
@ -111,7 +103,7 @@ pub fn render_form(config: &Config) -> String {
let voice_note_section = if config.enable_voice_notes {
format!(
r##"<span class="guestbook-label">voice note (optional)</span>
r##"<span class="guestbook-label">{label}</span>
<span class="guestbook-voice-wrap"><span class="guestbook-voice-controls"></span><span class="guestbook-voice-playback"></span></span><input type="hidden" name="voice_note"><script>(function(){{
var maxDur={max_dur};
var inl=document.querySelector('.guestbook-voice-controls'),
@ -124,7 +116,7 @@ pub fn render_form(config: &Config) -> String {
rec=null;chunks=[];clearInterval(iv);iv=null;pb.innerHTML='';hid.value='';
inl.innerHTML='';
var a=document.createElement('a');a.href='#';a.className='guestbook-voice-record';
a.textContent='record';
a.textContent='{record}';
a.addEventListener('click',function(e){{e.preventDefault();startRec()}});
inl.appendChild(a);
}}
@ -169,6 +161,8 @@ pub fn render_form(config: &Config) -> String {
}}
setInit();
}})();</script>"##,
label = config.label_voice_note,
record = config.voice_note_record_text,
max_dur = config.voice_note_max_duration,
)
} else {
@ -176,16 +170,13 @@ pub fn render_form(config: &Config) -> String {
};
format!(
r#"<details class="guestbook-details">
<summary class="guestbook-summary">Leave your own message.</summary>
<form class="guestbook-form" method="post" action="/submit" accept-charset="UTF-8">
r#"<form class="guestbook-form" method="post" action="/submit" accept-charset="UTF-8">
<label class="guestbook-label" for="name">{label_name}</label>
<input class="guestbook-input" id="name" name="name" required>
{website_section}<label class="guestbook-label" for="message">{label_message}</label>
<textarea class="guestbook-textarea" id="message" name="message" style="width:{tw}px;height:{th}px"></textarea>
{drawing_section}{voice_note_section}{captcha_section}<input name="url" aria-hidden="true" style="position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)" tabindex="-1" autocomplete="off"><button class="guestbook-button" type="submit">{button}</button>
</form>
</details>"#,
</form>"#,
label_name = config.label_name,
website_section = website_section,
label_message = config.label_message,
@ -348,11 +339,13 @@ mod tests {
template: None,
success_template: None,
style: String::new(),
form_prompt: "Thanks for visiting. Sign the guestbook!".into(),
button_text: "sign".into(),
label_name: "name".into(),
label_website: "website (optional)".into(),
label_message: "message (optional)".into(),
label_drawing: "drawing (optional)".into(),
label_voice_note: "voice note (optional)".into(),
voice_note_record_text: "record".into(),
textarea_width: 400,
textarea_height: 150,
}

View file

@ -414,11 +414,13 @@ mod tests {
template: None,
success_template: None,
style: String::new(),
form_prompt: "Thanks for visiting. Sign the guestbook!".into(),
button_text: "sign".into(),
label_name: "name".into(),
label_website: "website (optional)".into(),
label_message: "message (optional)".into(),
label_drawing: "drawing (optional)".into(),
label_voice_note: "voice note (optional)".into(),
voice_note_record_text: "record".into(),
textarea_width: 400,
textarea_height: 150,
}

View file

@ -7,13 +7,11 @@
Available placeholders:
title - Site title (BOOK_SITE_TITLE). Useful in <title> and headings.
prompt - The form prompt text (BOOK_FORM_PROMPT), wrapped in a
<span class="guestbook-prompt">. Empty when submissions
are disabled. Place anywhere relative to the form.
form - The submission form (labels, inputs, button). Controlled by
BOOK_LABEL_NAME, BOOK_LABEL_WEBSITE, BOOK_LABEL_MESSAGE,
BOOK_BUTTON_TEXT, BOOK_TEXTAREA_WIDTH, BOOK_TEXTAREA_HEIGHT.
Empty when BOOK_ENABLE_SUBMISSIONS=false.
BOOK_LABEL_DRAWING, BOOK_LABEL_VOICE_NOTE, BOOK_BUTTON_TEXT,
BOOK_TEXTAREA_WIDTH, BOOK_TEXTAREA_HEIGHT. Empty when
BOOK_ENABLE_SUBMISSIONS=false.
entries - Approved guestbook entries, newest first.
style - Custom CSS from BOOK_STYLE or BOOK_STYLE_FILE, wrapped in
a <style> tag. Uses built-in default.css when neither is set.
@ -32,8 +30,10 @@
<div class="page-container">
<h1>{{title}}</h1>
{{prompt}}
<details class="guestbook-details">
<summary class="guestbook-summary">Click me to leave an entry</summary>
{{form}}
</details>
<h1>entries</h1>
{{entries}}