flynx/ImageGrid
1
1
Fork 0
mirror of https://github.com/flynx/ImageGrid.git synced 2025-11-01 11:50:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

added optional close button to sub-panels...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2014-01-06 05:42:48 +04:00
parent 635a220308
commit db8ac24565
1 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
ui/lib/panels.js
View File

@ -192,8 +192,8 @@ function removePanel(panel){
// panel is dragged out or when the panel is dragged... // panel is dragged out or when the panel is dragged...
function makePanel(title, parent, open, keep_empty, close_button){ function makePanel(title, parent, open, keep_empty, close_button){
title = title == null || title.trim() == '' ? '&nbsp;' : title title = title == null || title.trim() == '' ? '&nbsp;' : title
close_button = close_button == null ? true : false
parent = parent == null ? $(PANEL_ROOT) : parent parent = parent == null ? $(PANEL_ROOT) : parent
close_button = close_button == null ? true : close_button
// the outer panel... // the outer panel...
var panel = $('<details/>') var panel = $('<details/>')
@ -384,9 +384,10 @@ function makeSidePanel(side, parent, autohide){
// NOTE: if parent is not given this will create a new panel... // NOTE: if parent is not given this will create a new panel...
// NOTE: title must be unique... // NOTE: title must be unique...
function makeSubPanel(title, content, parent, open, content_resizable){ function makeSubPanel(title, content, parent, open, content_resizable, close_button){
title = title == null || title.trim() == '' ? '&nbsp;' : title title = title == null || title.trim() == '' ? '&nbsp;' : title
parent = parent == null ? makePanel() : parent parent = parent == null ? makePanel() : parent
close_button = close_button == null ? false : close_button
open = open == null ? true : open open = open == null ? true : open
content_resizable = content_resizable == null content_resizable = content_resizable == null
@ -402,7 +403,16 @@ function makeSubPanel(title, content, parent, open, content_resizable){
.attr('id', title) .attr('id', title)
.addClass('sub-panel noScroll') .addClass('sub-panel noScroll')
.prop('open', open) .prop('open', open)
.append($('<summary>'+title+'</summary>') .append((close_button
? $('<summary>'+title+'</summary>')
.append($('<span/>')
.addClass('close-button')
.click(function(){
removePanel(panel)
return false
})
.html('&times;'))
: $('<summary>'+title+'</summary>'))
// XXX also do this on enter... // XXX also do this on enter...
// XXX // XXX
.click(function(){ .click(function(){
@ -467,7 +477,6 @@ function makePanelController(title, content_builder, panel_setup, content_resiza
// 2) if no panel exists, create it // 2) if no panel exists, create it
// - content_builder() must return panel content // - content_builder() must return panel content
// XXX need to get saved coordinates...
if(panel.length == 0){ if(panel.length == 0){
panel = makeSubPanel(title, content_builder(), parent, open, content_resizable) panel = makeSubPanel(title, content_builder(), parent, open, content_resizable)
.attr('id', title) .attr('id', title)