mitteneer/zuletzt
1
0
Fork 0
Code Issues 14 Pull requests Projects Releases Packages Wiki Activity Actions

Start ratings

Browse source 
This is actually fantastic, I'm really happy with how this has worked so far. My only concern for the future is how posting reviews from the `/ratings` path might work, since it's currently designed around posting reviews from the song page itself, but I think some HTMX and/or JS wil alleviate any problems I run into
This commit is contained in:
mitteneer 2025-06-23 10:18:17 -04:00
parent f292368947
commit b7e625dd98
3 changed files with 21 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/app/views/ratings/songs.zig Normal file
View file

@ -0,0 +1,12 @@
const std = @import("std");
const jetzig = @import("jetzig");
pub fn post(request: *jetzig.Request) !jetzig.View {
var root = try request.data(.object);
const params = try request.params();
const id = params.getT(.integer, "song_id");
const review = params.getT(.string, "review");
try root.put("song_id", id);
try root.put("review", review);
return request.render(.created);
}

2
src/app/views/ratings/songs/post.zmpl Normal file
View file

@ -0,0 +1,2 @@
{{.song_id}}
{{.review}}

9
src/app/views/songs/get.zmpl
View file

@ -5,6 +5,7 @@
<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/htmx.org@2.0.5/dist/htmx.min.js" integrity="sha384-t4DxZSyQK+0Uv4jzy5B0QyHyWQD2GFURUmxKMBVww9+e2EJ0ei/vCvv7+79z0fkr" crossorigin="anonymous"></script>
<meta charset="UTF-8">
</head>
<body>
@ -24,9 +25,13 @@
</div>
<div style="display:flex;flex-direction:column;align-self:right">
<h2>Rating</h2>
<input type="text">
<input type="button">
<form>
<input type="number" name="score" id="score" style="width:50px;height:30px">
<textarea name="review" id="review" style="width:350px;height:100px"></textarea>
<button hx-post="/ratings/songs" hx-vals='{"song_id":"{{.song.song_id}}"}' hx-target="#review-container" style="width:50px;height:30px">Post</button>
</form>
</div>
<div id="review-container">No reviews</div>
</div>
</body>
</html>