dss/static/js/libs/backbone/backbone.mine.js

Backbone.Validate = function (model, changedAttributes) {

    return (function () {
        this.errors = {};
        this.attributes = _.clone(model.attributes);
        _.extend(this.attributes, changedAttributes);
        _.each(model.validates, function (value, rule) {
            this.validators[rule](value);
        });

        this.validators = {
            required: function (fields) {
                _.each(fields, function (field) {
                    if (_.isEmpty(this.attributes[field]) === true) {
                        this.addError(field, I18n.t('errors.form.required'));
                    }
                });
            }
        };

        this.addError = function (field, message) {
            if (_.isUndefined(this.errors[field])) {
                this.errors[field] = [];
            }
            this.errors[field].push(message);
        };

        return this.errors;
    })();
};

window.TastypieModel = Backbone.Model.extend({
    base_url: function () {
        var temp_url = Backbone.Model.prototype.url.call(this);
        return (temp_url.charAt(temp_url.length - 1) == '/' ? temp_url : temp_url + '/');
    },
    url: function () {
        return this.base_url();
    }
});

window.TastypieCollection = Backbone.Collection.extend({
    parse: function (response) {
        this.recent_meta = response.meta || {};
        return response.objects || response;
    }
});

window.DSSModel = window.TastypieModel.extend({
    addError: function (field, message) {
        if (_.isUndefined(this.errors[field])) {
            this.errors[field] = [];
        }
        this.errors[field].push(message);
        return field;
    }
});

window.DSSEditableView = Backbone.Marionette.ItemView.extend({
    events: {
        "change input": "changed",
        "change textarea": "changed"
    },
    changeSelect: function (evt) {
        var changed = evt.currentTarget;
        if (!com.podnoms.utils.isEmpty(changed.id)) {
            var value = $(evt.currentTarget).val();
            var obj = "{\"" + changed.id + "\":\"" + value.replace(/\n/g, '<br />') + "\"}";
            var objInst = JSON.parse(obj);
            this.model.set(objInst);
        }
    },
    changed: function (evt) {
        //change handler for the form to update the model
        //with the new values
        return;
        var changed = evt.currentTarget;
        //$("#" + changed.id)
        if (!com.podnoms.utils.isEmpty(changed.id)) {
            var value, obj;
            if ($(changed).is(':checkbox')) {
                value = $(changed).is(':checked');
                obj = "{\"" + changed.id + "\":" + value + "}";
            } else {
                value = $(changed).val();
                obj = "{\"" + changed.id + "\":\"" + value.replace(/\n/g, '<br />') + "\"}";
            }
            var objInst = JSON.parse(obj);
            this.model.set(objInst);
        }
    },
    _bakeForm: function (el, lookups) {
        //TODO extend lookups to be a list
        //TODO this way we can initialise more than one lookup per page
        var model = this.model;
        var labels, mapped;
        $('.typeahead', el).typeahead({
            source: function (query, process) {
                $.get(
                    '/ajax/lookup/' + lookups + '/',
                    { query: query },
                    function (data) {
                        labels = []
                        mapped = {}
                        $.each(data, function (i, item) {
                            mapped[item[1]] = item;
                            labels.push(item[1]);
                        });
                        process(labels);
                    }, 'json');
            },
            updater: function (item) {
                this.$element.val(mapped[item][0]);
                model.set(this.$element.attr('id'), mapped[item][0]);
                return item;
            }
        });
        $('.datepicker', el).datepicker(
            {
                'format': 'dd/mm/yyyy'
            }
        );
        $('.timepicker', el).timepicker();
        $('textarea.tinymce', this.el).tinymce({
            script_url: "/static/js/libs/tiny_mce/tiny_mce.js",
            mode: "textareas",
            theme: "advanced",
            theme_advanced_toolbar_location: "top",
            theme_advanced_toolbar_align: "left",
            theme_advanced_buttons1: "fullscreen,media,tablecontrols,separator,link,unlink,anchor,separator,preview,separator,bold,italic,underline,strikethrough,separator,bullist,numlist,outdent,indent,separator,undo,redo,separator,image,cleanup,help,separator,code",
            theme_advanced_buttons2: "",
            theme_advanced_buttons3: "",
            auto_cleanup_word: true,
            plugins: "media, table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,print,contextmenu,fullscreen,preview,searchreplace",
            plugin_insertdate_dateFormat: "%m/%d/%Y",
            plugin_insertdate_timeFormat: "%H:%M:%S",
            extended_valid_elements: "a[name|href|target=_blank|title|onclick],img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name],hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style]",
            fullscreen_settings: {
                theme_advanced_path_location: "top",
                theme_advanced_buttons1: "fullscreen,media, separator,preview,separator,cut,copy,paste,separator,undo,redo,separator,search,replace,separator,code,separator,cleanup,separator,bold,italic,underline,strikethrough,separator,forecolor,backcolor,separator,justifyleft,justifycenter,justifyright,justifyfull,separator,help",
                theme_advanced_buttons2: "removeformat,styleselect,formatselect,fontselect,fontsizeselect,separator,bullist,numlist,outdent,indent,separator,link,unlink,anchor",
                theme_advanced_buttons3: "sub,sup,separator,image,insertdate,inserttime,separator,tablecontrols,separator,hr,advhr,visualaid,separator,charmap,emotions,iespell,flash,separator,print"
            }
        });
    },
    _saveChanges: function () {
        var args = arguments;
        if (this.model.isValid() != "") {
            if (this.model.errors) {
                for (var error in this.model.errors) {
                    $('#group-' + error, this.el).addClass('error');
                    $('#error-' + error, this.el).text(this.model.errors[error]);
                }
            }
        } else {
            this.model.save(
                null,
                {
                    success: args[0].success,
                    error: args[0].error
                }
            );
        }
    }
});