Sha256: 622b0753c9ed220e663f03c29a5790757ff90faf9d0fb86d4b562f8cc57754d6
Contents?: true
Size: 1.29 KB
Versions: 16
Compression:
Stored size: 1.29 KB
Contents
/*
Simple plugin add edit-in-place behavior
*/
export default class {
connect() {
$('[data-in-place-edit-target]').each(function() {
$(this).on('click.inplaceedit', function() {
var $label = $(this).find($(this).data('in-place-edit-target'));
var $input = $(this).find($(this).data('in-place-edit-field-target'));
// hide the edit-in-place affordance icon while in edit mode
$(this).addClass('hide-edit-icon');
$label.hide();
$input.val($label.text());
$input.attr('type', 'text');
$input.select();
$input.focus();
$input.on('keypress', function(e) {
if(e.which == 13) {
$input.trigger('blur.inplaceedit');
return false;
}
});
$input.on('blur.inplaceedit', function() {
var value = $input.val();
if ($.trim(value).length == 0) {
$input.val($label.text());
} else {
$label.text(value);
}
$label.show();
$input.attr('type', 'hidden');
// when leaving edit mode, should no longer hide edit-in-place affordance icon
$("[data-in-place-edit-target]").removeClass('hide-edit-icon');
return false;
});
return false;
});
})
}
}
Version data entries
16 entries across 16 versions & 1 rubygems