48 lines
1.1 KiB
JavaScript
48 lines
1.1 KiB
JavaScript
|
define(['jquery', 'lodash'], function($, _){
|
||
|
|
"use strict";
|
||
|
|
function create($container, selector, callback){
|
||
|
|
|
||
|
|
function _init($elt){
|
||
|
|
$elt.attr('contenteditable', true).addClass('simple-editable');
|
||
|
|
}
|
||
|
|
|
||
|
|
_init($container.find(selector));
|
||
|
|
|
||
|
|
$container.on('mouseenter.simpleeditable', selector, _.throttle(function(){
|
||
|
|
|
||
|
|
var $elt = $(this);
|
||
|
|
if(!$elt.attr('contenteditable')){
|
||
|
|
//incase the element does not exists on init()
|
||
|
|
_init($elt);
|
||
|
|
}
|
||
|
|
|
||
|
|
}, 200)).on('keyup.simpleeditable', selector, _.throttle(function(e){
|
||
|
|
|
||
|
|
callback($(this).text());
|
||
|
|
|
||
|
|
}, 200)).on('keydown.simpleeditable', selector, function(e){
|
||
|
|
|
||
|
|
if(e.which === 13){
|
||
|
|
e.preventDefault();
|
||
|
|
$(this).blur();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
function destroy($container){
|
||
|
|
|
||
|
|
$container.find('.simple-editable')
|
||
|
|
.removeClass('simple-editable')
|
||
|
|
.removeAttr('contenteditable');
|
||
|
|
|
||
|
|
$container.off('.simpleeditable');
|
||
|
|
}
|
||
|
|
|
||
|
|
return {
|
||
|
|
create : create,
|
||
|
|
destroy : destroy
|
||
|
|
};
|
||
|
|
|
||
|
|
});
|