config: added custom html insertion and separated name and title

src/main.rs

@@ -18,13 +18,17 @@ use tower_http::cors::{Any, CorsLayer};
 #[derive(Debug, Deserialize)]
 struct FieldDef {
     name: String,
+    title: String,
     description: String,
     answer_type: String,
+    html_before: Option<String>,
+    html_after: Option<String>,
 }
 
 #[derive(Debug, Deserialize)]
 struct AppConfig {
     json_output: String,
+    submit_button: String,
     fields: Vec<FieldDef>,
 }
 
@@ -111,11 +115,13 @@ async fn render_form(State(state): State<AppState>) -> impl IntoResponse {
     struct FormTemplate<'a> {
         fields: &'a [FieldDef],
         lang: &'a str,
+        submit_button: &'a str,
     }
 
     let tmpl = FormTemplate {
         fields: &state.cfg.fields,
         lang: "en",
+        submit_button: &state.cfg.submit_button,
     };
     match tmpl.render() {
         Ok(html) => Html(html).into_response(),

templates/form.html

@@ -3,11 +3,13 @@
 {% block title %}Form{% endblock %}
 
 {% block content %}
-<h1>Dynamic Form</h1>
 <form action="/submit" method="POST" autocomplete="off">
     {% for f in fields %}
+    {% if f.html_before.is_some() %}
+        {{ f.html_before.as_ref().unwrap() | safe }}
+    {% endif %}
     <div class="field">
-        <label for="{{ f.name }}">{{ f.description }}</label>
+        <label>{{ f.title }}</label>
         <div class="desc">{{ f.description }}</div>
         {% if f.answer_type == "textarea" %}
             <textarea id="{{ f.name }}" name="{{ f.name }}" rows="5"></textarea>
@@ -17,8 +19,11 @@
             <input id="{{ f.name }}" name="{{ f.name }}" type="{{ f.answer_type }}">
         {% endif %}
     </div>
+    {% if f.html_after.is_some() %}
+        {{ f.html_after.as_ref().unwrap() | safe }}
+    {% endif %}
     {% endfor %}
-    <div><button type="submit">Submit</button></div>
+  <div><button type="submit">{{ submit_button }}</button></div>
 </form>
 {% endblock %}