tabris/music-collection
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adding track number to song edit form
All checks were successful
Music Collection CI Workflow / build-and-push-images (./frontend/Dockerfile, git.anatid.net/tabris/music-collection-frontend, ./frontend) (push) Successful in 1m50s
Details
Music Collection CI Workflow / deploy (push) Successful in 2s
Details
Music Collection CI Workflow / test (./backend) (push) Successful in 27s
Details
Music Collection CI Workflow / test (./frontend) (push) Successful in 35s
Details
Music Collection CI Workflow / build-and-push-images (./backend/Dockerfile, git.anatid.net/tabris/music-collection-backend, ./backend) (push) Successful in 49s
Details

Browse Source
This commit is contained in:
Phill Pover 2025-04-06 23:35:18 +01:00
parent 1e9663a36e
commit 136c13887d
2 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/app/actions.tsx
View File

@ -88,6 +88,7 @@ export async function createSong(formData: FormData) {
const albumId = formData.get('album-id'); const albumId = formData.get('album-id');
const title = formData.get('title'); const title = formData.get('title');
const duration = formData.get('duration'); const duration = formData.get('duration');
const trackNumber = formData.get('trackNumber');
return fetch("https://api.anatid.net/song", { return fetch("https://api.anatid.net/song", {
method: "POST", method: "POST",
headers: { "Content-Type": "application/json" }, headers: { "Content-Type": "application/json" },
@ -95,6 +96,7 @@ export async function createSong(formData: FormData) {
albumId: albumId, albumId: albumId,
title: title, title: title,
duration: duration, duration: duration,
trackNumber: trackNumber,
}) })
}).then(response => { }).then(response => {
return response.json(); return response.json();
@ -106,6 +108,7 @@ export async function updateSong(formData: FormData) {
const albumId = formData.get('album-id'); const albumId = formData.get('album-id');
const title = formData.get('title'); const title = formData.get('title');
const duration = formData.get('duration'); const duration = formData.get('duration');
const trackNumber = formData.get('trackNumber');
return fetch(`https://api.anatid.net/song/${id}`, { return fetch(`https://api.anatid.net/song/${id}`, {
method: "PUT", method: "PUT",
headers: { "Content-Type": "application/json" }, headers: { "Content-Type": "application/json" },
@ -114,6 +117,7 @@ export async function updateSong(formData: FormData) {
albumId: albumId, albumId: albumId,
title: title, title: title,
duration: duration, duration: duration,
trackNumber: trackNumber,
}) })
}).then(response => { }).then(response => {
return response.json(); return response.json();

5
frontend/src/app/album/[id]/page.tsx
View File

@ -96,6 +96,11 @@ export default function Page() {
<label htmlFor="album-artist">Duration (seconds)</label><input type="text" name="artist" id="song-duration" /> <label htmlFor="album-artist">Duration (seconds)</label><input type="text" name="artist" id="song-duration" />
</div> </div>
</div> </div>
<div className="row">
<div className="six columns">
<label htmlFor="album-title">Track Number</label><input type="text" name="trackNumber" id="song-trackNumber" />
</div>
</div>
<Button variant="primary" type="submit">Create</Button> <Button variant="primary" type="submit">Create</Button>
</form> </form>
</div> </div>