2015-05-06 18:28:24 -07:00
|
|
|
import {BrowserLocation} from './browser_location';
|
|
|
|
import {StringWrapper} from 'angular2/src/facade/lang';
|
2015-04-21 11:23:23 -07:00
|
|
|
import {EventEmitter, ObservableWrapper} from 'angular2/src/facade/async';
|
|
|
|
|
|
|
|
export class Location {
|
|
|
|
_subject:EventEmitter;
|
2015-05-06 18:28:24 -07:00
|
|
|
_browserLocation:BrowserLocation;
|
|
|
|
_baseHref:string;
|
|
|
|
constructor(browserLocation:BrowserLocation) {
|
2015-04-21 11:23:23 -07:00
|
|
|
this._subject = new EventEmitter();
|
2015-05-06 18:28:24 -07:00
|
|
|
this._browserLocation = browserLocation;
|
|
|
|
this._baseHref = stripIndexHtml(this._browserLocation.getBaseHref());
|
|
|
|
this._browserLocation.onPopState((_) => this._onPopState(_));
|
2015-04-21 11:23:23 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
_onPopState(_) {
|
|
|
|
ObservableWrapper.callNext(this._subject, {
|
2015-05-06 18:28:24 -07:00
|
|
|
'url': this.path()
|
2015-04-21 11:23:23 -07:00
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
path() {
|
2015-05-06 18:28:24 -07:00
|
|
|
return this.normalize(this._browserLocation.path());
|
|
|
|
}
|
|
|
|
|
|
|
|
normalize(url) {
|
|
|
|
return this._stripBaseHref(stripIndexHtml(url));
|
|
|
|
}
|
|
|
|
|
2015-05-12 16:18:58 -07:00
|
|
|
normalizeAbsolutely(url) {
|
|
|
|
if (url[0] != '/') {
|
|
|
|
url = '/' + url;
|
|
|
|
}
|
|
|
|
return this._addBaseHref(url);
|
|
|
|
}
|
|
|
|
|
2015-05-06 18:28:24 -07:00
|
|
|
_stripBaseHref(url) {
|
|
|
|
if (this._baseHref.length > 0 && StringWrapper.startsWith(url, this._baseHref)) {
|
|
|
|
return StringWrapper.substring(url, this._baseHref.length);
|
|
|
|
}
|
|
|
|
return url;
|
2015-04-21 11:23:23 -07:00
|
|
|
}
|
|
|
|
|
2015-05-12 16:18:58 -07:00
|
|
|
_addBaseHref(url) {
|
|
|
|
if (!StringWrapper.startsWith(url, this._baseHref)) {
|
|
|
|
return this._baseHref + url;
|
|
|
|
}
|
|
|
|
return url;
|
|
|
|
}
|
|
|
|
|
2015-04-21 11:23:23 -07:00
|
|
|
go(url:string) {
|
2015-05-12 16:18:58 -07:00
|
|
|
var finalUrl = this.normalizeAbsolutely(url);
|
2015-05-11 14:49:55 -07:00
|
|
|
this._browserLocation.pushState(null, '', finalUrl);
|
2015-04-21 11:23:23 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
forward() {
|
2015-05-06 18:28:24 -07:00
|
|
|
this._browserLocation.forward();
|
2015-04-21 11:23:23 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
back() {
|
2015-05-06 18:28:24 -07:00
|
|
|
this._browserLocation.back();
|
2015-04-21 11:23:23 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
subscribe(onNext, onThrow = null, onReturn = null) {
|
|
|
|
ObservableWrapper.subscribe(this._subject, onNext, onThrow, onReturn);
|
|
|
|
}
|
|
|
|
}
|
2015-05-06 18:28:24 -07:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function stripIndexHtml(url) {
|
|
|
|
// '/index.html'.length == 11
|
|
|
|
if (url.length > 10 && StringWrapper.substring(url, url.length - 11) == '/index.html') {
|
|
|
|
return StringWrapper.substring(url, 0, url.length - 11);
|
|
|
|
}
|
|
|
|
return url;
|
|
|
|
}
|