2019-08-18 20:14:36 +02:00
|
|
|
.block.block__header
|
|
|
|
|
.flex.flex--wrap.image-metabar.center--layout id="image_meta_#{@image.id}"
|
|
|
|
|
.stretched-mobile-links
|
2019-11-30 03:33:15 +01:00
|
|
|
a.js-prev href=Routes.image_navigate_path(@conn, :index, @image, [rel: "prev"] ++ scope(@conn)) title="Previous Image (j)"
|
2019-08-18 20:14:36 +02:00
|
|
|
i.fa.fa-chevron-left
|
2019-11-30 03:33:15 +01:00
|
|
|
a.js-up href=Routes.image_navigate_path(@conn, :index, @image, [rel: "find"] ++ scope(@conn)) title="Find this image in the global image list (i)"
|
2019-08-18 20:14:36 +02:00
|
|
|
i.fa.fa-chevron-up
|
2019-11-30 03:33:15 +01:00
|
|
|
a.js-next href=Routes.image_navigate_path(@conn, :index, @image, [rel: "next"] ++ scope(@conn)) title="Next Image (k)"
|
2019-08-18 20:14:36 +02:00
|
|
|
i.fa.fa-chevron-right
|
2019-11-30 06:40:37 +01:00
|
|
|
a.js-rand href=Routes.image_random_path(@conn, :index, scope(@conn)) title="Random (r)"
|
2019-08-18 20:14:36 +02:00
|
|
|
i.fa.fa-random
|
|
|
|
|
.stretched-mobile-links
|
|
|
|
|
a.interaction--fave href="#" rel="nofollow" data-image-id=@image.id
|
|
|
|
|
span.favorites> title="Favorites" data-image-id=@image.id = @image.faves_count
|
|
|
|
|
span.fave-span title="Fave!"
|
|
|
|
|
i.fa.fa-star
|
|
|
|
|
a.interaction--upvote href="#" rel="nofollow" data-image-id=@image.id
|
|
|
|
|
span.upvotes> title="Upvotes" data-image-id=@image.id = @image.upvotes_count
|
|
|
|
|
span.upvote-span title="Yay!"
|
|
|
|
|
i.fa.fa-arrow-up
|
|
|
|
|
span.score.block__header__title data-image-id=@image.id = @image.score
|
|
|
|
|
a.interaction--downvote href="#" rel="nofollow" data-image-id=@image.id
|
|
|
|
|
span.downvote-span title="Neigh!"
|
|
|
|
|
i.fa.fa-arrow-down
|
|
|
|
|
span.downvotes< title="Downvotes" data-image-id=@image.id = @image.downvotes_count
|
|
|
|
|
a.interaction--comments href="#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
|
|
|
|
|
span.hide-span title="Hide"
|
|
|
|
|
i.fa.fa-eye-slash
|
|
|
|
|
.stretched-mobile-links
|
2019-11-17 18:50:42 +01:00
|
|
|
= render PhilomenaWeb.Image.SubscriptionView, "_subscription.html", watching: @watching, image: @image, conn: @conn
|
2019-08-18 20:14:36 +02:00
|
|
|
.stretched-mobile-links
|
|
|
|
|
a href="#{pretty_url(@image, false, false)}" rel="nofollow" title="View (tags in filename)"
|
|
|
|
|
i.fa.fa-eye>
|
|
|
|
|
| View
|
|
|
|
|
a href="#{pretty_url(@image, true, false)}" rel="nofollow" title="View (no tags in filename)"
|
|
|
|
|
i.fa.fa-eye>
|
|
|
|
|
| VS
|
|
|
|
|
a href="#{pretty_url(@image, false, true)}" rel="nofollow" title="Download (tags in filename)"
|
|
|
|
|
i.fa.fa-download>
|
|
|
|
|
| Download
|
|
|
|
|
a href="#{pretty_url(@image, true, true)}" title="Download (no tags in filename)"
|
|
|
|
|
i.fa.fa-download>
|
|
|
|
|
| DS
|
|
|
|
|
.image-metabar.flex.flex--wrap.block__header--user-credit.center--layout#extrameta
|
|
|
|
|
div
|
2019-10-04 03:03:33 +02:00
|
|
|
' Uploaded
|
|
|
|
|
=> pretty_time(@image.created_at)
|
|
|
|
|
' by
|
2019-11-12 03:53:19 +01:00
|
|
|
=> render PhilomenaWeb.UserAttributionView, "_anon_user.html", object: @image, awards: true, conn: @conn
|
2019-08-18 20:14:36 +02:00
|
|
|
span.image-size
|
|
|
|
|
|
|
|
|
|
|
= @image.image_width
|
|
|
|
|
| x
|
|
|
|
|
= @image.image_height
|
|
|
|
|
=<> String.upcase(@image.image_format)
|
|
|
|
|
- size_kb = div(@image.image_size, 1024)
|
|
|
|
|
- size_mb = Float.round(size_kb / 1024.0, 2)
|
|
|
|
|
span title="#{size_kb} kB"
|
|
|
|
|
= if size_kb <= 1024 do
|
|
|
|
|
=> size_kb
|
|
|
|
|
| kB
|
|
|
|
|
- else
|
|
|
|
|
=> size_mb
|
|
|
|
|
| MB
|
