mirror of https://github.com/freeCodeCamp/devdocs
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
55 lines
1.1 KiB
55 lines
1.1 KiB
11 years ago
|
class app.views.Notif extends app.View
|
||
|
|
@className: '_notif'
|
||
|
|
@activeClass: '_in'
|
||
|
|
|
||
|
|
@defautOptions:
|
||
|
|
autoHide: 15000
|
||
|
|
|
||
|
|
@events:
|
||
|
|
click: 'onClick'
|
||
|
|
|
||
|
|
constructor: (@type, @options = {}) ->
|
||
|
|
@options = $.extend {}, @constructor.defautOptions, @options
|
||
|
|
super
|
||
|
|
|
||
|
|
init: ->
|
||
|
|
@show()
|
||
|
|
return
|
||
|
|
|
||
|
|
show: ->
|
||
|
|
if @timeout
|
||
|
|
clearTimeout @timeout
|
||
|
|
@timeout = @delay @hide, @options.autoHide
|
||
|
|
else
|
||
|
|
@render()
|
||
|
|
@position()
|
||
|
|
@activate()
|
||
|
|
@appendTo document.body
|
||
|
|
@el.offsetWidth # force reflow
|
||
|
|
@addClass @constructor.activeClass
|
||
|
|
@timeout = @delay @hide, @options.autoHide if @options.autoHide
|
||
|
|
return
|
||
|
|
|
||
|
|
hide: ->
|
||
|
|
clearTimeout @timeout
|
||
|
|
@timeout = null
|
||
|
|
@detach()
|
||
|
|
return
|
||
|
|
|
||
|
|
render: ->
|
||
|
|
@html @tmpl("notif#{@type}")
|
||
|
|
return
|
||
|
|
|
||
|
|
position: ->
|
||
|
|
notifications = $$ ".#{@constructor.className}"
|
||
|
|
if notifications.length
|
||
|
|
lastNotif = notifications[notifications.length - 1]
|
||
|
|
@el.style.top = lastNotif.offsetTop + lastNotif.offsetHeight + 16 + 'px'
|
||
|
|
return
|
||
|
|
|
||
|
|
onClick: (event) =>
|
||
|
|
unless event.target.tagName is 'A'
|
||
|
|
$.stopEvent(event)
|
||
|
|
@hide()
|
||
|
|
return
|