111 lines
2.3 KiB
JavaScript
111 lines
2.3 KiB
JavaScript
|
|
||
|
|
/**
|
||
|
|
* view for dropdown show when user click on row options
|
||
|
|
*/
|
||
|
|
cdb.admin.RowHeaderDropdown = cdb.admin.DropdownMenu.extend({
|
||
|
|
|
||
|
|
className: 'dropdown border',
|
||
|
|
|
||
|
|
events: {
|
||
|
|
'click .delete_row': 'deleteRow',
|
||
|
|
'click .add_row': 'addRow'
|
||
|
|
},
|
||
|
|
|
||
|
|
initialize: function(options) {
|
||
|
|
this.tableData = options.tableData;
|
||
|
|
this.table = this.options.table;
|
||
|
|
this.elder('initialize');
|
||
|
|
},
|
||
|
|
|
||
|
|
openAt: function(x, y) {
|
||
|
|
this.$el.removeClass('vertical_top vertical_bottom horizontal_right horigonzal_left tick_top tick_bottom');
|
||
|
|
this.constructor.__super__.openAt.apply(this, arguments);
|
||
|
|
},
|
||
|
|
|
||
|
|
// New show function
|
||
|
|
show: function() {
|
||
|
|
var dfd = $.Deferred();
|
||
|
|
var self = this;
|
||
|
|
//sometimes this dialog is child of a node that is removed
|
||
|
|
//for that reason we link again DOM events just in case
|
||
|
|
this.delegateEvents();
|
||
|
|
|
||
|
|
this.$el
|
||
|
|
.css({
|
||
|
|
marginTop: self.options.vertical_position == "down" ? "-1px" : "-50px",
|
||
|
|
marginLeft: -5,
|
||
|
|
opacity:0,
|
||
|
|
display:"block"
|
||
|
|
})
|
||
|
|
.animate({
|
||
|
|
marginLeft: 5,
|
||
|
|
opacity: 1
|
||
|
|
}, {
|
||
|
|
"duration": this.options.speedIn,
|
||
|
|
"complete": function(){
|
||
|
|
dfd.resolve();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
this.trigger("onDropdownShown",this.el);
|
||
|
|
|
||
|
|
return dfd.promise();
|
||
|
|
},
|
||
|
|
|
||
|
|
hide: function(done) {
|
||
|
|
|
||
|
|
// don't attempt to hide the dropdown if it's already hidden
|
||
|
|
if (!this.isOpen) { done && done(); return; }
|
||
|
|
|
||
|
|
var self = this;
|
||
|
|
this.isOpen = false;
|
||
|
|
|
||
|
|
this.$el.animate({
|
||
|
|
|
||
|
|
marginLeft: 15,
|
||
|
|
opacity: 0
|
||
|
|
|
||
|
|
}, this.options.speedOut, function(){
|
||
|
|
|
||
|
|
// Remove selected class
|
||
|
|
$(self.options.target).removeClass("selected");
|
||
|
|
|
||
|
|
// And hide it
|
||
|
|
self.$el.hide();
|
||
|
|
done && done();
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
this.trigger("onDropdownHidden",this.el);
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
setRow: function(row) {
|
||
|
|
this.row = row;
|
||
|
|
},
|
||
|
|
|
||
|
|
deleteRow: function(e) {
|
||
|
|
this.killEvent(e);
|
||
|
|
|
||
|
|
var view = new cdb.editor.DeleteRowView({
|
||
|
|
table: this.table,
|
||
|
|
row: this.row,
|
||
|
|
clean_on_hide: true,
|
||
|
|
enter_to_confirm: true
|
||
|
|
});
|
||
|
|
view.appendToBody();
|
||
|
|
|
||
|
|
this.hide();
|
||
|
|
|
||
|
|
return false;
|
||
|
|
},
|
||
|
|
|
||
|
|
addRow: function(e) {
|
||
|
|
this.killEvent(e);
|
||
|
|
var rowIndex = this.row.collection.indexOf(this.row);
|
||
|
|
|
||
|
|
this.tableData.addRow({ at: rowIndex + 1 });
|
||
|
|
this.hide();
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
});
|