philomena/lib/philomena_web/templates/image/_image_box.html.slime
2019-11-29 21:33:15 -05:00

38 lines
No EOL
1.5 KiB
Text

elixir:
link = assigns[:link] || Routes.image_path(@conn, :show, @image)
size_class =
case @size do
:thumb ->
"media-box__content--large"
:medium ->
"media-box__content--featured"
_ ->
"media-box__content--small"
end
header_class =
case @size do
:thumb_small ->
"media-box__header--small"
_ ->
nil
end
.media-box data-image-id=@image.id
.media-box__header.media-box__header--link-row class=header_class data-image-id=@image.id
a.interaction--fave href="#" rel="nofollow" data-image-id=@image.id
span.fave-span title='Fave!'
i.fa.fa-star
span.favorites title='Favorites' data-image-id=@image.id = @image.faves_count
a.interaction--upvote href="#" rel="nofollow" data-image-id=@image.id
i.fa.fa-arrow-up title='Yay!'
span.score title='Score' data-image-id=@image.id = @image.score
a.interaction--downvote href="#" rel="nofollow" data-image-id=@image.id
i.fa.fa-arrow-down title='Neigh!'
a.interaction--comments href="/#{@image.id}#comments" title='Comments'
i.fa.fa-comments
span.comments_count data-image-id=@image.id = @image.comments_count
a.interaction--hide href="#" rel="nofollow" data-image-id=@image.id
i.fa.fa-eye-slash title='Hide'
.media-box__content.flex.flex--centered.flex--center-distributed class=size_class
= render PhilomenaWeb.ImageView, "_image_container.html", link: link, image: @image, size: @size, conn: @conn