zoriya/flood
1
0
Fork 0
mirror of https://github.com/zoriya/flood.git synced 2026-06-08 04:41:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

Clean up UI Store

Browse Source
This commit is contained in:
John F
2015-04-23 23:02:51 -04:00
parent efb9a30a29
commit ac897def75
4 changed files with 36 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dist/public/scripts/app.js
Vendored
+18 -35
View File
@@ -30941,18 +30941,17 @@ var _spaceBottom = 0;
var UIStore = assign({}, EventEmitter.prototype, {
getSelectedTorrents: function() {
return _selectedTorrents;
},
getTorrentHeight: function() {
return 53;
},
getMinTorrentRendered: function() {
return _minTorrentRendered;
},
getMaxTorrentRendered: function() {
return _maxTorrentRendered;
},
@@ -30966,11 +30965,6 @@ var UIStore = assign({}, EventEmitter.prototype, {
return _spaceBottom;
},
setViewportHeight: function(height) {
_viewportHeight = height;
},
emitSelectionChange: function() {
this.emit(TorrentConstants.TORRENT_SELECTION_CHANGE);
},
@@ -31025,16 +31019,13 @@ var dispatcherIndex = AppDispatcher.register(function(action) {
break;
case UIConstants.TORRENT_LIST_SCROLL:
// debounce this event
setRenderLimit(event.target.scrollTop, action.torrentCount);
UIStore.emitViewportPaddingChange();
break;
case UIConstants.TORRENT_LIST_VIEWPORT_RESIZE:
console.log('viewport padding change');
_viewportHeight = action.viewportHeight;
setViewportHeight(action.viewportHeight);
UIStore.emitViewportPaddingChange();
break;
default:
@@ -31043,40 +31034,32 @@ var dispatcherIndex = AppDispatcher.register(function(action) {
}
});
var getSpaceTop = function(minVisible) {
var spacerHeight = 0;
if (minVisible > 0) {
spacerHeight = minVisible * _torrentHeight;
}
return spacerHeight;
var setViewportHeight = function(height) {
_viewportHeight = height;
}
var getSpaceBottom = function(maxVisible, torrentCount) {
var getSpacer = function(torrents) {
var hiddenTorrents = torrentCount - 1 - maxVisible;
var spacerHeight = 0;
if (hiddenTorrents > 0) {
spacerHeight = hiddenTorrents * _torrentHeight;
if (torrents > 0) {
spacerHeight = torrents * _torrentHeight;
}
console.log(spacerHeight);
return spacerHeight;
}
var setRenderLimit = function(scrollPosition, torrentCount) {
var elementsInView = Math.floor(_viewportHeight / _torrentHeight);
var minTorrentRendered = Math.floor(scrollPosition / _torrentHeight) - _torrentRenderBuffer;
var maxTorrentRendered = minTorrentRendered + elementsInView + (_torrentRenderBuffer * 2);
_minTorrentRendered = minTorrentRendered;
_maxTorrentRendered = maxTorrentRendered;
_spaceTop = getSpaceTop(minTorrentRendered);
_spaceBottom = getSpaceBottom(maxTorrentRendered, torrentCount);
var elementsInView = Math.floor(_viewportHeight / _torrentHeight);
_minTorrentRendered = Math.floor(scrollPosition / _torrentHeight) - _torrentRenderBuffer;
_maxTorrentRendered = _minTorrentRendered + elementsInView + (_torrentRenderBuffer * 2);
console.log(_minTorrentRendered, _maxTorrentRendered);
_spaceTop = getSpacer(_minTorrentRendered);
_spaceBottom = getSpacer(torrentCount - 1 - _maxTorrentRendered);
}
module.exports = UIStore;
source/scripts/stores/ClientStore.js
-4
View File
@@ -39,10 +39,6 @@ var dispatcherIndex = AppDispatcher.register(function(action) {
case ClientConstants.REMOVE_TORRENT:
getClientStats();
break;
default:
// nothing
}
});
source/scripts/stores/TorrentStore.js
-3
View File
@@ -88,9 +88,6 @@ var dispatcherIndex = AppDispatcher.register(function(action) {
TorrentStore.emitChange();
break;
default:
// nothing
}
});
source/scripts/stores/UIStore.js
+18 -38
View File
@@ -17,18 +17,17 @@ var _spaceBottom = 0;
var UIStore = assign({}, EventEmitter.prototype, {
getSelectedTorrents: function() {
return _selectedTorrents;
},
getTorrentHeight: function() {
return 53;
},
getMinTorrentRendered: function() {
return _minTorrentRendered;
},
getMaxTorrentRendered: function() {
return _maxTorrentRendered;
},
@@ -42,11 +41,6 @@ var UIStore = assign({}, EventEmitter.prototype, {
return _spaceBottom;
},
setViewportHeight: function(height) {
_viewportHeight = height;
},
emitSelectionChange: function() {
this.emit(TorrentConstants.TORRENT_SELECTION_CHANGE);
},
@@ -101,58 +95,44 @@ var dispatcherIndex = AppDispatcher.register(function(action) {
break;
case UIConstants.TORRENT_LIST_SCROLL:
// debounce this event
setRenderLimit(event.target.scrollTop, action.torrentCount);
UIStore.emitViewportPaddingChange();
break;
case UIConstants.TORRENT_LIST_VIEWPORT_RESIZE:
console.log('viewport padding change');
_viewportHeight = action.viewportHeight;
setViewportHeight(action.viewportHeight);
UIStore.emitViewportPaddingChange();
break;
default:
// nothing
}
});
var getSpaceTop = function(minVisible) {
var spacerHeight = 0;
if (minVisible > 0) {
spacerHeight = minVisible * _torrentHeight;
}
return spacerHeight;
var setViewportHeight = function(height) {
_viewportHeight = height;
}
var getSpaceBottom = function(maxVisible, torrentCount) {
var getSpacer = function(torrents) {
var hiddenTorrents = torrentCount - 1 - maxVisible;
var spacerHeight = 0;
if (hiddenTorrents > 0) {
spacerHeight = hiddenTorrents * _torrentHeight;
if (torrents > 0) {
spacerHeight = torrents * _torrentHeight;
}
console.log(spacerHeight);
return spacerHeight;
}
var setRenderLimit = function(scrollPosition, torrentCount) {
var elementsInView = Math.floor(_viewportHeight / _torrentHeight);
var minTorrentRendered = Math.floor(scrollPosition / _torrentHeight) - _torrentRenderBuffer;
var maxTorrentRendered = minTorrentRendered + elementsInView + (_torrentRenderBuffer * 2);
_minTorrentRendered = minTorrentRendered;
_maxTorrentRendered = maxTorrentRendered;
_spaceTop = getSpaceTop(minTorrentRendered);
_spaceBottom = getSpaceBottom(maxTorrentRendered, torrentCount);
var elementsInView = Math.floor(_viewportHeight / _torrentHeight);
_minTorrentRendered = Math.floor(scrollPosition / _torrentHeight) - _torrentRenderBuffer;
_maxTorrentRendered = _minTorrentRendered + elementsInView + (_torrentRenderBuffer * 2);
console.log(_minTorrentRendered, _maxTorrentRendered);
_spaceTop = getSpacer(_minTorrentRendered);
_spaceBottom = getSpacer(torrentCount - 1 - _maxTorrentRendered);
}
module.exports = UIStore;