Sha256: b0c7bfb2b10650dbc91063d23109ef1f4aef61509e0774fe2f6068e4bd984045
Contents?: true
Size: 1.41 KB
Versions: 60
Compression:
Stored size: 1.41 KB
Contents
class window.Alchemy.ImageOverlay extends Alchemy.Dialog
constructor: (url) ->
@options =
draggable: false
super(url, @options)
return
init: ->
Alchemy.ImageLoader(@dialog_body[0])
$('.zoomed-picture-background').click (e) =>
e.stopPropagation()
return if e.target.nodeName == 'IMG'
@close()
false
$('.picture-overlay-handle').click (e) =>
@dialog.toggleClass('hide-form')
false
@$previous = $('.previous-picture')
@$next = $('.next-picture')
@$document.keydown (e) =>
return true if e.target.nodeName == 'INPUT'
switch e.which
when 37
@previous()
false
when 39
@next()
false
else
true
super()
previous: ->
@$previous.click()
return
next: ->
@$next.click()
return
build: ->
@dialog_container = $('<div class="alchemy-image-overlay-container" />')
@dialog = $('<div class="alchemy-image-overlay-dialog" />')
@dialog_body = $('<div class="alchemy-image-overlay-body" />')
@close_button = $('<a class="alchemy-image-overlay-close">
<i class="icon fas fa-times fa-fw"></i>
</a>')
@dialog.append(@close_button)
@dialog.append(@dialog_body)
@dialog_container.append(@dialog)
@overlay = $('<div class="alchemy-image-overlay" />')
@$body.append(@overlay)
@$body.append(@dialog_container)
@dialog
Version data entries
60 entries across 60 versions & 1 rubygems