$(document).ready(function() {
addMasonry();
setSchemePage();
});
function setSchemePage(){
$('.item-to-add').hide();
setHandlers();
};
function setHandlers(){
$('.add-item').click(function() {
return openAddItem(this);
});
$('.cancel').click(function() {
return cancelAdd(this);
});
$('.add-the-item').click(function() {
return addItem(this);
});
$('.delete').click(function() {
return removeItem(this);
});
};
function addMasonry(){
$('#container').masonry({
itemSelector: '.item',
columnWidth: 30
});
};
function openAddItem(that){
var model_name = $(that).attr('data-model');
$(that).hide();
$('#'+model_name+'-to-add').show();
$('#' + model_name + '_name').focus();
return false;
};
function modelName(that){
return $(that).attr('data-model');
};
function schemeId(that){
return $(that).attr('data-schemeid');
};
function recordId(that){
return $(that).attr('data-dbid');
};
function cancelAdd(that){
var model = modelName(that);
$('#'+model+'-to-add').hide();
$('#add-'+model).show();
return false;
};
function addItem(that){
$(that).parent().hide();
var model = modelName(that);
var scheme_id = $(that).attr('data-schemeid');
$.post('/'+ model +'s?' + "scheme_id=" + scheme_id + "&" +"name=" + $('#' + model + '_name').val() + "&" + "link=" + $('#' + model + '_link').val(), function(data) {
$('#' + model + '-container').load(scheme_id + ' #' + model + '-sub-container',
setSchemePage);
});
return false;
};
function removeItem(that){
$('.delete').attr('disabled', 'disabled');
var model = modelName(that);
var record_id = recordId(that);
var scheme_id = schemeId(that);
$.ajax({
type: "DELETE",
url: "/" + model +"s/" + record_id
});
$('#' + model + '-container').load(scheme_id + ' #' + model + '-sub-container',
setSchemePage);
return false;
};