fix name collisions and add better track/artist/album edit UX

This commit is contained in:
2026-02-28 23:31:26 -08:00
parent 99185499b1
commit 19ab88268e
11 changed files with 973 additions and 109 deletions

View File

@@ -1,13 +1,17 @@
{{define "artist"}}
<div class="profile-top">
{{if .Artist.ImageUrl}}
<img src="{{.Artist.ImageUrl}}" alt="{{.Artist.Name}}'s image">
<img class="editable-image" data-entity="artist" data-id="{{.Artist.Id}}" data-field="image_url" src="{{.Artist.ImageUrl}}" alt="{{.Artist.Name}}'s image">
{{else}}
<img src="/files/assets/pfps/default_artist.png" alt="{{.Artist.Name}}'s image">
<img class="editable-image" data-entity="artist" data-id="{{.Artist.Id}}" data-field="image_url" src="/files/assets/pfps/default_artist.png" alt="{{.Artist.Name}}'s image">
{{end}}
<div class="username-bio">
<h1>{{.Artist.Name}}</h1>
<h2>{{.Artist.Bio}}</h2>
<h1>
{{.Artist.Name}}
{{if eq .LoggedInUsername .Username}}
<button class="edit-btn" onclick="openEditModal()">Edit</button>
{{end}}
</h1>
</div>
<div class="profile-top-blank">
</div>
@@ -15,19 +19,6 @@
<h3>{{formatInt .ListenCount}}</h3> <p>Listens<p>
</div>
</div>
{{if eq .LoggedInUsername .Username}}
<div class="edit-section">
<h3>Edit Artist</h3>
<form method="POST" action="/profile/{{.Username}}/artist/{{.Artist.Id}}/edit">
<label>Name: <input type="text" name="name" value="{{.Artist.Name}}"></label>
<label>Image URL: <input type="text" name="image_url" value="{{.Artist.ImageUrl}}"></label>
<label>Bio: <textarea name="bio">{{.Artist.Bio}}</textarea></label>
<label>Spotify ID: <input type="text" name="spotify_id" value="{{.Artist.SpotifyId}}"></label>
<label>MusicBrainz ID: <input type="text" name="musicbrainz_id" value="{{.Artist.MusicbrainzId}}"></label>
<button type="submit">Save</button>
</form>
</div>
{{end}}
<div class="history">
<h3>Scrobbles</h3>
<table>
@@ -41,7 +32,7 @@
{{range .Times}}
<tr>
<td><a href="/profile/{{$username}}/artist/{{urlquery .ArtistName}}">{{.ArtistName}}</a></td>
<td><a href="/profile/{{$username}}/song/{{urlquery .SongName}}">{{.SongName}}</a></td>
<td><a href="/profile/{{$username}}/song/{{urlquery .ArtistName}}/{{urlquery .SongName}}">{{.SongName}}</a></td>
<td><a href="/profile/{{$username}}/album/{{urlquery .AlbumName}}">{{.AlbumName}}</a></td>
<td title="{{formatTimestampFull .Timestamp}}">{{formatTimestamp .Timestamp}}</td>
</tr>
@@ -54,4 +45,26 @@
{{end}}
<a href="/profile/{{.Username}}/artist/{{urlquery .Artist.Name}}?page={{add .Page 1}}">Next Page</a>
</div>
<div class="bio-box">
<h3>Bio</h3>
<p id="bio-display">{{.Artist.Bio}}</p>
</div>
{{if eq .LoggedInUsername .Username}}
<div id="editModal" class="modal-overlay" style="display:none;">
<div class="modal-content">
<h2>Edit Artist</h2>
<form id="editForm" data-entity="artist" data-id="{{.Artist.Id}}">
<label>Name: <input type="text" name="name" value="{{.Artist.Name}}"></label>
<label>Bio: <textarea name="bio">{{.Artist.Bio}}</textarea></label>
<label>Spotify ID: <input type="text" name="spotify_id" value="{{.Artist.SpotifyId}}"></label>
<label>MusicBrainz ID: <input type="text" name="musicbrainz_id" value="{{.Artist.MusicbrainzId}}"></label>
<div class="modal-buttons">
<button type="button" class="cancel-btn" onclick="closeEditModal()">Cancel</button>
<button type="submit">Save</button>
</div>
</form>
</div>
</div>
{{end}}
{{end}}