',1,'w300');
return false;
},
_cleanup: function(){
var info = this.info, root = this.root, table = this.table; var settings = this.settings;
// unbind all
$("table#"+info.table_id+" > tbody > tr > td:not(.control)").die('click');
$("table#"+info.table_id+" > thead > tr:not(.control) > th:not(.control)").die('click');
if (settings.draggableColumns) {
this._draggable_destroy();
}
$('.add_col', root).unbind('click.editable');
$('.add_row', root).unbind('click.editable');
$("table#"+info.table_id+" .remove_row").die('click.editable');
$("table#"+info.table_id+" .remove_col").die('click.editable');
$('col:last').remove();
$('tfoot', table).remove();
$('.control', table).remove();
$('.add_col, .add_row, .table_ctrl', root).remove();
info.title.html(this.data.name || info.table_title);
this.root.removeClass('edit_mode');
this.root.removeData('dyntable');
this._ready = false;
},
recalculate: function(cell){
var all = cell.siblings(".rate");
var total = 0;
all.each(function(){
total += (parseFloat($(this).text()) ? parseFloat($(this).text()) : 0 );
});
if (cell.is('.rate')) {
total += parseFloat(cell.text())
}
cell.siblings('.total').text(total+'%')
},
// private methods
_cell_edit_inplace: function(cell){
var c = $(cell), content = parseFloat(c.text()), self = this;
c.html('');
c.find('input').select().bind('blur', function(e){
e.stopPropagation();
var t = $(this).val();
$(this).unbind().remove();
c.text(parseFloat(t)? parseFloat(t)+'%' : '0.00%');
self.recalculate(c);
})
.bind('click', function(e){
e.stopPropagation();
})
.bind('keydown', function(e){
switch (e.keyCode) {
case 48:
case 49:
case 50:
case 51:
case 52:
case 53:
case 54:
case 55:
case 56:
case 57:
case 9:
case 96:
case 97:
case 98:
case 99:
case 100:
case 101:
case 102:
case 103:
case 104:
case 105:
case 8:
case 46:
case 110:
case 190: break;
case 13: $(this).blur();
default: e.preventDefault();
}
});
},
_cell_edit: function(cell){
//Edit table cell contents
if (!this._edit_modal_visible) {
var cell = $(cell),
content = cell.html(),
offset = cell.offset(),
css = {position: 'absolute', top: offset.top-35, left: '50%', 'margin-left': '-150px', 'z-index': 10001},
self = this,
editor;
var save_to_cell = function(e){
e.preventDefault();
if (editor) {
cell.html(editor.getContent());
editor.remove();
}
else {
cell.html($("#cell_content").val());
}
hide_modal();
self._edit_modal_visible = false;
};
show_modal('Edit cell contents', DynTable.defaults.html.edit_modal_html, '', 'w480', {scroll: false});
$('.btn_cancel', app.modal).bind('click', function(e){
e.preventDefault();
$('.btn_ok, .btn_cancel', app.modal).unbind('click');
hide_modal();
self._edit_modal_visible = false;
});
$('.btn_ok', app.modal).bind('click', save_to_cell);
$("#cell_content", app.modal).val(content);
app.modal.css(css);
var editor = new tinymce.Editor('cell_content', DynTable.defaults.wysiwyg_settings);
editor.render();
this._edit_modal_visible = true;
}
},
_header_edit: function(cell){
if (!this._header_modal_visible) {
var cell = $(cell),
content = cell.html(),
offset = cell.offset(),
css = {position: 'absolute', top: offset.top-35, left: '50%', 'margin-left': '-150px'},
self = this;
var save_header = function(e){
e.preventDefault();
$('.btn_ok, .btn_cancel', app.modal).unbind('click');
cell.html($("#col_title").val());
hide_modal();
self._header_modal_visible = false;
};
show_modal('Edit heading', DynTable.defaults.html.header_modal_html, '', 'w300', {scroll: false});
$('.btn_cancel', app.modal).bind('click', function(e){
e.preventDefault();
$('.btn_ok, .btn_cancel', app.modal).unbind('click');
hide_modal();
self._header_modal_visible = false;
});
$('.btn_ok', app.modal).bind('click', save_header);
$("#col_title", app.modal).val(content);
app.modal.css(css);
self._header_modal_visible = true;
}
},
_column_add: function(){
var defaults = DynTable.defaults,
table = this.table,
padding = defaults.padding,
minwidth = defaults.minwidth;
// loop over rows and make room for next column
var w_temp, index;
for (var i=0, ob=$('col', table), l=ob.length; i<=l-1; i++ ) {
var el = ob.eq(i);
if ( parseInt(el.width(),10) - padding/2 > 2 * minwidth) {
w_temp = parseInt(el.width(),10);
index = i;
};
}
if (index !== 'undefined' && w_temp - padding/2 > 2 * minwidth) {
var new_w = minwidth - padding/2;
$('col', table).eq(index).css('width', w_temp - minwidth - padding/2);
$('col:last', table).before('
');
$('tbody tr td:last-child', table).before('
');
$('tfoot tr td:last-child', table).before('
'+defaults.html.col_ctrl+'
');
$('thead tr th:last-child',table).before('
'+defaults.html.head_html);
this.info.columns++;
if (settings.draggableColumns) {
this._draggable_reset();
}
table.trigger('modify');
}
else {
alert('no more space');
}
},
_column_remove: function(index) {
var table = this.table,
to_remove = $('col', table).eq(index),
w_temp = parseInt(to_remove.width(), 10);
if (index > 1) { // merge with previous cell
var prev = to_remove.prev();
prev.width(parseInt(prev.width(), 10) + w_temp);
to_remove.remove();
}
else {
var next = to_remove.next();
next.width(parseInt(next.width(), 10) + w_temp);
next.prev().remove();
}
$('tr', table).each(function(){
$('td', this).eq(index).remove();
$('th', this).eq(index).remove();
});
this.info.columns--;
if (settings.draggableColumns) {
this._draggable_reset();
}
table.trigger('modify');
},
_row_add: function(){
$("tr:last", this.table).removeClass('lastRow');
var html = '
';
var classNames = ['', 'rate', 'rate', 'total'];
for (var i=0, l=this.info.columns; i';
}
html += DynTable.defaults.html.row_ctrl+'
';
this.table.append(html);
this.info.rows++;
this.table.trigger('modify');
},
_row_remove: function(elem) {
$(elem).parents('tr').eq(0).remove();
this.info.rows--;
this.table.trigger('modify');
},
_draggable_init: function(){
var table = this.table,
padding = DynTable.defaults.padding,
minwidth = DynTable.defaults.minwidth,
self = this;
var resizeCol = function(column, width) {
column.css('width', width);
}
// add handles
var dragHTML = "",
dragCSS = {
position: 'absolute',
cursor: 'w-resize'
},
col = $("col", table),
dr_widths = [],
handles = this._handles = [];
table.parent().css('position','relative');
col_total = col.length;
col.each(function(i){
var el = $(this),
data = {};
data.offset = i > 0 ? dr_widths[i-1].width + dr_widths[i-1].offset : -12;
data.width = el.width();
dr_widths.push(data);
if (i == 0 || i == col_total-1) {
data.apply = false;
}
else {
data.apply = true;
var drag = $(dragHTML).insertBefore(table).css(dragCSS).css('left',data.offset -3).css('top', -15).attr('cLeft',i-1).attr('cRight',i);
handles.push(drag);
}
});
if (handles.length) {
$(handles).each(function(){
var handle = $(this),
initial = parseInt(handle.css('left'),10),
leftCol = $("col", table).eq( parseInt(handle.attr('cLeft'),10)),
rightCol = leftCol.next('col'),
leftWidth = parseInt(leftCol.width(),10),
rightWidth = parseInt(rightCol.width(),10),
len = rightWidth + leftWidth + padding + parseInt(leftCol.css('border-left-width'),10) + parseInt(leftCol.css('border-right-width'),10) + padding + parseInt(rightCol.css('border-left-width'),10) + parseInt(rightCol.css('border-right-width'),10) - minwidth*2,
index = handle.attr('cLeft'),
rest = handle.prev().length ? parseInt(handle.prev().css('left'),10) : dr_widths[0].offset;
var left = initial-leftWidth+minwidth + (table.offset()).left,
right = initial+rightWidth-minwidth + (table.offset()).left;
handle.draggable('destroy');
handle.draggable({
axis: 'x',
cursorAt: { left: 0, top: 0 },
drag: function(event, ui){
resizeCol(rightCol, rightWidth - ui.position.left + initial);
resizeCol(leftCol, leftWidth + ui.position.left - initial);
},
containment: [left, parseInt(handle.css('top'),10), right, parseInt(handle.css('top'),10)],
stop: function(event, ui){
self._draggable_reset();
}
});
});
}
},
_draggable_destroy: function(){
$(this._handles).each(function(){
$(this).draggable('destroy').unbind().remove();
})
},
_draggable_reset: function(){
this._draggable_destroy();
this._draggable_init();
},
_read_head: function(){
var data = this.data, table = this.table;
data.table_head = [];
var temp_head = [];
var cols = $('col:not(:last)', table);
$('thead tr th:not(.control)', table).each(function(i){
temp_head.push({content: $(this).text(), width: cols.eq(i).width() + 'px'});
});
data.table_head.push(temp_head);
},
_read_body: function(){
var data = this.data, table = this.table;
data.table_body = [];
$('tbody tr', table).not('.mceLayout tr').each(function(){
var temp_row = [],
elems = $('td:not(.control)', this);
elems.each(function(){
temp_row.push({ content: $(this).html()});
});
if (temp_row.length) {
data.table_body.push(temp_row);
}
});
},
_synchronise: function(e){
var self = e? e.data.self : this;
var data = self.data, table = self.table, info = self.info;
self._read_body();
self._read_head();
col_total = info.columns;
row_total = info.rows;
if (row_total == 1) {
// single row left
$('a.remove_row', table).hide();
}
else {
$('a.remove_row', table).show();
}
if (col_total == 1) {
// single column left
$('a.remove_col', table).hide();
}
else {
$('a.remove_col', table).show();
}
data.name = $('input', info.title).val() || info.table_title;
},
_setup: function(){
if (this._ready) {
return false;
}
else {
var settings = this.settings;
var table = this.table,
root = this.root,
info = this.info,
self = this;
this._ctrl = $(DynTable.defaults.html.table_ctrl).insertAfter(table);
table.closest('.dynatable').addClass('edit_mode');
if (!$('col', table).length) { // append
elems (no widths yet set)
var total = info.columns, html = '';
for (var i=0; i';
}
table.prepend(html);
}
var widths = [];
$('col', table).each(function(){ // set default width
var w = $(this).css('width', $(this).width());
widths.push(w.width());
});
if (settings.editableColumns) {
if ($('tfoot tr', table).length) {
$('tfoot tr', table).append("