diff --git a/mixins/TabLike.pixy b/mixins/TabLike.pixy deleted file mode 100644 index 31d19049..00000000 --- a/mixins/TabLike.pixy +++ /dev/null @@ -1,14 +0,0 @@ -component TabLike(label string, icon string, track *arn.SoundTrack, user *arn.User) - if user == nil - a.tab.action(aria-label=label) - Icon(icon) - span.tab-text= label - else - if track.LikedBy(user.ID) - a.tab.action(data-api="/api" + track.Link(), data-action="unlike", data-trigger="click", aria-label=label) - Icon(icon) - span.tab-text= label - else - a.tab.action(data-api="/api" + track.Link(), data-action="like", data-trigger="click", aria-label=label) - Icon(icon) - span.tab-text= label diff --git a/mixins/TabLikeTrack.pixy b/mixins/TabLikeTrack.pixy new file mode 100644 index 00000000..58bc5f5c --- /dev/null +++ b/mixins/TabLikeTrack.pixy @@ -0,0 +1,14 @@ +component TabLikeTrack(label string, icon string, track *arn.SoundTrack, user *arn.User) + if user == nil + .tab.action(aria-label=label, title="Login to like this track") + Icon(icon) + span.tab-text= label + else + if track.LikedBy(user.ID) + .tab.action(data-api="/api" + track.Link(), data-action="unlike", data-trigger="click", aria-label=label, title="Click to unlike this track") + Icon(icon) + span.tab-text= label + else + .tab.action(data-api="/api" + track.Link(), data-action="like", data-trigger="click", aria-label=label, title="Click to like this track") + Icon(icon + "-o") + span.tab-text= label diff --git a/pages/soundtrack/soundtrack.pixy b/pages/soundtrack/soundtrack.pixy index 4e5ef006..0be148e6 100644 --- a/pages/soundtrack/soundtrack.pixy +++ b/pages/soundtrack/soundtrack.pixy @@ -52,4 +52,4 @@ component SoundTrackTabs(track *arn.SoundTrack, user *arn.User) .tabs Tab("Soundtrack", "music", track.Link()) Tab("Edit", "pencil", track.Link() + "/edit") - TabLike(strconv.Itoa(len(track.Likes)), "heart", track, user) + TabLikeTrack(strconv.Itoa(len(track.Likes)), "heart", track, user) diff --git a/styles/tabs.scarlet b/styles/tabs.scarlet index 63f496d8..ee85cf6e 100644 --- a/styles/tabs.scarlet +++ b/styles/tabs.scarlet @@ -10,6 +10,7 @@ color text-color background-color tab-hover-background text-shadow none + cursor pointer :active transform none