2019-10-05 00:52:44 +02:00
|
|
|
elixir:
|
2019-10-05 02:31:35 +02:00
|
|
|
size_class =
|
2019-10-05 00:52:44 +02:00
|
|
|
case @size do
|
|
|
|
|
:thumb ->
|
|
|
|
|
"media-box__content--large"
|
|
|
|
|
:medium ->
|
|
|
|
|
"media-box__content--featured"
|
|
|
|
|
_ ->
|
|
|
|
|
"media-box__content--small"
|
|
|
|
|
end
|
|
|
|
|
|
2019-10-05 02:31:35 +02:00
|
|
|
header_class =
|
|
|
|
|
case @size do
|
|
|
|
|
:thumb_small ->
|
|
|
|
|
"media-box__header--small"
|
|
|
|
|
_ ->
|
|
|
|
|
nil
|
|
|
|
|
end
|
|
|
|
|
|
2019-08-18 18:17:05 +02:00
|
|
|
.media-box data-image-id=@image.id
|
2019-10-05 02:31:35 +02:00
|
|
|
.media-box__header.media-box__header--link-row class=header_class data-image-id=@image.id
|
2019-08-18 18:17:05 +02:00
|
|
|
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'
|
2019-10-05 02:31:35 +02:00
|
|
|
.media-box__content.flex.flex--centered.flex--center-distributed class=size_class
|
2019-11-18 06:09:51 +01:00
|
|
|
= render PhilomenaWeb.ImageView, "_image_container.html", image: @image, size: @size, conn: @conn
|
