Mark McDowall
12 years ago
parent
e03ab2ebea
commit
9d5cb6f3e0
@ -0,0 +1,438 @@
|
|||||||
|
/*jshint expr:true eqnull:true */
|
||||||
|
/**
|
||||||
|
*
|
||||||
|
* Backbone.DeepModel v0.10.4
|
||||||
|
*
|
||||||
|
* Copyright (c) 2013 Charles Davison, Pow Media Ltd
|
||||||
|
*
|
||||||
|
* https://github.com/powmedia/backbone-deep-model
|
||||||
|
* Licensed under the MIT License
|
||||||
|
*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Underscore mixins for deep objects
|
||||||
|
*
|
||||||
|
* Based on https://gist.github.com/echong/3861963
|
||||||
|
*/
|
||||||
|
(function() {
|
||||||
|
var arrays, basicObjects, deepClone, deepExtend, deepExtendCouple, isBasicObject,
|
||||||
|
__slice = [].slice;
|
||||||
|
|
||||||
|
deepClone = function(obj) {
|
||||||
|
var func, isArr;
|
||||||
|
if (!_.isObject(obj) || _.isFunction(obj)) {
|
||||||
|
return obj;
|
||||||
|
}
|
||||||
|
if (obj instanceof Backbone.Collection || obj instanceof Backbone.Model) {
|
||||||
|
return obj;
|
||||||
|
}
|
||||||
|
if (_.isDate(obj)) {
|
||||||
|
return new Date(obj.getTime());
|
||||||
|
}
|
||||||
|
if (_.isRegExp(obj)) {
|
||||||
|
return new RegExp(obj.source, obj.toString().replace(/.*\//, ""));
|
||||||
|
}
|
||||||
|
isArr = _.isArray(obj || _.isArguments(obj));
|
||||||
|
func = function(memo, value, key) {
|
||||||
|
if (isArr) {
|
||||||
|
memo.push(deepClone(value));
|
||||||
|
} else {
|
||||||
|
memo[key] = deepClone(value);
|
||||||
|
}
|
||||||
|
return memo;
|
||||||
|
};
|
||||||
|
return _.reduce(obj, func, isArr ? [] : {});
|
||||||
|
};
|
||||||
|
|
||||||
|
isBasicObject = function(object) {
|
||||||
|
if (object == null) return false;
|
||||||
|
return (object.prototype === {}.prototype || object.prototype === Object.prototype) && _.isObject(object) && !_.isArray(object) && !_.isFunction(object) && !_.isDate(object) && !_.isRegExp(object) && !_.isArguments(object);
|
||||||
|
};
|
||||||
|
|
||||||
|
basicObjects = function(object) {
|
||||||
|
return _.filter(_.keys(object), function(key) {
|
||||||
|
return isBasicObject(object[key]);
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
arrays = function(object) {
|
||||||
|
return _.filter(_.keys(object), function(key) {
|
||||||
|
return _.isArray(object[key]);
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
deepExtendCouple = function(destination, source, maxDepth) {
|
||||||
|
var combine, recurse, sharedArrayKey, sharedArrayKeys, sharedObjectKey, sharedObjectKeys, _i, _j, _len, _len1;
|
||||||
|
if (maxDepth == null) {
|
||||||
|
maxDepth = 20;
|
||||||
|
}
|
||||||
|
if (maxDepth <= 0) {
|
||||||
|
console.warn('_.deepExtend(): Maximum depth of recursion hit.');
|
||||||
|
return _.extend(destination, source);
|
||||||
|
}
|
||||||
|
sharedObjectKeys = _.intersection(basicObjects(destination), basicObjects(source));
|
||||||
|
recurse = function(key) {
|
||||||
|
return source[key] = deepExtendCouple(destination[key], source[key], maxDepth - 1);
|
||||||
|
};
|
||||||
|
for (_i = 0, _len = sharedObjectKeys.length; _i < _len; _i++) {
|
||||||
|
sharedObjectKey = sharedObjectKeys[_i];
|
||||||
|
recurse(sharedObjectKey);
|
||||||
|
}
|
||||||
|
sharedArrayKeys = _.intersection(arrays(destination), arrays(source));
|
||||||
|
combine = function(key) {
|
||||||
|
return source[key] = _.union(destination[key], source[key]);
|
||||||
|
};
|
||||||
|
for (_j = 0, _len1 = sharedArrayKeys.length; _j < _len1; _j++) {
|
||||||
|
sharedArrayKey = sharedArrayKeys[_j];
|
||||||
|
combine(sharedArrayKey);
|
||||||
|
}
|
||||||
|
return _.extend(destination, source);
|
||||||
|
};
|
||||||
|
|
||||||
|
deepExtend = function() {
|
||||||
|
var finalObj, maxDepth, objects, _i;
|
||||||
|
objects = 2 <= arguments.length ? __slice.call(arguments, 0, _i = arguments.length - 1) : (_i = 0, []), maxDepth = arguments[_i++];
|
||||||
|
if (!_.isNumber(maxDepth)) {
|
||||||
|
objects.push(maxDepth);
|
||||||
|
maxDepth = 20;
|
||||||
|
}
|
||||||
|
if (objects.length <= 1) {
|
||||||
|
return objects[0];
|
||||||
|
}
|
||||||
|
if (maxDepth <= 0) {
|
||||||
|
return _.extend.apply(this, objects);
|
||||||
|
}
|
||||||
|
finalObj = objects.shift();
|
||||||
|
while (objects.length > 0) {
|
||||||
|
finalObj = deepExtendCouple(finalObj, deepClone(objects.shift()), maxDepth);
|
||||||
|
}
|
||||||
|
return finalObj;
|
||||||
|
};
|
||||||
|
|
||||||
|
_.mixin({
|
||||||
|
deepClone: deepClone,
|
||||||
|
isBasicObject: isBasicObject,
|
||||||
|
basicObjects: basicObjects,
|
||||||
|
arrays: arrays,
|
||||||
|
deepExtend: deepExtend
|
||||||
|
});
|
||||||
|
|
||||||
|
}).call(this);
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Main source
|
||||||
|
*/
|
||||||
|
|
||||||
|
;(function(factory) {
|
||||||
|
if (typeof define === 'function' && define.amd) {
|
||||||
|
// AMD
|
||||||
|
define(['underscore', 'backbone'], factory);
|
||||||
|
} else {
|
||||||
|
// globals
|
||||||
|
factory(_, Backbone);
|
||||||
|
}
|
||||||
|
}(function(_, Backbone) {
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Takes a nested object and returns a shallow object keyed with the path names
|
||||||
|
* e.g. { "level1.level2": "value" }
|
||||||
|
*
|
||||||
|
* @param {Object} Nested object e.g. { level1: { level2: 'value' } }
|
||||||
|
* @return {Object} Shallow object with path names e.g. { 'level1.level2': 'value' }
|
||||||
|
*/
|
||||||
|
function objToPaths(obj) {
|
||||||
|
var ret = {},
|
||||||
|
separator = DeepModel.keyPathSeparator;
|
||||||
|
|
||||||
|
for (var key in obj) {
|
||||||
|
var val = obj[key];
|
||||||
|
|
||||||
|
if (val && val.constructor === Object && !_.isEmpty(val)) {
|
||||||
|
//Recursion for embedded objects
|
||||||
|
var obj2 = objToPaths(val);
|
||||||
|
|
||||||
|
for (var key2 in obj2) {
|
||||||
|
var val2 = obj2[key2];
|
||||||
|
|
||||||
|
ret[key + separator + key2] = val2;
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
ret[key] = val;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return ret;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @param {Object} Object to fetch attribute from
|
||||||
|
* @param {String} Object path e.g. 'user.name'
|
||||||
|
* @return {Mixed}
|
||||||
|
*/
|
||||||
|
function getNested(obj, path, return_exists) {
|
||||||
|
var separator = DeepModel.keyPathSeparator;
|
||||||
|
|
||||||
|
var fields = path.split(separator);
|
||||||
|
var result = obj;
|
||||||
|
return_exists || (return_exists === false);
|
||||||
|
for (var i = 0, n = fields.length; i < n; i++) {
|
||||||
|
if (return_exists && !_.has(result, fields[i])) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
result = result[fields[i]];
|
||||||
|
|
||||||
|
if (result == null && i < n - 1) {
|
||||||
|
result = {};
|
||||||
|
}
|
||||||
|
|
||||||
|
if (typeof result === 'undefined') {
|
||||||
|
if (return_exists)
|
||||||
|
{
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (return_exists)
|
||||||
|
{
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @param {Object} obj Object to fetch attribute from
|
||||||
|
* @param {String} path Object path e.g. 'user.name'
|
||||||
|
* @param {Object} [options] Options
|
||||||
|
* @param {Boolean} [options.unset] Whether to delete the value
|
||||||
|
* @param {Mixed} Value to set
|
||||||
|
*/
|
||||||
|
function setNested(obj, path, val, options) {
|
||||||
|
options = options || {};
|
||||||
|
|
||||||
|
var separator = DeepModel.keyPathSeparator;
|
||||||
|
|
||||||
|
var fields = path.split(separator);
|
||||||
|
var result = obj;
|
||||||
|
for (var i = 0, n = fields.length; i < n && result !== undefined ; i++) {
|
||||||
|
var field = fields[i];
|
||||||
|
|
||||||
|
//If the last in the path, set the value
|
||||||
|
if (i === n - 1) {
|
||||||
|
options.unset ? delete result[field] : result[field] = val;
|
||||||
|
} else {
|
||||||
|
//Create the child object if it doesn't exist, or isn't an object
|
||||||
|
if (typeof result[field] === 'undefined' || ! _.isObject(result[field])) {
|
||||||
|
result[field] = {};
|
||||||
|
}
|
||||||
|
|
||||||
|
//Move onto the next part of the path
|
||||||
|
result = result[field];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function deleteNested(obj, path) {
|
||||||
|
setNested(obj, path, null, { unset: true });
|
||||||
|
}
|
||||||
|
|
||||||
|
var DeepModel = Backbone.Model.extend({
|
||||||
|
|
||||||
|
// Override constructor
|
||||||
|
// Support having nested defaults by using _.deepExtend instead of _.extend
|
||||||
|
constructor: function(attributes, options) {
|
||||||
|
var defaults;
|
||||||
|
var attrs = attributes || {};
|
||||||
|
this.cid = _.uniqueId('c');
|
||||||
|
this.attributes = {};
|
||||||
|
if (options && options.collection) this.collection = options.collection;
|
||||||
|
if (options && options.parse) attrs = this.parse(attrs, options) || {};
|
||||||
|
if (defaults = _.result(this, 'defaults')) {
|
||||||
|
//<custom code>
|
||||||
|
// Replaced the call to _.defaults with _.deepExtend.
|
||||||
|
attrs = _.deepExtend({}, defaults, attrs);
|
||||||
|
//</custom code>
|
||||||
|
}
|
||||||
|
this.set(attrs, options);
|
||||||
|
this.changed = {};
|
||||||
|
this.initialize.apply(this, arguments);
|
||||||
|
},
|
||||||
|
|
||||||
|
// Return a copy of the model's `attributes` object.
|
||||||
|
toJSON: function(options) {
|
||||||
|
return _.deepClone(this.attributes);
|
||||||
|
},
|
||||||
|
|
||||||
|
// Override get
|
||||||
|
// Supports nested attributes via the syntax 'obj.attr' e.g. 'author.user.name'
|
||||||
|
get: function(attr) {
|
||||||
|
return getNested(this.attributes, attr);
|
||||||
|
},
|
||||||
|
|
||||||
|
// Override set
|
||||||
|
// Supports nested attributes via the syntax 'obj.attr' e.g. 'author.user.name'
|
||||||
|
set: function(key, val, options) {
|
||||||
|
var attr, attrs, unset, changes, silent, changing, prev, current;
|
||||||
|
if (key == null) return this;
|
||||||
|
|
||||||
|
// Handle both `"key", value` and `{key: value}` -style arguments.
|
||||||
|
if (typeof key === 'object') {
|
||||||
|
attrs = key;
|
||||||
|
options = val || {};
|
||||||
|
} else {
|
||||||
|
(attrs = {})[key] = val;
|
||||||
|
}
|
||||||
|
|
||||||
|
options || (options = {});
|
||||||
|
|
||||||
|
// Run validation.
|
||||||
|
if (!this._validate(attrs, options)) return false;
|
||||||
|
|
||||||
|
// Extract attributes and options.
|
||||||
|
unset = options.unset;
|
||||||
|
silent = options.silent;
|
||||||
|
changes = [];
|
||||||
|
changing = this._changing;
|
||||||
|
this._changing = true;
|
||||||
|
|
||||||
|
if (!changing) {
|
||||||
|
this._previousAttributes = _.deepClone(this.attributes); //<custom>: Replaced _.clone with _.deepClone
|
||||||
|
this.changed = {};
|
||||||
|
}
|
||||||
|
current = this.attributes, prev = this._previousAttributes;
|
||||||
|
|
||||||
|
// Check for changes of `id`.
|
||||||
|
if (this.idAttribute in attrs) this.id = attrs[this.idAttribute];
|
||||||
|
|
||||||
|
//<custom code>
|
||||||
|
attrs = objToPaths(attrs);
|
||||||
|
//</custom code>
|
||||||
|
|
||||||
|
// For each `set` attribute, update or delete the current value.
|
||||||
|
for (attr in attrs) {
|
||||||
|
val = attrs[attr];
|
||||||
|
|
||||||
|
//<custom code>: Using getNested, setNested and deleteNested
|
||||||
|
if (!_.isEqual(getNested(current, attr), val)) changes.push(attr);
|
||||||
|
if (!_.isEqual(getNested(prev, attr), val)) {
|
||||||
|
setNested(this.changed, attr, val);
|
||||||
|
} else {
|
||||||
|
deleteNested(this.changed, attr);
|
||||||
|
}
|
||||||
|
unset ? deleteNested(current, attr) : setNested(current, attr, val);
|
||||||
|
//</custom code>
|
||||||
|
}
|
||||||
|
|
||||||
|
// Trigger all relevant attribute changes.
|
||||||
|
if (!silent) {
|
||||||
|
if (changes.length) this._pending = true;
|
||||||
|
|
||||||
|
//<custom code>
|
||||||
|
var separator = DeepModel.keyPathSeparator;
|
||||||
|
|
||||||
|
for (var i = 0, l = changes.length; i < l; i++) {
|
||||||
|
var key = changes[i];
|
||||||
|
|
||||||
|
this.trigger('change:' + key, this, getNested(current, key), options);
|
||||||
|
|
||||||
|
var fields = key.split(separator);
|
||||||
|
|
||||||
|
//Trigger change events for parent keys with wildcard (*) notation
|
||||||
|
for(var n = fields.length - 1; n > 0; n--) {
|
||||||
|
var parentKey = _.first(fields, n).join(separator),
|
||||||
|
wildcardKey = parentKey + separator + '*';
|
||||||
|
|
||||||
|
this.trigger('change:' + wildcardKey, this, getNested(current, parentKey), options);
|
||||||
|
}
|
||||||
|
//</custom code>
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (changing) return this;
|
||||||
|
if (!silent) {
|
||||||
|
while (this._pending) {
|
||||||
|
this._pending = false;
|
||||||
|
this.trigger('change', this, options);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this._pending = false;
|
||||||
|
this._changing = false;
|
||||||
|
return this;
|
||||||
|
},
|
||||||
|
|
||||||
|
// Clear all attributes on the model, firing `"change"` unless you choose
|
||||||
|
// to silence it.
|
||||||
|
clear: function(options) {
|
||||||
|
var attrs = {};
|
||||||
|
var shallowAttributes = objToPaths(this.attributes);
|
||||||
|
for (var key in shallowAttributes) attrs[key] = void 0;
|
||||||
|
return this.set(attrs, _.extend({}, options, {unset: true}));
|
||||||
|
},
|
||||||
|
|
||||||
|
// Determine if the model has changed since the last `"change"` event.
|
||||||
|
// If you specify an attribute name, determine if that attribute has changed.
|
||||||
|
hasChanged: function(attr) {
|
||||||
|
if (attr == null) return !_.isEmpty(this.changed);
|
||||||
|
return getNested(this.changed, attr) !== undefined;
|
||||||
|
},
|
||||||
|
|
||||||
|
// Return an object containing all the attributes that have changed, or
|
||||||
|
// false if there are no changed attributes. Useful for determining what
|
||||||
|
// parts of a view need to be updated and/or what attributes need to be
|
||||||
|
// persisted to the server. Unset attributes will be set to undefined.
|
||||||
|
// You can also pass an attributes object to diff against the model,
|
||||||
|
// determining if there *would be* a change.
|
||||||
|
changedAttributes: function(diff) {
|
||||||
|
//<custom code>: objToPaths
|
||||||
|
if (!diff) return this.hasChanged() ? objToPaths(this.changed) : false;
|
||||||
|
//</custom code>
|
||||||
|
|
||||||
|
var old = this._changing ? this._previousAttributes : this.attributes;
|
||||||
|
|
||||||
|
//<custom code>
|
||||||
|
diff = objToPaths(diff);
|
||||||
|
old = objToPaths(old);
|
||||||
|
//</custom code>
|
||||||
|
|
||||||
|
var val, changed = false;
|
||||||
|
for (var attr in diff) {
|
||||||
|
if (_.isEqual(old[attr], (val = diff[attr]))) continue;
|
||||||
|
(changed || (changed = {}))[attr] = val;
|
||||||
|
}
|
||||||
|
return changed;
|
||||||
|
},
|
||||||
|
|
||||||
|
// Get the previous value of an attribute, recorded at the time the last
|
||||||
|
// `"change"` event was fired.
|
||||||
|
previous: function(attr) {
|
||||||
|
if (attr == null || !this._previousAttributes) return null;
|
||||||
|
|
||||||
|
//<custom code>
|
||||||
|
return getNested(this._previousAttributes, attr);
|
||||||
|
//</custom code>
|
||||||
|
},
|
||||||
|
|
||||||
|
// Get all of the attributes of the model at the time of the previous
|
||||||
|
// `"change"` event.
|
||||||
|
previousAttributes: function() {
|
||||||
|
//<custom code>
|
||||||
|
return _.deepClone(this._previousAttributes);
|
||||||
|
//</custom code>
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
//Config; override in your app to customise
|
||||||
|
DeepModel.keyPathSeparator = '.';
|
||||||
|
|
||||||
|
|
||||||
|
//Exports
|
||||||
|
Backbone.DeepModel = DeepModel;
|
||||||
|
|
||||||
|
//For use in NodeJS
|
||||||
|
if (typeof module != 'undefined') module.exports = DeepModel;
|
||||||
|
|
||||||
|
return Backbone;
|
||||||
|
|
||||||
|
}));
|
||||||
|
|
||||||
@ -0,0 +1,20 @@
|
|||||||
|
'use strict';
|
||||||
|
|
||||||
|
Handlebars.registerHelper('partial', function(templateName, context){
|
||||||
|
//TODO: We should be able to pass in the context, either an object or a property
|
||||||
|
|
||||||
|
var templateFunction = Marionette.TemplateCache.get(templateName);
|
||||||
|
return new Handlebars.SafeString(templateFunction(this));
|
||||||
|
});
|
||||||
|
|
||||||
|
Handlebars.registerHelper("debug", function(optionalValue) {
|
||||||
|
console.log("Current Context");
|
||||||
|
console.log("====================");
|
||||||
|
console.log(this);
|
||||||
|
|
||||||
|
if (optionalValue) {
|
||||||
|
console.log("Value");
|
||||||
|
console.log("====================");
|
||||||
|
console.log(optionalValue);
|
||||||
|
}
|
||||||
|
});
|
||||||
Loading…
Reference in new issue