You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
177 lines
3.3 KiB
177 lines
3.3 KiB
14 years ago
|
// packager build History/*
|
||
|
/*
|
||
|
---
|
||
|
|
||
|
name: Class.Binds
|
||
|
|
||
|
description: Alternate Class.Binds Implementation
|
||
|
|
||
|
authors: Scott Kyle (@appden), Christoph Pojer (@cpojer)
|
||
|
|
||
|
license: MIT-style license.
|
||
|
|
||
|
requires: [Core/Class, Core/Function]
|
||
|
|
||
|
provides: Class.Binds
|
||
|
|
||
|
...
|
||
|
*/
|
||
|
|
||
|
Class.Binds = new Class({
|
||
|
|
||
|
$bound: {},
|
||
|
|
||
|
bound: function(name){
|
||
|
return this.$bound[name] ? this.$bound[name] : this.$bound[name] = this[name].bind(this);
|
||
|
}
|
||
|
|
||
|
});
|
||
|
|
||
|
/*
|
||
|
---
|
||
|
|
||
|
name: History
|
||
|
|
||
|
description: History Management via popstate or hashchange.
|
||
|
|
||
|
authors: Christoph Pojer (@cpojer)
|
||
|
|
||
|
license: MIT-style license.
|
||
|
|
||
|
requires: [Core/Events, Core/Element.Event, Class-Extras/Class.Binds]
|
||
|
|
||
|
provides: History
|
||
|
|
||
|
...
|
||
|
*/
|
||
|
|
||
|
(function(){
|
||
|
|
||
|
var events = Element.NativeEvents,
|
||
|
location = window.location,
|
||
|
base = location.pathname,
|
||
|
history = window.history,
|
||
|
hasPushState = ('pushState' in history),
|
||
|
event = hasPushState ? 'popstate' : 'hashchange';
|
||
|
|
||
|
this.History = new new Class({
|
||
|
|
||
|
Implements: [Class.Binds, Events],
|
||
|
|
||
|
initialize: hasPushState ? function(){
|
||
|
events[event] = 2;
|
||
|
window.addEvent(event, this.bound('pop'));
|
||
|
} : function(){
|
||
|
events[event] = 1;
|
||
|
window.addEvent(event, this.bound('pop'));
|
||
|
|
||
|
this.hash = location.hash;
|
||
|
var hashchange = ('onhashchange' in window);
|
||
|
if (!(hashchange && (document.documentMode === undefined || document.documentMode > 7)))
|
||
|
this.timer = this.check.periodical(200, this);
|
||
|
},
|
||
|
|
||
|
push: hasPushState ? function(url, title, state){
|
||
|
if (base && base != url) base = null;
|
||
|
|
||
|
history.pushState(state || null, title || null, url);
|
||
|
this.onChange(url, state);
|
||
|
} : function(url){
|
||
|
location.hash = url;
|
||
|
},
|
||
|
|
||
|
replace: hasPushState ? function(url, title, state){
|
||
|
history.replaceState(state || null, title || null, url);
|
||
|
} : function(url){
|
||
|
this.hash = '#' + url;
|
||
|
this.push(url);
|
||
|
},
|
||
|
|
||
|
pop: hasPushState ? function(event){
|
||
|
var url = location.pathname;
|
||
|
if (url == base){
|
||
|
base = null;
|
||
|
return;
|
||
|
}
|
||
|
this.onChange(url, event.event.state);
|
||
|
} : function(){
|
||
|
var hash = location.hash;
|
||
|
if (this.hash == hash) return;
|
||
|
|
||
|
this.hash = hash;
|
||
|
this.onChange(hash.substr(1));
|
||
|
},
|
||
|
|
||
|
onChange: function(url, state){
|
||
|
this.fireEvent('change', [url, state || {}]);
|
||
|
},
|
||
|
|
||
|
back: function(){
|
||
|
history.back();
|
||
|
},
|
||
|
|
||
|
forward: function(){
|
||
|
history.forward();
|
||
|
},
|
||
|
|
||
|
getPath: function(){
|
||
|
return hasPushState ? location.pathname : location.hash.substr(1);
|
||
|
},
|
||
|
|
||
|
hasPushState: function(){
|
||
|
return hasPushState;
|
||
|
},
|
||
|
|
||
|
check: function(){
|
||
|
if (this.hash != location.hash) this.pop();
|
||
|
}
|
||
|
|
||
|
});
|
||
|
|
||
|
})();
|
||
|
|
||
|
|
||
|
/*
|
||
|
---
|
||
|
|
||
|
name: History.handleInitialState
|
||
|
|
||
|
description: Provides a helper method to handle the initial state of your application.
|
||
|
|
||
|
authors: Christoph Pojer (@cpojer)
|
||
|
|
||
|
license: MIT-style license.
|
||
|
|
||
|
requires: [History]
|
||
|
|
||
|
provides: History.handleInitialState
|
||
|
|
||
|
...
|
||
|
*/
|
||
|
|
||
|
History.handleInitialState = function(base){
|
||
|
if (!base) base = '';
|
||
|
var location = window.location,
|
||
|
pathname = location.pathname.substr(base.length),
|
||
|
hash = location.hash,
|
||
|
hasPushState = History.hasPushState();
|
||
|
|
||
|
if (!hasPushState && pathname.length > 1){
|
||
|
window.location = (base || '/') + '#' + pathname;
|
||
|
return true;
|
||
|
}
|
||
|
|
||
|
if (!hash || hash.length <= 1) return false;
|
||
|
if (hasPushState){
|
||
|
(function(){
|
||
|
History.push(hash.substr(1));
|
||
|
}).delay(1);
|
||
|
return false;
|
||
|
}
|
||
|
|
||
|
if (!pathname || pathname == '/') return false;
|
||
|
window.location = (base || '/') + hash;
|
||
|
return true;
|
||
|
};
|
||
|
|