117 lines
3.1 KiB
JavaScript
117 lines
3.1 KiB
JavaScript
|
|
jQuery(document).ready(function () {
|
|
|
|
jQuery("#prevalues .text").valuesInlineEdit();
|
|
|
|
jQuery("#prevalues tbody").sortable({
|
|
items: "tr:not(.header)",
|
|
handle: '.handle',
|
|
update: function () {
|
|
|
|
ResetValues();
|
|
|
|
}
|
|
});
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
function ResetValues() {
|
|
|
|
var val = "";
|
|
|
|
jQuery("#prevalues .row").each(function () {
|
|
|
|
var text = jQuery(".text", this).html();
|
|
var value = jQuery(".value", this).html();
|
|
|
|
|
|
val += value + "|" + text + ";";
|
|
|
|
});
|
|
|
|
jQuery(".valuesHiddenInput").val(val);
|
|
}
|
|
|
|
//inline edit
|
|
(function ($) {
|
|
|
|
$.fn.valuesInlineEdit = function (options) {
|
|
|
|
options = $.extend({
|
|
hover: 'hover',
|
|
value: '',
|
|
save: '',
|
|
placeholder: 'Click to edit'
|
|
}, options);
|
|
|
|
return $.each(this, function () {
|
|
$.valuesInlineEdit(this, options);
|
|
});
|
|
}
|
|
|
|
$.valuesInlineEdit = function (obj, options) {
|
|
|
|
var self = $(obj),
|
|
placeholderHtml = '<span class="inlineEdit-placeholder">' + options.placeholder + '</span>';
|
|
|
|
self.value = function (newValue) {
|
|
if (arguments.length) {
|
|
self.data('value', $(newValue).hasClass('inlineEdit-placeholder') ? '' : newValue);
|
|
}
|
|
return self.data('value');
|
|
}
|
|
|
|
self.value($.trim(self.text()) || options.value);
|
|
|
|
self.bind('click', function (event) {
|
|
var $this = $(event.target);
|
|
|
|
if ($this.is(self[0].tagName) || $this.hasClass('inlineEdit-placeholder')) {
|
|
self
|
|
.html('<input type="text" value="' + self.value() + '">')
|
|
.find('input')
|
|
.bind('blur', function () {
|
|
if ($this.children('input').val().length > 0) {
|
|
|
|
try {
|
|
self.value($this.children('input').val());
|
|
|
|
|
|
|
|
} catch (err) { }
|
|
|
|
|
|
}
|
|
else {
|
|
self.value('Click to edit');
|
|
}
|
|
if (self.timer) {
|
|
window.clearTimeout(self.timer);
|
|
}
|
|
self.timer = window.setTimeout(function () {
|
|
self.html(self.value() || placeholderHtml);
|
|
self.removeClass(options.hover);
|
|
ResetValues();
|
|
}, 200);
|
|
})
|
|
.focus();
|
|
}
|
|
})
|
|
.hover(
|
|
function () {
|
|
$(this).addClass(options.hover);
|
|
},
|
|
function () {
|
|
$(this).removeClass(options.hover);
|
|
}
|
|
);
|
|
|
|
if (!self.value()) {
|
|
self.html($(placeholderHtml));
|
|
}
|
|
}
|
|
|
|
})(jQuery); |