103 lines
2.6 KiB
JavaScript
103 lines
2.6 KiB
JavaScript
var reorder = function(class) {
|
|
console.log("QQQ Enter reorder");
|
|
|
|
var divs = $.find('div[class=' + class + ']');
|
|
console.log('divs length = ' + divs.length);
|
|
|
|
$(divs).find('a').hide();
|
|
|
|
$(divs).each(function(i, div) {
|
|
console.log("ROW " + i);
|
|
$(div).find('a.remove_row').show();
|
|
replaceIndex(rowIndex(div), i);
|
|
});
|
|
|
|
$this = $(divs).last().closest('tr');
|
|
$this.addClass('supersizeme');
|
|
|
|
$(divs).last().find('a.add_row').show();
|
|
|
|
if (divs.length == 1) {
|
|
$(divs).find('a.remove_row').hide();
|
|
}
|
|
|
|
};
|
|
|
|
var rowIndex = function(div) {
|
|
var idstr = $(div).attr('id');
|
|
var id = idstr.match(/\d+/);
|
|
console.log("id = " + id);
|
|
return id;
|
|
};
|
|
|
|
var rowCount = function(class) {
|
|
var divs = $.find('div[class=' + class + ']');
|
|
return divs.length;
|
|
};
|
|
|
|
var replaceIndex = function(elem, oldIndex, newIndex) {
|
|
$(elem).find('*').each(function() {
|
|
$.each(this.attributes, function(i, attrib) {
|
|
var regexp = /extprofile-.*-\d.*/;
|
|
var value = attrib.value;
|
|
var match = value.match(regexp);
|
|
if (match !== null) {
|
|
attrib.value = value.replace("-" + oldIndex, "-" + newIndex);
|
|
console.log('match: oldIndex = ' + oldIndex + ' newIndex = ' + newIndex + ' name = ' + attrib.name + ' value = ' + attrib.value);
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
var resetRow = function(elem) {
|
|
$(elem).find('input').attr('value', '');
|
|
$(elem).find("select option[value='office']").attr("selected", true);
|
|
}
|
|
|
|
var addRow = function() {
|
|
var div = $(this).closest('div');
|
|
var id = $(div).attr('id');
|
|
var class = $(div).attr('class');
|
|
var index = id.match(/\d+/);
|
|
console.log("Current row = " + index + ', class = ' + class);
|
|
var trold = $(this).closest('tr');
|
|
var tr = $(trold).removeClass('supersizeme');
|
|
var newtr = $(tr).clone();
|
|
var newIndex = parseInt(index) + 1;
|
|
replaceIndex(newtr, index, newIndex);
|
|
resetRow(newtr);
|
|
$(tr).after(newtr);
|
|
reorder(class);
|
|
};
|
|
|
|
var removeRow = function() {
|
|
var div = $(this).closest('div');
|
|
var id = $(div).attr('id');
|
|
var class = $(div).attr('class');
|
|
|
|
cnt = rowCount(class);
|
|
console.debug("removeRow - cnt = " + cnt);
|
|
if (cnt > 1) {
|
|
var target = $(this).closest('tr');
|
|
target.remove();
|
|
reorder(class);
|
|
}
|
|
};
|
|
|
|
var init = function() {
|
|
reorder('phone-item');
|
|
reorder('experience-item');
|
|
reorder('education-item');
|
|
reorder('im-item');
|
|
}
|
|
|
|
$(document).ready(
|
|
|
|
function() {
|
|
init();
|
|
$('.add_row').live('click', addRow);
|
|
$('.remove_row').live('click', removeRow);
|
|
}
|
|
|
|
);
|