108 lines
2.5 KiB
TypeScript
108 lines
2.5 KiB
TypeScript
import * as angular from 'angular';
|
|
import { ViewArray } from './view-array';
|
|
import { ViewArrayImpl } from './view-array.impl';
|
|
|
|
|
|
/**
|
|
* Specialized wrapper around array which provides a toggle() method for viewing the contents of the
|
|
* array in a manner that is asynchronously filled in over a short time period. This prevents long
|
|
* pauses in the UI for ngRepeat's when the array is significant in size.
|
|
*/
|
|
angular
|
|
.module('quay')
|
|
.factory('AngularViewArray', AngularViewArrayFactory);
|
|
|
|
AngularViewArrayFactory.$inject = [
|
|
'$interval'
|
|
];
|
|
|
|
export default function AngularViewArrayFactory($interval) {
|
|
var ADDTIONAL_COUNT = 20;
|
|
|
|
function _ViewArray() {
|
|
this.isVisible = false;
|
|
this.visibleEntries = null;
|
|
this.hasEntries = false;
|
|
this.entries = [];
|
|
this.hasHiddenEntries = false;
|
|
|
|
this.timerRef_ = null;
|
|
this.currentIndex_ = 0;
|
|
}
|
|
|
|
_ViewArray.prototype.length = function(): number {
|
|
return this.entries.length;
|
|
};
|
|
|
|
_ViewArray.prototype.get = function(index: number): any {
|
|
return this.entries[index];
|
|
};
|
|
|
|
_ViewArray.prototype.push = function(elem: any): void {
|
|
this.entries.push(elem);
|
|
this.hasEntries = true;
|
|
|
|
if (this.isVisible) {
|
|
this.startTimer_();
|
|
}
|
|
};
|
|
|
|
_ViewArray.prototype.toggle = function(): void {
|
|
this.setVisible(!this.isVisible);
|
|
};
|
|
|
|
_ViewArray.prototype.setVisible = function(newState: boolean): void {
|
|
this.isVisible = newState;
|
|
|
|
this.visibleEntries = [];
|
|
this.currentIndex_ = 0;
|
|
|
|
if (newState) {
|
|
this.showAdditionalEntries_();
|
|
this.startTimer_();
|
|
}
|
|
else {
|
|
this.stopTimer_();
|
|
}
|
|
};
|
|
|
|
_ViewArray.prototype.showAdditionalEntries_ = function(): void {
|
|
var i: number = 0;
|
|
for (i = this.currentIndex_; i < (this.currentIndex_ + ADDTIONAL_COUNT) && i < this.entries.length; ++i) {
|
|
this.visibleEntries.push(this.entries[i]);
|
|
}
|
|
|
|
this.currentIndex_ = i;
|
|
this.hasHiddenEntries = this.currentIndex_ < this.entries.length;
|
|
if (this.currentIndex_ >= this.entries.length) {
|
|
this.stopTimer_();
|
|
}
|
|
};
|
|
|
|
_ViewArray.prototype.startTimer_ = function(): void {
|
|
if (this.timerRef_) {
|
|
return;
|
|
}
|
|
|
|
var that = this;
|
|
this.timerRef_ = $interval(function() {
|
|
that.showAdditionalEntries_();
|
|
}, 10);
|
|
};
|
|
|
|
_ViewArray.prototype.stopTimer_ = function(): void {
|
|
if (this.timerRef_) {
|
|
$interval.cancel(this.timerRef_);
|
|
this.timerRef_ = null;
|
|
}
|
|
};
|
|
|
|
var service: any = {
|
|
create: function(): any {
|
|
return new _ViewArray();
|
|
}
|
|
};
|
|
|
|
return service;
|
|
}
|
|
|