mirror of https://github.com/jitsi/jitsi-meet
fo
11 years ago
parent
b5e066b44b
commit
32fab4c222
@ -0,0 +1,100 @@ |
||||
var ToolbarToggler = (function(my) { |
||||
var INITIAL_TOOLBAR_TIMEOUT = 20000; |
||||
var TOOLBAR_TIMEOUT = INITIAL_TOOLBAR_TIMEOUT; |
||||
var toolbarTimeout; |
||||
|
||||
/** |
||||
* Shows the main toolbar. |
||||
*/ |
||||
my.showToolbar = function() { |
||||
var header = $("#header"), |
||||
bottomToolbar = $("#bottomToolbar"); |
||||
if (!header.is(':visible') || !bottomToolbar.is(":visible")) { |
||||
header.show("slide", { direction: "up", duration: 300}); |
||||
$('#subject').animate({top: "+=40"}, 300); |
||||
if(!bottomToolbar.is(":visible")) { |
||||
bottomToolbar.show("slide", {direction: "right",cduration: 300}); |
||||
} |
||||
|
||||
if (toolbarTimeout) { |
||||
clearTimeout(toolbarTimeout); |
||||
toolbarTimeout = null; |
||||
} |
||||
toolbarTimeout = setTimeout(hideToolbar, TOOLBAR_TIMEOUT); |
||||
TOOLBAR_TIMEOUT = 4000; |
||||
} |
||||
|
||||
if (focus != null) |
||||
{ |
||||
// TODO: Enable settings functionality. Need to uncomment the settings button in index.html.
|
||||
// $('#settingsButton').css({visibility:"visible"});
|
||||
} |
||||
|
||||
// Show/hide desktop sharing button
|
||||
showDesktopSharingButton(); |
||||
}; |
||||
|
||||
/** |
||||
* Hides the toolbar. |
||||
*/ |
||||
var hideToolbar = function () { |
||||
var header = $("#header"), |
||||
bottomToolbar = $("#bottomToolbar"); |
||||
var isToolbarHover = false; |
||||
header.find('*').each(function () { |
||||
var id = $(this).attr('id'); |
||||
if ($("#" + id + ":hover").length > 0) { |
||||
isToolbarHover = true; |
||||
} |
||||
}); |
||||
if($("#bottomToolbar:hover").length > 0) { |
||||
isToolbarHover = true; |
||||
} |
||||
|
||||
clearTimeout(toolbarTimeout); |
||||
toolbarTimeout = null; |
||||
|
||||
if (!isToolbarHover) { |
||||
header.hide("slide", { direction: "up", duration: 300}); |
||||
$('#subject').animate({top: "-=40"}, 300); |
||||
if(!$("#remoteVideos").is(":visible")) { |
||||
bottomToolbar.hide("slide", {direction: "right", cduration: 300}); |
||||
} |
||||
} |
||||
else { |
||||
toolbarTimeout = setTimeout(hideToolbar, TOOLBAR_TIMEOUT); |
||||
} |
||||
}; |
||||
|
||||
|
||||
/** |
||||
* Docks/undocks the toolbar. |
||||
* |
||||
* @param isDock indicates what operation to perform |
||||
*/ |
||||
my.dockToolbar = function(isDock) { |
||||
if (isDock) { |
||||
// First make sure the toolbar is shown.
|
||||
if (!$('#header').is(':visible')) { |
||||
ToolbarToggler.showToolbar(); |
||||
} |
||||
|
||||
// Then clear the time out, to dock the toolbar.
|
||||
if (toolbarTimeout) { |
||||
clearTimeout(toolbarTimeout); |
||||
toolbarTimeout = null; |
||||
} |
||||
} |
||||
else { |
||||
if (!$('#header').is(':visible')) { |
||||
ToolbarToggler.showToolbar(); |
||||
} |
||||
else { |
||||
toolbarTimeout = setTimeout(hideToolbar, TOOLBAR_TIMEOUT); |
||||
} |
||||
} |
||||
}; |
||||
|
||||
|
||||
return my; |
||||
}(ToolbarToggler || {})); |
||||
Loading…
Reference in new issue