|
@@ -10,7 +10,7 @@ class Dashboard {
|
|
|
var grid = '<div class="dashboard-grid" >';
|
|
|
for(var u =0 ; u<options.lineNumber;u++){
|
|
|
for(var i =0 ; i<options.columnNumber;i++){
|
|
|
- grid += '<div data-row="'+u+'" data-column="'+i+'" style="grid-row: '+(u+1)+" / "+(u+1)+";grid-column: "+(i+1)+" / "+(i+1)+';padding:'+this.options.placeHolderPadding+'px;" class="dashboard-placeholder"></div>';
|
|
|
+ grid += '<div data-row="'+u+'" data-column="'+i+'" style="grid-row: '+(u+1)+" / "+(u+1)+";grid-column: "+(i+1)+" / "+(i+1)+';padding:'+this.options.placeHolderPadding+'px;" class="dashboard-placeholder"><i class="fa fa-plus placeholder-add"></i></div>';
|
|
|
}
|
|
|
}
|
|
|
grid += '</div>';
|
|
@@ -67,6 +67,17 @@ class Dashboard {
|
|
|
object.resizing = null;
|
|
|
});
|
|
|
|
|
|
+
|
|
|
+ $('.dashboard-placeholder').click(function(){
|
|
|
+ var placeholder = $(this);
|
|
|
+ object.trigger('placeholder-click',{
|
|
|
+ element : placeholder,
|
|
|
+ row: placeholder.attr('data-row'),
|
|
|
+ column: placeholder.attr('data-column')
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+
|
|
|
}
|
|
|
|
|
|
on(event,callback){
|