hedera-web/js/vn/hash.js

242 lines
4.1 KiB
JavaScript
Raw Normal View History

2016-09-26 09:28:47 +00:00
2017-04-05 14:06:07 +00:00
var VnObject = require ('./object');
2017-03-30 11:44:53 +00:00
var VnDate = require ('./date');
2017-04-05 14:06:07 +00:00
var Lot = require ('./lot');
2017-04-10 15:17:56 +00:00
var Value = require ('./value');
2016-09-26 09:28:47 +00:00
/**
* Class to handle the URL.
2016-12-20 09:32:17 +00:00
*/
2017-04-05 14:06:07 +00:00
module.exports = new Class
({
Extends: VnObject
,Implements: Lot
,Properties: {
window:
{
type: Window
,set: function (x)
{
this._window = x;
x.addEventListener ('hashchange', this._hashChangedHandler);
this._hashChanged ();
}
,get: function ()
{
return this._window;
}
},
params:
{
type: Object
,set: function (x)
{
this.setAll (x);
}
,get: function ()
{
return this._hashMap;
}
}
}
2017-04-05 14:06:07 +00:00
,initialize: function (props)
{
2017-04-05 14:06:07 +00:00
this._hash = null;
this._hashMap = null;
this._window = null;
this._hashChangedHandler = this._hashChanged.bind (this);
2017-04-05 14:06:07 +00:00
this.parent (props);
}
2017-04-10 15:17:56 +00:00
,get: function (key)
{
2017-04-10 15:17:56 +00:00
return this._hashMap[key];
}
2017-04-05 14:06:07 +00:00
,set: function (key, value)
{
2017-04-08 11:42:27 +00:00
var object = {};
object[key] = value;
this.assign (object);
}
/**
* Sets the hash part of the URL, respecting the current hash variables.
*
2017-04-08 11:42:27 +00:00
* @param {Object} object A key-value object
2016-12-20 09:32:17 +00:00
*/
2017-04-08 11:42:27 +00:00
,assign: function (object)
{
2017-04-10 15:17:56 +00:00
var newObject = {};
2017-04-10 15:17:56 +00:00
for (var key in this._hashMap)
newObject[key] = this._hashMap[key];
2017-04-08 11:42:27 +00:00
for (var key in object)
newObject[key] = object[key];
2017-04-08 11:42:27 +00:00
this.setAll (newObject);
}
/**
* Sets the hash part of the URL.
*
2017-04-08 11:42:27 +00:00
* @param {Object} object A key-value object
2016-12-20 09:32:17 +00:00
*/
2017-04-08 11:42:27 +00:00
,setAll: function (object)
{
2017-04-08 11:42:27 +00:00
if (object)
for (var key in object)
if (object[key] === null || object[key] === undefined)
delete object[key];
2017-04-08 11:42:27 +00:00
var newHash = this.make (object);
2017-04-08 11:42:27 +00:00
if (!object)
object = {};
2015-12-10 13:48:43 +00:00
2017-04-10 15:17:56 +00:00
if (!Value.equals (this._hashMap, object))
{
2017-04-08 11:42:27 +00:00
this._hashMap = object;
this._hash = newHash;
this._blockChanged = true;
location.hash = newHash;
this._blockChanged = false;
2017-04-05 14:06:07 +00:00
this.changed ();
}
}
/**
* Creates a URL with the given hash data.
*
2017-04-08 11:42:27 +00:00
* @param {Object} object A key-value object
* @param {boolean} add %true to combine with the current params, %false otherwise
* @return {String} The URL
2016-12-20 09:32:17 +00:00
*/
2017-04-08 11:42:27 +00:00
,make: function (object, add)
{
var hash = '#!';
2017-04-08 11:42:27 +00:00
if (add && object)
for (var key in this._hashMap)
2017-04-08 11:42:27 +00:00
if (!object[key])
object[key] = this._hashMap[key];
2017-04-08 11:42:27 +00:00
for (var key in object)
{
if (hash.length > 2)
hash += '&';
2017-04-08 11:42:27 +00:00
hash += encodeURIComponent (key) +'='+ this.renderValue (object[key]);
}
return hash;
}
,_hashChanged: function ()
{
var newHash = location.hash;
2017-04-10 15:17:56 +00:00
if (this._blockChanged || this._hash == newHash)
return;
var newMap = hashMap = {};
var kvPairs = newHash.substr(2).split ('&');
for (var i = 0; i < kvPairs.length; i++)
{
var kvPair = kvPairs[i].split ('=', 2);
if (kvPair[0])
2017-04-10 15:17:56 +00:00
newMap[decodeURIComponent (kvPair[0])] = this.parseValue (kvPair[1]);
}
2017-04-10 15:17:56 +00:00
if (!Value.equals (this._hashMap, newMap))
{
this._hashMap = newMap;
this._hash = newHash;
this.changed ();
}
}
2017-03-30 11:44:53 +00:00
,renderValue: function (v)
{
switch (typeof v)
{
case 'number':
2017-04-10 15:17:56 +00:00
return '(Number)'+ v;
2017-03-30 11:44:53 +00:00
case 'boolean':
2017-04-10 15:17:56 +00:00
return '(Boolean)'+ (v ? 'true' : 'false');
2017-03-30 11:44:53 +00:00
case 'object':
if (v instanceof Date)
2017-04-10 15:17:56 +00:00
return '(Date)'+ VnDate.strftime (v, '%Y-%m-%d');
else
return '(Object)'+ JSON.stringify (v)
}
switch (v.charAt (0))
{
case '(':
case '\\':
return '\\'+ v;
2017-03-30 11:44:53 +00:00
}
return v;
}
2017-04-10 15:17:56 +00:00
,parseValue: function (v)
2017-03-30 11:44:53 +00:00
{
2017-04-10 15:17:56 +00:00
if (v == null)
return v;
v = decodeURIComponent (v);
if (v === '')
return v;
var typeStr;
switch (v.charAt(0))
{
case '(':
var index = v.indexOf (')');
typeStr = v.substr (1, index - 1);
v = v.substr (index + 1);
break;
case '\\':
v = v.substr (1);
break;
}
2017-03-30 11:44:53 +00:00
if (v === '')
return null;
2017-04-10 15:17:56 +00:00
if (!typeStr)
return v;
2017-03-30 11:44:53 +00:00
2017-04-10 15:17:56 +00:00
switch (typeStr)
2017-03-30 11:44:53 +00:00
{
2017-04-10 15:17:56 +00:00
case 'Boolean':
2017-03-30 11:44:53 +00:00
return (/^(true|1)$/i).test (v);
2017-04-10 15:17:56 +00:00
case 'Number':
2017-03-30 11:44:53 +00:00
return 0 + new Number (v);
2017-04-10 15:17:56 +00:00
case 'Date':
2017-03-30 11:44:53 +00:00
var date = new Date (v);
date.setHours (0, 0, 0, 0);
return date;
2017-04-10 15:17:56 +00:00
case 'Object':
return JSON.parse (v);
default:
return v;
2017-03-30 11:44:53 +00:00
}
}
2017-04-05 14:06:07 +00:00
,_destroy: function ()
{
this._window.removeEventListener ('hashchange', this._hashChangedHandler);
this._window = null;
this.parent ();
}
});