Improved soundtrack editing

This commit is contained in:
2017-10-12 17:52:46 +02:00
parent 6d0b2ccdf6
commit 37a9e6cbf4
11 changed files with 142 additions and 68 deletions

View File

@ -24,8 +24,9 @@ component InputTags(id string, value []string, label string)
.tags(id=id)
for index, tag := range value
.tag
span.tag-title= tag
.tag-remove.action(data-action="arrayRemove", data-trigger="click", data-field=id, data-index=index) x
span.tag-title.action(contenteditable="true", data-trigger="focusout", data-action="save", data-field=id + "[" + strconv.Itoa(index) + "]")= tag
button.tag-remove.action(data-action="arrayRemove", data-trigger="click", data-field=id, data-index=index)
RawIcon("trash")
button.tag-add.action(data-action="arrayAppend", data-trigger="click", data-field=id)
RawIcon("plus")

View File

@ -7,13 +7,25 @@ component SoundTrackAllMedia(track *arn.SoundTrack)
component SoundTrackMedia(track *arn.SoundTrack, media *arn.ExternalMedia)
.sound-track.mountable(id=track.ID)
.sound-track-content
SoundTrackContent(track, media)
SoundTrackFooter(track)
component SoundTrackContent(track *arn.SoundTrack, media *arn.ExternalMedia)
.sound-track-content
if track.MainAnime() != nil
a.sound-track-anime-link.ajax(href="/anime/" + track.MainAnime().ID)
img.sound-track-anime-image.lazy(data-src=track.MainAnime().Image.Small, alt=track.MainAnime().Title.Canonical, title=track.MainAnime().Title.Canonical)
iframe.lazy(data-src=media.EmbedLink(), allowfullscreen="allowfullscreen")
.sound-track-footer
a.ajax(href=track.Link())
Icon("music")
span posted by
a.ajax(href=track.CreatedByUser().Link())= track.CreatedByUser().Nick + " "
ExternalMedia(media)
component SoundTrackFooter(track *arn.SoundTrack)
.sound-track-footer
if track.Title == ""
a.ajax(href=track.Link() + "/edit") untitled
else
a.ajax(href=track.Link())= track.Title
span posted by
a.ajax(href=track.CreatedByUser().Link())= track.CreatedByUser().Nick + " "
component ExternalMedia(media *arn.ExternalMedia)
iframe.lazy(data-src=media.EmbedLink(), allowfullscreen="allowfullscreen")