hide settings menu when clicking outside it
This commit is contained in:
parent
42c5a24dc3
commit
686be824b5
|
@ -283,12 +283,21 @@ $(document).ready(function(){
|
||||||
});
|
});
|
||||||
|
|
||||||
if($('body').attr("id")=="body-user") { $('#settings #expanddiv').hide(); }
|
if($('body').attr("id")=="body-user") { $('#settings #expanddiv').hide(); }
|
||||||
$('#settings #expand').click(function() {
|
$('#settings #expand').click(function(event) {
|
||||||
$('#settings #expanddiv').slideToggle();
|
$('#settings #expanddiv').slideToggle();
|
||||||
|
event.stopPropagation();
|
||||||
});
|
});
|
||||||
|
$('#settings #expanddiv').click(function(event){
|
||||||
|
event.stopPropagation();
|
||||||
|
})
|
||||||
$('#settings #expand').hover(function(){
|
$('#settings #expand').hover(function(){
|
||||||
$('#settings #expand+span').fadeToggle();
|
$('#settings #expand+span').fadeToggle();
|
||||||
});
|
});
|
||||||
|
$(window).click(function(){//hide the settings menu when clicking oustide it
|
||||||
|
if($('body').attr("id")=="body-user"){
|
||||||
|
$('#settings #expanddiv').slideUp();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
$('.file_action').tipsy({gravity:'s', live:true});
|
$('.file_action').tipsy({gravity:'s', live:true});
|
||||||
$('.selectedActions a').tipsy({gravity:'n', live:true});
|
$('.selectedActions a').tipsy({gravity:'n', live:true});
|
||||||
|
|
|
@ -0,0 +1,71 @@
|
||||||
|
function ListView(element){
|
||||||
|
this.element=element;
|
||||||
|
}
|
||||||
|
|
||||||
|
ListView.generateTable=function(collumns){
|
||||||
|
var html='<table>';
|
||||||
|
html+='<thead>';
|
||||||
|
$.each(collumns,function(index,collumn){
|
||||||
|
html+='<th>'+collumn+'</th>';
|
||||||
|
});
|
||||||
|
html+='<thead>';
|
||||||
|
html+='</head>';
|
||||||
|
html+='<tbody>';
|
||||||
|
html+'<tr class="template">'
|
||||||
|
$.each(collumns,function(index,collumn){
|
||||||
|
html+='<th class="'+collumn.toLower()+'"</th>';
|
||||||
|
});
|
||||||
|
html+'</tr>'
|
||||||
|
html+='</tbody>';
|
||||||
|
html='</table>';
|
||||||
|
return $(html);
|
||||||
|
}
|
||||||
|
|
||||||
|
ListView.prototype={
|
||||||
|
rows:{},
|
||||||
|
hoverElements:{},
|
||||||
|
addRow:function(id,data,extraData){
|
||||||
|
var tr=this.element.find('tr.template').clone();
|
||||||
|
tr.removeClass('template');
|
||||||
|
$.each(data,function(name,value){
|
||||||
|
tr.children('td.'+name).text(value);
|
||||||
|
tr.attr('data-'+name,value);
|
||||||
|
});
|
||||||
|
$.each(extraData,function(name,value){
|
||||||
|
tr.attr('data-'+name,value);
|
||||||
|
});
|
||||||
|
this.rows[id]=data;
|
||||||
|
tr.data('id',id);
|
||||||
|
this.element.children('tbody').append(tr);
|
||||||
|
},
|
||||||
|
removeRow:function(id){
|
||||||
|
this.rows[id].remove();
|
||||||
|
delete this.rows[id];
|
||||||
|
},
|
||||||
|
hoverHandeler:function(tr){
|
||||||
|
$.each(this.hoverElement,function(index,collumn){
|
||||||
|
$.each(collumn,function(index,element){
|
||||||
|
var html='<a href="#" title="'+element.title+'" class="hoverElement"/>';
|
||||||
|
var element=$(html);
|
||||||
|
element.append($('<img src="'+element.icon+'"/>'));
|
||||||
|
element.click(element.callback);
|
||||||
|
tr.children('td.'+collumn).append(element)
|
||||||
|
});
|
||||||
|
});
|
||||||
|
if(this.deleteCallback){
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
hoverHandelerOut:function(tr){
|
||||||
|
tr.find('*.hoverElement').remove();
|
||||||
|
},
|
||||||
|
addHoverElement:function(collumn,icon,title,callback){
|
||||||
|
if(!this.hoverElements[collumn]){
|
||||||
|
this.hoverElements[collumn]=[];
|
||||||
|
}
|
||||||
|
this.hoverElements[row].push({icon:icon,callback:callback,title:title});
|
||||||
|
},
|
||||||
|
empty:function(){
|
||||||
|
this.element.children('tr:not(.template)').remove();
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in New Issue