mirror of
https://github.com/riwiwa/muzi.git
synced 2026-03-04 00:51:59 -08:00
fix name collisions and add better track/artist/album edit UX
This commit is contained in:
@@ -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}}
|
||||
|
||||
Reference in New Issue
Block a user