nextcloud/core/js/listview.js

72 lines
1.7 KiB
JavaScript
Raw Normal View History

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>';
2013-07-31 23:21:02 +04:00
html+='<tr class="template">';
$.each(collumns,function(index,collumn){
html+='<th class="'+collumn.toLower()+'"</th>';
});
2013-07-31 23:21:02 +04:00
html+='</tr>';
html+='</tbody>';
html='</table>';
return $(html);
2012-09-06 00:17:33 +04:00
};
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"/>';
2014-03-03 20:11:23 +04:00
element = $(html);
element.append($('<img src="'+element.icon+'"/>'));
element.click(element.callback);
2012-09-06 00:17:33 +04:00
tr.children('td.'+collumn).append(element);
});
});
if(this.deleteCallback){
}
},
hoverHandelerOut:function(tr){
tr.find('*.hoverElement').remove();
},
2014-03-01 05:46:27 +04:00
addHoverElement:function(column,icon,title,callback){
if(!this.hoverElements[column]){
2014-03-03 20:11:23 +04:00
this.hoverElements[column] = [];
}
this.hoverElements[row].push({icon:icon,callback:callback,title:title});
},
empty:function(){
this.element.children('tr:not(.template)').remove();
}
2012-09-06 00:17:33 +04:00
};