twisterarmy/twister-html
1
0
Fork 0
mirror of https://github.com/twisterarmy/twister-html.git synced 2025-09-03 09:42:36 +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 // get something from profile and store it in item.text or do callback
function getProfileResource( username, resource, item, cbFunc, cbArg ){ function getProfileResource( username, resource, item, cbFunc, cbArg ){
var profile = undefined;
if( username in _profileMap ) { if( username in _profileMap ) {
profile = _profileMap[username];
} else {
profile = _getResourceFromStorage("profile:" + username);
}
if( profile ) {
_profileMap[username] = profile;
if( item ) if( item )
item.text(_profileMap[username][resource]); item.text(profile[resource]);
if( cbFunc ) if( cbFunc )
cbFunc(cbArg, _profileMap[username][resource]); cbFunc(cbArg, profile[resource]);
} else { } else {
dhtget( username, "profile", "s", dhtget( username, "profile", "s",
function(args, profile) { function(args, profile) {
if( profile ) { if( profile ) {
_profileMap[args.username] = profile; _profileMap[args.username] = profile;
_putResourceIntoStorage("profile:" + username, profile);
if( args.item ) if( args.item )
args.item.text(profile[resource]); args.item.text(profile[resource]);
if( args.cbFunc ) if( args.cbFunc )
args.cbFunc(args.cbArg, profile[resource]); args.cbFunc(args.cbArg, profile[resource]);
} else { } else {
@ -162,25 +170,25 @@ function getWebpage( username, item ){
// we must cache avatar results to disk to lower bandwidth on // we must cache avatar results to disk to lower bandwidth on
// other peers. dht server limits udp rate so requesting too much // other peers. dht server limits udp rate so requesting too much
// data will only cause new requests to fail. // data will only cause new requests to fail.
function _getAvatarFromStorage(locator) { function _getResourceFromStorage(locator) {
var storage = $.localStorage; var storage = $.localStorage;
if( storage.isSet(locator) ) { if( storage.isSet(locator) ) {
var storedAvatar = storage.get(locator); var storedResource = storage.get(locator);
var curTime = new Date().getTime() / 1000; var curTime = new Date().getTime() / 1000;
// avatar is downloaded once per day // avatar is downloaded once per day
if( storedAvatar.time + 3600*24 > curTime ) { if( storedResource.time + 3600*24 > curTime ) {
return storedAvatar.data; return storedResource.data;
} }
} }
return null; return null;
} }
function _putAvatarToStorage(locator, data) { function _putResourceIntoStorage(locator, data) {
var curTime = new Date().getTime() / 1000; var curTime = new Date().getTime() / 1000;
var storedAvatar = {time: curTime, data: data}; var storedResource = {time: curTime, data: data};
var storage = $.localStorage; var storage = $.localStorage;
storage.set(locator, storedAvatar); storage.set(locator, storedResource);
} }
// get avatar and set it in img.attr("src") // 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', "data:image/jpg;base64,"+avatarMap[username]);
img.attr('src', _avatarMap[username]); img.attr('src', _avatarMap[username]);
} else { } else {
var data = _getAvatarFromStorage("avatar:" + username); var data = _getResourceFromStorage("avatar:" + username);
if( data ) { if( data ) {
_avatarMap[username] = data; _avatarMap[username] = data;
img.attr('src', data); img.attr('src', data);
@ -203,7 +211,7 @@ function getAvatar( username, img ){
function(args, imagedata) { function(args, imagedata) {
if( imagedata && imagedata.length ) { if( imagedata && imagedata.length ) {
_avatarMap[args.username] = imagedata; _avatarMap[args.username] = imagedata;
_putAvatarToStorage("avatar:" + username, imagedata); _putResourceIntoStorage("avatar:" + username, imagedata);
args.img.attr('src', imagedata); args.img.attr('src', imagedata);
} }
}, {username:username,img:img} ); }, {username:username,img:img} );
@ -214,6 +222,7 @@ function getAvatar( username, img ){
function clearAvatarAndProfileCache(username) { function clearAvatarAndProfileCache(username) {
var storage = $.localStorage; var storage = $.localStorage;
storage.remove("avatar:" + username); storage.remove("avatar:" + username);
storage.remove("profile:" + username);
if( username in _avatarMap ) { if( username in _avatarMap ) {
delete _avatarMap[username]; delete _avatarMap[username];
} }