mirror of
https://github.com/overleaf/overleaf.git
synced 2024-09-16 02:52:31 -04:00
92 lines
1.9 KiB
CoffeeScript
92 lines
1.9 KiB
CoffeeScript
define [
|
|
"libs/mustache"
|
|
], () ->
|
|
class TabManager
|
|
templates:
|
|
tab: $("#tabTemplate").html()
|
|
content: $("#tabContentTemplate").html()
|
|
|
|
constructor: () ->
|
|
@locked_open = false
|
|
@locked_closed = false
|
|
@state = "closed"
|
|
$("#toolbar").on "mouseenter", () => @onMouseOver()
|
|
$("#toolbar").on "mouseleave", (e) => @onMouseOut(e)
|
|
|
|
addTab: (options) ->
|
|
tabEl = $(Mustache.to_html @templates.tab, options)
|
|
tabEl.find("a").attr("href", "#" + options.id)
|
|
contentEl = $(Mustache.to_html @templates.content, options)
|
|
contentEl.append(options.content)
|
|
|
|
if options.active
|
|
tabEl.addClass("active")
|
|
contentEl.addClass("active")
|
|
|
|
if options.after?
|
|
tabEl.insertAfter($("##{options.after}-tab-li"))
|
|
else
|
|
$("#tabs").append(tabEl)
|
|
$("#tab-content").append(contentEl)
|
|
$("body").scrollTop(0)
|
|
tabEl.on "shown", () =>
|
|
$("body").scrollTop(0)
|
|
options.onShown() if options.onShown?
|
|
if options.lock
|
|
@lockOpen()
|
|
else
|
|
@unlockOpen()
|
|
|
|
if options.contract
|
|
@contract()
|
|
|
|
lockOpen: () ->
|
|
@locked_open = true
|
|
$("#toolbar").css({
|
|
width: 180
|
|
})
|
|
|
|
unlockOpen: () ->
|
|
@locked_open = false
|
|
|
|
contract: () ->
|
|
$("#toolbar").css({
|
|
width: 40
|
|
})
|
|
# cooldown so we don't immediately reopen
|
|
original_locked_closed = @locked_closed
|
|
@locked_closed = true
|
|
setTimeout () =>
|
|
@locked_closed = original_locked_closed
|
|
, 200
|
|
|
|
onMouseOver: () ->
|
|
if !@locked_closed and @state == "closed"
|
|
@openMenu()
|
|
|
|
onMouseOut: (e) ->
|
|
@cancelOpen()
|
|
if !@locked_open and @state == "open"
|
|
@closeMenu()
|
|
|
|
cancelOpen: () ->
|
|
if @openTimeout
|
|
clearTimeout @openTimeout
|
|
@state = "closed"
|
|
|
|
openMenu: () ->
|
|
@openTimeout = setTimeout () =>
|
|
@state = "open"
|
|
$("#toolbar").animate({
|
|
width: 180
|
|
}, "fast")
|
|
delete @openTimeout
|
|
, 500
|
|
|
|
closeMenu: () ->
|
|
@state = "closed"
|
|
$("#toolbar").animate({
|
|
width: 40
|
|
}, "fast")
|
|
|
|
|