gluttonberg-core 2.5

data/app/assets/javascripts/jeditable.js

@@ -0,0 +1,371 @@
+(function($) {
+    $.fn.editable = function(target, options) {
+        if ('disable' == target) {
+            $(this).data('disabled.editable', true);
+            return;
+        }
+        if ('enable' == target) {
+            $(this).data('disabled.editable', false);
+            return;
+        }
+        if ('destroy' == target) {
+            $(this).unbind($(this).data('event.editable')).removeData('disabled.editable').removeData('event.editable');
+            return;
+        }
+        var settings = $.extend({},
+        $.fn.editable.defaults, {
+            target: target
+        },
+        options);
+        var plugin = $.editable.types[settings.type].plugin ||
+        function() {};
+        var submit = $.editable.types[settings.type].submit ||
+        function() {};
+        var buttons = $.editable.types[settings.type].buttons || $.editable.types['defaults'].buttons;
+        var content = $.editable.types[settings.type].content || $.editable.types['defaults'].content;
+        var element = $.editable.types[settings.type].element || $.editable.types['defaults'].element;
+        var reset = $.editable.types[settings.type].reset || $.editable.types['defaults'].reset;
+        var callback = settings.callback ||
+        function() {};
+        var onedit = settings.onedit ||
+        function() {};
+        var onsubmit = settings.onsubmit ||
+        function() {};
+        var onreset = settings.onreset ||
+        function() {};
+        var onerror = settings.onerror || reset;
+        if (settings.tooltip) {
+            $(this).attr('title', settings.tooltip);
+        }
+        settings.autowidth = 'auto' == settings.width;
+        settings.autoheight = 'auto' == settings.height;
+        return this.each(function() {
+            var self = this;
+            var savedwidth = $(self).width();
+            var savedheight = $(self).height();
+            $(this).data('event.editable', settings.event);
+            if (!$.trim($(this).html())) {
+                $(this).html(settings.placeholder);
+            }
+            $(this).bind(settings.event,
+            function(e) {
+                if (true === $(this).data('disabled.editable')) {
+                    return;
+                }
+                if (self.editing) {
+                    return;
+                }
+                if (false === onedit.apply(this, [settings, self])) {
+                    return;
+                }
+                e.preventDefault();
+                e.stopPropagation();
+                if (settings.tooltip) {
+                    $(self).removeAttr('title');
+                }
+                if (0 == $(self).width()) {
+                    settings.width = savedwidth;
+                    settings.height = savedheight;
+                } else {
+                    if (settings.width != 'none') {
+                        settings.width = settings.autowidth ? $(self).width() : settings.width;
+                    }
+                    if (settings.height != 'none') {
+                        settings.height = settings.autoheight ? $(self).height() : settings.height;
+                    }
+                }
+                if ($(this).html().toLowerCase().replace(/(;|")/g, '') == settings.placeholder.toLowerCase().replace(/(;|")/g, '')) {
+                    $(this).html('');
+                }
+                self.editing = true;
+                self.revert = $(self).html();
+                $(self).html('');
+                var form = $('<form />');
+                if (settings.cssclass) {
+                    if ('inherit' == settings.cssclass) {
+                        form.attr('class', $(self).attr('class'));
+                    } else {
+                        form.attr('class', settings.cssclass);
+                    }
+                }
+                if (settings.style) {
+                    if ('inherit' == settings.style) {
+                        form.attr('style', $(self).attr('style'));
+                        form.css('display', $(self).css('display'));
+                    } else {
+                        form.attr('style', settings.style);
+                    }
+                }
+                var input = element.apply(form, [settings, self]);
+                var input_content;
+                if (settings.loadurl) {
+                    var t = setTimeout(function() {
+                        input.disabled = true;
+                        content.apply(form, [settings.loadtext, settings, self]);
+                    },
+                    100);
+                    var loaddata = {};
+                    loaddata[settings.id] = self.id;
+                    if ($.isFunction(settings.loaddata)) {
+                        $.extend(loaddata, settings.loaddata.apply(self, [self.revert, settings]));
+                    } else {
+                        $.extend(loaddata, settings.loaddata);
+                    }
+                    $.ajax({
+                        type: settings.loadtype,
+                        url: settings.loadurl,
+                        data: loaddata,
+                        async: false,
+                        success: function(result) {
+                            window.clearTimeout(t);
+                            input_content = result;
+                            input.disabled = false;
+                        }
+                    });
+                } else if (settings.data) {
+                    input_content = settings.data;
+                    if ($.isFunction(settings.data)) {
+                        input_content = settings.data.apply(self, [self.revert, settings]);
+                    }
+                } else {
+                    input_content = self.revert;
+                }
+                content.apply(form, [input_content, settings, self]);
+                input.attr('name', settings.name);
+                buttons.apply(form, [settings, self]);
+                $(self).append(form);
+                plugin.apply(form, [settings, self]);
+                $(':input:visible:enabled:first', form).focus();
+                if (settings.select) {
+                    input.select();
+                }
+                input.keydown(function(e) {
+                    if (e.keyCode == 27) {
+                        e.preventDefault();
+                        reset.apply(form, [settings, self]);
+                    }
+                });
+                var t;
+                if ('cancel' == settings.onblur) {
+                    input.blur(function(e) {
+                        t = setTimeout(function() {
+                            reset.apply(form, [settings, self]);
+                        },
+                        500);
+                    });
+                } else if ('submit' == settings.onblur) {
+                    input.blur(function(e) {
+                        t = setTimeout(function() {
+                            form.submit();
+                        },
+                        200);
+                    });
+                } else if ($.isFunction(settings.onblur)) {
+                    input.blur(function(e) {
+                        settings.onblur.apply(self, [input.val(), settings]);
+                    });
+                } else {
+                    input.blur(function(e) {});
+                }
+                form.submit(function(e) {
+                    if (t) {
+                        clearTimeout(t);
+                    }
+                    e.preventDefault();
+                    if (false !== onsubmit.apply(form, [settings, self])) {
+                        if (false !== submit.apply(form, [settings, self])) {
+                            if ($.isFunction(settings.target)) {
+                                var str = settings.target.apply(self, [input.val(), settings]);
+                                $(self).html(str);
+                                self.editing = false;
+                                callback.apply(self, [self.innerHTML, settings]);
+                                if (!$.trim($(self).html())) {
+                                    $(self).html(settings.placeholder);
+                                }
+                            } else {
+                                var submitdata = {};
+                                submitdata[settings.name] = input.val();
+                                submitdata[settings.id] = self.id;
+                                if ($.isFunction(settings.submitdata)) {
+                                    $.extend(submitdata, settings.submitdata.apply(self, [self.revert, settings]));
+                                } else {
+                                    $.extend(submitdata, settings.submitdata);
+                                }
+                                if ('PUT' == settings.method) {
+                                    submitdata['_method'] = 'put';
+                                }
+                                $(self).html(settings.indicator);
+                                var ajaxoptions = {
+                                    type: 'POST',
+                                    data: submitdata,
+                                    dataType: 'html',
+                                    url: settings.target,
+                                    success: function(result, status) {
+                                        if (ajaxoptions.dataType == 'html') {
+                                            $(self).html(result);
+                                        }
+                                        self.editing = false;
+                                        callback.apply(self, [result, settings]);
+                                        if (!$.trim($(self).html())) {
+                                            $(self).html(settings.placeholder);
+                                        }
+                                    },
+                                    error: function(xhr, status, error) {
+                                        onerror.apply(form, [settings, self, xhr]);
+                                    }
+                                };
+                                $.extend(ajaxoptions, settings.ajaxoptions);
+                                $.ajax(ajaxoptions);
+                            }
+                        }
+                    }
+                    $(self).attr('title', settings.tooltip);
+                    return false;
+                });
+            });
+            this.reset = function(form) {
+                if (this.editing) {
+                    if (false !== onreset.apply(form, [settings, self])) {
+                        $(self).html(self.revert);
+                        self.editing = false;
+                        if (!$.trim($(self).html())) {
+                            $(self).html(settings.placeholder);
+                        }
+                        if (settings.tooltip) {
+                            $(self).attr('title', settings.tooltip);
+                        }
+                    }
+                }
+            };
+        });
+    };
+    $.editable = {
+        types: {
+            defaults: {
+                element: function(settings, original) {
+                    var input = $('<input type="hidden"></input>');
+                    $(this).append(input);
+                    return (input);
+                },
+                content: function(string, settings, original) {
+                    $(':input:first', this).val(string);
+                },
+                reset: function(settings, original) {
+                    original.reset(this);
+                },
+                buttons: function(settings, original) {
+                    var form = this;
+                    if (settings.submit) {
+                        if (settings.submit.match(/>$/)) {
+                            var submit = $(settings.submit).click(function() {
+                                if (submit.attr("type") != "submit") {
+                                    form.submit();
+                                }
+                            });
+                        } else {
+                            var submit = $('<button type="submit" class="btn" />');
+                            submit.html(settings.submit);
+                        }
+                        $(this).append(submit);
+                    }
+                    if (settings.cancel) {
+                        if (settings.cancel.match(/>$/)) {
+                            var cancel = $(settings.cancel);
+                        } else {
+                            var cancel = $('<button type="cancel" class="btn btn-danger" />');
+                            cancel.html(settings.cancel);
+                        }
+                        $(this).append(cancel);
+                        $(cancel).click(function(event) {
+                            if ($.isFunction($.editable.types[settings.type].reset)) {
+                                var reset = $.editable.types[settings.type].reset;
+                            } else {
+                                var reset = $.editable.types['defaults'].reset;
+                            }
+                            reset.apply(form, [settings, original]);
+                            return false;
+                        });
+                    }
+                }
+            },
+            text: {
+                element: function(settings, original) {
+                    var input = $('<input />');
+                    if (settings.width != 'none') {
+                        input.width(settings.width);
+                    }
+                    if (settings.height != 'none') {
+                        input.height(settings.height);
+                    }
+                    input.attr('autocomplete', 'off');
+                    $(this).append(input);
+                    return (input);
+                }
+            },
+            textarea: {
+                element: function(settings, original) {
+                    var textarea = $('<textarea />');
+                    if (settings.rows) {
+                        textarea.attr('rows', settings.rows);
+                    } else if (settings.height != "none") {
+                        textarea.height(settings.height);
+                    }
+                    if (settings.cols) {
+                        textarea.attr('cols', settings.cols);
+                    } else if (settings.width != "none") {
+                        textarea.width(settings.width);
+                    }
+                    $(this).append(textarea);
+                    return (textarea);
+                }
+            },
+            select: {
+                element: function(settings, original) {
+                    var select = $('<select />');
+                    $(this).append(select);
+                    return (select);
+                },
+                content: function(data, settings, original) {
+                    if (String == data.constructor) {
+                        eval('var json = ' + data);
+                    } else {
+                        var json = data;
+                    }
+                    for (var key in json) {
+                        if (!json.hasOwnProperty(key)) {
+                            continue;
+                        }
+                        if ('selected' == key) {
+                            continue;
+                        }
+                        var option = $('<option />').val(key).append(json[key]);
+                        $('select', this).append(option);
+                    }
+                    $('select', this).children().each(function() {
+                        if ($(this).val() == json['selected'] || $(this).text() == $.trim(original.revert)) {
+                            $(this).attr('selected', 'selected');
+                        }
+                    });
+                }
+            }
+        },
+        addInputType: function(name, input) {
+            $.editable.types[name] = input;
+        }
+    };
+    $.fn.editable.defaults = {
+        name: 'value',
+        id: 'id',
+        type: 'text',
+        width: '98%',
+        height: '20px',
+        event: 'click.editable',
+        onblur: '',
+        loadtype: 'GET',
+        loadtext: 'Loading...',
+        placeholder: 'Click to edit',
+        loaddata: {},
+        submitdata: {},
+        ajaxoptions: {}
+    };
+})(jQuery);