twisterarmy/twister-html
1
0
Fork 0
mirror of https://github.com/twisterarmy/twister-html.git synced 2025-01-26 22:54:45 +00:00
Code Issues Projects Releases Wiki Activity

cache avatar AND profile into local storage. makes UI faster!

Browse Source
This commit is contained in:
Miguel Freitas 2014-01-02 22:03:52 -02:00
parent 3835549c20
commit faf9db00bb
1 changed files with 21 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
twister_io.js
View File

@ -111,18 +111,26 @@ function dhtput( username, resource, multi, value, sig_user, seq, cbFunc, cbArg
// get something from profile and store it in item.text or do callback
function getProfileResource( username, resource, item, cbFunc, cbArg ){
var profile = undefined;
if( username in _profileMap ) {
profile = _profileMap[username];
} else {
profile = _getResourceFromStorage("profile:" + username);
}
if( profile ) {
_profileMap[username] = profile;
if( item )
item.text(_profileMap[username][resource]);
item.text(profile[resource]);
if( cbFunc )
cbFunc(cbArg, _profileMap[username][resource]);
cbFunc(cbArg, profile[resource]);
} else {
dhtget( username, "profile", "s",
function(args, profile) {
if( profile ) {
_profileMap[args.username] = profile;
_putResourceIntoStorage("profile:" + username, profile);
if( args.item )
args.item.text(profile[resource]);
args.item.text(profile[resource]);
if( args.cbFunc )
args.cbFunc(args.cbArg, profile[resource]);
} else {
@ -162,25 +170,25 @@ function getWebpage( username, item ){
// we must cache avatar results to disk to lower bandwidth on
// other peers. dht server limits udp rate so requesting too much
// data will only cause new requests to fail.
function _getAvatarFromStorage(locator) {
function _getResourceFromStorage(locator) {
var storage = $.localStorage;
if( storage.isSet(locator) ) {
var storedAvatar = storage.get(locator);
var storedResource = storage.get(locator);
var curTime = new Date().getTime() / 1000;
// avatar is downloaded once per day
if( storedAvatar.time + 3600*24 > curTime ) {
return storedAvatar.data;
if( storedResource.time + 3600*24 > curTime ) {
return storedResource.data;
}
}
return null;
}
function _putAvatarToStorage(locator, data) {
function _putResourceIntoStorage(locator, data) {
var curTime = new Date().getTime() / 1000;
var storedAvatar = {time: curTime, data: data};
var storedResource = {time: curTime, data: data};
var storage = $.localStorage;
storage.set(locator, storedAvatar);
storage.set(locator, storedResource);
}
// get avatar and set it in img.attr("src")
@ -194,7 +202,7 @@ function getAvatar( username, img ){
//img.attr('src', "data:image/jpg;base64,"+avatarMap[username]);
img.attr('src', _avatarMap[username]);
} else {
var data = _getAvatarFromStorage("avatar:" + username);
var data = _getResourceFromStorage("avatar:" + username);
if( data ) {
_avatarMap[username] = data;
img.attr('src', data);
@ -203,7 +211,7 @@ function getAvatar( username, img ){
function(args, imagedata) {
if( imagedata && imagedata.length ) {
_avatarMap[args.username] = imagedata;
_putAvatarToStorage("avatar:" + username, imagedata);
_putResourceIntoStorage("avatar:" + username, imagedata);
args.img.attr('src', imagedata);
}
}, {username:username,img:img} );
@ -214,6 +222,7 @@ function getAvatar( username, img ){
function clearAvatarAndProfileCache(username) {
var storage = $.localStorage;
storage.remove("avatar:" + username);
storage.remove("profile:" + username);
if( username in _avatarMap ) {
delete _avatarMap[username];
}