mirror of
https://github.com/Hopiu/angular.js.git
synced 2026-03-16 23:30:23 +00:00
362 lines
No EOL
9.4 KiB
JavaScript
362 lines
No EOL
9.4 KiB
JavaScript
if (typeof document.getAttribute == 'undefined')
|
|
document.getAttribute = function() {};
|
|
if (typeof Node == 'undefined') {
|
|
Node = {
|
|
ELEMENT_NODE : 1,
|
|
ATTRIBUTE_NODE : 2,
|
|
TEXT_NODE : 3,
|
|
CDATA_SECTION_NODE : 4,
|
|
ENTITY_REFERENCE_NODE : 5,
|
|
ENTITY_NODE : 6,
|
|
PROCESSING_INSTRUCTION_NODE : 7,
|
|
COMMENT_NODE : 8,
|
|
DOCUMENT_NODE : 9,
|
|
DOCUMENT_TYPE_NODE : 10,
|
|
DOCUMENT_FRAGMENT_NODE : 11,
|
|
NOTATION_NODE : 12
|
|
};
|
|
}
|
|
|
|
function noop() {}
|
|
if (!window['console']) window['console']={'log':noop, 'error':noop};
|
|
|
|
var consoleNode, msie,
|
|
jQuery = window['jQuery'] || window['$'], // weirdness to make IE happy
|
|
foreach = _.each,
|
|
extend = _.extend,
|
|
angular = window['angular'] || (window['angular'] = {}),
|
|
angularValidator = angular['validator'] || (angular['validator'] = {}),
|
|
angularFilter = angular['filter'] || (angular['filter'] = {}),
|
|
angularCallbacks = angular['callbacks'] || (angular['callbacks'] = {}),
|
|
angularAlert = angular['alert'] || (angular['alert'] = function(){
|
|
log(arguments); window.alert.apply(window, arguments);
|
|
});
|
|
|
|
function log(a, b, c){
|
|
var console = window['console'];
|
|
switch(arguments.length) {
|
|
case 1:
|
|
console['log'](a);
|
|
break;
|
|
case 2:
|
|
console['log'](a, b);
|
|
break;
|
|
default:
|
|
console['log'](a, b, c);
|
|
break;
|
|
}
|
|
}
|
|
|
|
function error(a, b, c){
|
|
var console = window['console'];
|
|
switch(arguments.length) {
|
|
case 1:
|
|
console['error'](a);
|
|
break;
|
|
case 2:
|
|
console['error'](a, b);
|
|
break;
|
|
default:
|
|
console['error'](a, b, c);
|
|
break;
|
|
}
|
|
}
|
|
|
|
function consoleLog(level, objs) {
|
|
var log = document.createElement("div");
|
|
log.className = level;
|
|
var msg = "";
|
|
var sep = "";
|
|
for ( var i = 0; i < objs.length; i++) {
|
|
var obj = objs[i];
|
|
msg += sep + (typeof obj == 'string' ? obj : toJson(obj));
|
|
sep = " ";
|
|
}
|
|
log.appendChild(document.createTextNode(msg));
|
|
consoleNode.appendChild(log);
|
|
}
|
|
|
|
function isNode(inp) {
|
|
return inp &&
|
|
inp.tagName &&
|
|
inp.nodeName &&
|
|
inp.ownerDocument &&
|
|
inp.removeAttribute;
|
|
}
|
|
|
|
function isLeafNode (node) {
|
|
switch (node.nodeName) {
|
|
case "OPTION":
|
|
case "PRE":
|
|
case "TITLE":
|
|
return true;
|
|
default:
|
|
return false;
|
|
}
|
|
}
|
|
|
|
function setHtml(node, html) {
|
|
if (isLeafNode(node)) {
|
|
if (msie) {
|
|
node.innerText = html;
|
|
} else {
|
|
node.textContent = html;
|
|
}
|
|
} else {
|
|
node.innerHTML = html;
|
|
}
|
|
}
|
|
|
|
function escapeHtml(html) {
|
|
if (!html || !html.replace)
|
|
return html;
|
|
return html.
|
|
replace(/&/g, '&').
|
|
replace(/</g, '<').
|
|
replace(/>/g, '>');
|
|
}
|
|
|
|
function escapeAttr(html) {
|
|
if (!html || !html.replace)
|
|
return html;
|
|
return html.replace(/</g, '<').replace(/>/g, '>').replace(/\"/g,
|
|
'"');
|
|
}
|
|
|
|
function bind(_this, _function) {
|
|
if (!_this)
|
|
throw "Missing this";
|
|
if (!_.isFunction(_function))
|
|
throw "Missing function";
|
|
return function() {
|
|
return _function.apply(_this, arguments);
|
|
};
|
|
}
|
|
|
|
function outerHTML(node) {
|
|
var temp = document.createElement('div');
|
|
temp.appendChild(node);
|
|
var outerHTML = temp.innerHTML;
|
|
temp.removeChild(node);
|
|
return outerHTML;
|
|
}
|
|
|
|
function trim(str) {
|
|
return str.replace(/^ */, '').replace(/ *$/, '');
|
|
}
|
|
|
|
function toBoolean(value) {
|
|
var v = ("" + value).toLowerCase();
|
|
if (v == 'f' || v == '0' || v == 'false' || v == 'no')
|
|
value = false;
|
|
return !!value;
|
|
}
|
|
|
|
function merge(src, dst) {
|
|
for ( var key in src) {
|
|
var value = dst[key];
|
|
var type = typeof value;
|
|
if (type == 'undefined') {
|
|
dst[key] = fromJson(toJson(src[key]));
|
|
} else if (type == 'object' && value.constructor != array &&
|
|
key.substring(0, 1) != "$") {
|
|
merge(src[key], value);
|
|
}
|
|
}
|
|
}
|
|
|
|
// ////////////////////////////
|
|
// UrlWatcher
|
|
// ////////////////////////////
|
|
|
|
function UrlWatcher(location) {
|
|
this.location = location;
|
|
this.delay = 25;
|
|
this.setTimeout = function(fn, delay) {
|
|
window.setTimeout(fn, delay);
|
|
};
|
|
this.listener = function(url) {
|
|
return url;
|
|
};
|
|
this.expectedUrl = location.href;
|
|
}
|
|
|
|
UrlWatcher.prototype = {
|
|
listen: function(fn){
|
|
this.listener = fn;
|
|
},
|
|
watch: function() {
|
|
var self = this;
|
|
var pull = function() {
|
|
if (self.expectedUrl !== self.location.href) {
|
|
var notify = self.location.hash.match(/^#\$iframe_notify=(.*)$/);
|
|
if (notify) {
|
|
if (!self.expectedUrl.match(/#/)) {
|
|
self.expectedUrl += "#";
|
|
}
|
|
self.location.href = self.expectedUrl;
|
|
var id = '_iframe_notify_' + notify[1];
|
|
var notifyFn = angularCallbacks[id];
|
|
delete angularCallbacks[id];
|
|
try {
|
|
(notifyFn||noop)();
|
|
} catch (e) {
|
|
alert(e);
|
|
}
|
|
} else {
|
|
self.listener(self.location.href);
|
|
self.expectedUrl = self.location.href;
|
|
}
|
|
}
|
|
self.setTimeout(pull, self.delay);
|
|
};
|
|
pull();
|
|
},
|
|
|
|
set: function(url) {
|
|
var existingURL = this.location.href;
|
|
if (!existingURL.match(/#/))
|
|
existingURL += '#';
|
|
if (existingURL != url)
|
|
this.location.href = url;
|
|
this.existingURL = url;
|
|
},
|
|
|
|
get: function() {
|
|
return window.location.href;
|
|
}
|
|
};
|
|
|
|
/////////////////////////////////////////////////
|
|
function configureJQueryPlugins() {
|
|
var fn = jQuery['fn'];
|
|
fn['scope'] = function() {
|
|
var element = this;
|
|
while (element && element.get(0)) {
|
|
var scope = element.data("scope");
|
|
if (scope)
|
|
return scope;
|
|
element = element.parent();
|
|
}
|
|
return null;
|
|
};
|
|
fn['controller'] = function() {
|
|
return this.data('controller') || NullController.instance;
|
|
};
|
|
}
|
|
|
|
function configureLogging(config) {
|
|
if (config.debug == 'console' && !consoleNode) {
|
|
consoleNode = document.createElement("div");
|
|
consoleNode.id = 'ng-console';
|
|
document.getElementsByTagName('body')[0].appendChild(consoleNode);
|
|
log = function() {
|
|
consoleLog('ng-console-info', arguments);
|
|
};
|
|
console.error = function() {
|
|
consoleLog('ng-console-error', arguments);
|
|
};
|
|
}
|
|
}
|
|
|
|
function exposeMethods(obj, methods){
|
|
var bound = {};
|
|
foreach(methods, function(fn, name){
|
|
bound[name] = _(fn).bind(obj);
|
|
});
|
|
return bound;
|
|
}
|
|
|
|
function wireAngular(element, config) {
|
|
var widgetFactory = new WidgetFactory(config['server'], config['database']);
|
|
var binder = new Binder(element[0], widgetFactory, datastore, config['location'], config);
|
|
var controlBar = new ControlBar(element.find('body'), config['server']);
|
|
var onUpdate = function(){binder.updateView();};
|
|
var server = config['database'] =="$MEMORY" ?
|
|
new FrameServer(window) :
|
|
new Server(config['server'], jQuery['getScript']);
|
|
server = new VisualServer(server, new Status(jQuery(element.body)), onUpdate);
|
|
var users = new Users(server, controlBar);
|
|
var databasePath = '/data/' + config['database'];
|
|
var post = function(request, callback){
|
|
server.request("POST", databasePath, request, callback);
|
|
};
|
|
var datastore = new DataStore(post, users, binder.anchor);
|
|
binder.datastore = datastore;
|
|
binder.updateListeners.push(function(){datastore.flush();});
|
|
var scope = new Scope({
|
|
'$anchor' : binder.anchor,
|
|
'$updateView': _(binder.updateView).bind(binder),
|
|
'$config' : config,
|
|
'$console' : window.console,
|
|
'$datastore' : exposeMethods(datastore, {
|
|
'load': datastore.load,
|
|
'loadMany': datastore.loadMany,
|
|
'loadOrCreate': datastore.loadOrCreate,
|
|
'loadAll': datastore.loadAll,
|
|
'save': datastore.save,
|
|
'remove': datastore.remove,
|
|
'flush': datastore.flush,
|
|
'query': datastore.query,
|
|
'entity': datastore.entity,
|
|
'entities': datastore.entities,
|
|
'documentCountsByUser': datastore.documentCountsByUser,
|
|
'userDocumentIdsByEntity': datastore.userDocumentIdsByEntity,
|
|
'join': datastore.join
|
|
}),
|
|
'$save' : function(callback) {
|
|
datastore.saveScope(scope.state, callback, binder.anchor);
|
|
},
|
|
'$window' : window,
|
|
'$uid' : function() {
|
|
return "" + new Date().getTime();
|
|
},
|
|
'$users' : users
|
|
}, "ROOT");
|
|
|
|
element.data('scope', scope);
|
|
binder.entity(scope);
|
|
binder.compile();
|
|
controlBar.bind();
|
|
|
|
//TODO: remove this code
|
|
new PopUp(element).bind();
|
|
|
|
var self = _(exposeMethods(scope, {
|
|
'updateView': scope.updateView,
|
|
'set': scope.set,
|
|
'get': scope.get,
|
|
'eval': scope.eval
|
|
})).extend({
|
|
'init':function(){
|
|
config['location']['listen'](_(binder.onUrlChange).bind(binder));
|
|
binder.parseAnchor();
|
|
binder.executeInit();
|
|
binder.updateView();
|
|
return self;
|
|
},
|
|
'element':element[0],
|
|
'config':config
|
|
});
|
|
return self;
|
|
}
|
|
|
|
angular['startUrlWatcher'] = function(){
|
|
var watcher = new UrlWatcher(window['location']);
|
|
watcher.watch();
|
|
return exposeMethods(watcher, {'listen':watcher.listen, 'set':watcher.set, 'get':watcher.get});
|
|
};
|
|
|
|
angular['compile'] = function(element, config) {
|
|
jQuery = window['jQuery'];
|
|
msie = jQuery['browser']['msie'];
|
|
config = _({
|
|
'server': "",
|
|
'location': {'get':noop, 'set':noop, 'listen':noop}
|
|
}).extend(config||{});
|
|
|
|
configureLogging(config);
|
|
configureJQueryPlugins();
|
|
|
|
return wireAngular(jQuery(element), config);
|
|
}; |