table rendering

This commit is contained in:
Khaïs COLIN 2025-10-18 21:21:58 +02:00
parent d4db9155a6
commit bc4203aee0
Signed by: logistic-bot
SSH key fingerprint: SHA256:RlpiqKeXpcPFZZ4y9Ou4xi2M8OhRJovIwDlbCaMsuAo
5 changed files with 59 additions and 34 deletions

View file

@ -20,6 +20,8 @@
pkgs.rust-analyzer
pkgs.clippy
pkgs.sqlite
pkgs.superhtml
pkgs.vscode-langservers-extracted
];
};
}

Binary file not shown.

View file

@ -1,6 +1,8 @@
CREATE TABLE IF NOT EXISTS task (
CREATE TABLE IF NOT EXISTS food (
id INTEGER PRIMARY KEY,
portion TEXT NOT NULL,
name TEXT NOT NULL,
worth FLOAT NOT NULL DEFAULT 1.0,
times_completed INTEGER NOT NULL DEFAULT 0
kc_per_serving INTEGER NOT NULL DEFAULT 0,
target_servings INTEGER NOT NULL DEFAULT 1,
actual_servings INTEGER NOT NULL DEFAULT 0
);

View file

@ -7,20 +7,22 @@ use askama::Template;
#[derive(Template)]
#[template(path = "index.html")]
struct IndexTemplate {
tasks: Vec<Task>,
foods: Vec<Food>,
}
#[derive(Debug, Clone, PartialEq)]
struct Task {
struct Food {
id: i32,
portion: String,
name: String,
worth: f32,
times_completed: i32,
kc_per_serving: i32,
target_servings: i32,
actual_servings: i32,
}
#[tokio::main]
async fn main() {
let db_connecion_str = "./tasks.db".to_string();
let db_connecion_str = "./foods.db".to_string();
let conn = Connection::open(db_connecion_str).unwrap();
conn.execute(include_str!("create_tables.sql"), ()).unwrap();
let conn = Arc::new(Mutex::new(conn));
@ -36,16 +38,18 @@ async fn root(
State(conn): State<Arc<Mutex<Connection>>>
) -> Html<String> {
let conn = conn.lock().unwrap();
let mut stmt = conn.prepare("SELECT id, name, worth, times_completed FROM task").unwrap();
let tasks = stmt.query_map((), |row| {
Ok(Task {
let mut stmt = conn.prepare("SELECT id, portion, name, kc_per_serving, target_servings, actual_servings FROM food").unwrap();
let foods = stmt.query_map((), |row| {
Ok(Food {
id: row.get(0).unwrap(),
name: row.get(1).unwrap(),
worth: row.get(2).unwrap(),
times_completed: row.get(3).unwrap(),
portion: row.get(1).unwrap(),
name: row.get(2).unwrap(),
kc_per_serving: row.get(3).unwrap(),
target_servings: row.get(4).unwrap(),
actual_servings: row.get(5).unwrap(),
})
}).unwrap().collect::<Result<_, _>>().unwrap();
let index = IndexTemplate {tasks};
let index = IndexTemplate {foods};
Html(
index.render().unwrap()
)

View file

@ -1,21 +1,38 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Task Counter</title>
<title>Food Tracker</title>
</head>
<body>
<header>
<h1>Task Counter!</h1>
</header>
<main>
<ul>
{% for task in tasks %}
<li>{{ task.name }}</li>
<table style="display: flex">
<tr>
<th>Portion</th>
<th>Lebensmittel</th>
<th>kc.</th>
<th>Servings (target)</th>
</tr>
{% for food in foods %}
<tr>
<td>{{ food.portion }}</td>
<td>{{ food.name }}</td>
<td style="text-align: right;">{{ food.kc_per_serving }}</td>
<td>
<progress max="{{food.target_servings}}" value="{{food.actual_servings}}" {% if food.actual_servings>
food.target_servings %}style="accent-color: red;"{% endif %}></progress>
{{ food.actual_servings }}/{{ food.target_servings }}
<button>+</button>
<button>-</button>
</td>
</tr>
{% endfor %}
</ul>
</table>
</main>
</body>
</html>