quay/static/js/services/view-array/view-array.impl.ts

import { ViewArray } from './view-array';
import { Injectable, Inject } from 'ng-metadata/core';


@Injectable(ViewArray.name)
export class ViewArrayImpl implements ViewArray {

  public entries: any[];
  public isVisible: boolean;
  public visibleEntries: any[];
  public hasEntries: boolean;
  public hasHiddenEntries: boolean;
  private timerRef: any;
  private currentIndex: number;
  private additionalCount: number = 20;

  constructor(@Inject('$interval') private $interval: ng.IIntervalService) {
    this.isVisible = false;
    this.visibleEntries = null;
    this.hasEntries = false;
    this.entries = [];
    this.hasHiddenEntries = false;
    this.timerRef = null;
    this.currentIndex = 0;
  }

  public length(): number {
    return this.entries.length;
  }

  public get(index: number): any {
    return this.entries[index];
  }

  public push(elem: any): void {
    this.entries.push(elem);
    this.hasEntries = true;

    if (this.isVisible) {
      this.startTimer();
    }
  }

  public toggle(): void {
    this.setVisible(!this.isVisible);
  }

  public setVisible(newState: boolean): void {
    this.isVisible = newState;

    this.visibleEntries = [];
    this.currentIndex = 0;

    if (newState) {
      this.showAdditionalEntries();
      this.startTimer();
    }
    else {
      this.stopTimer();
    }
  }

  public create(): ViewArrayImpl {
    return new ViewArrayImpl(this.$interval);
  }

  private showAdditionalEntries(): void {
    var i: number = 0;
    for (i = this.currentIndex; i < (this.currentIndex + this.additionalCount) && 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();
    }
  }

  private startTimer(): void {
    if (this.timerRef) {
      return;
    }

    this.timerRef = this.$interval(() => {
      this.showAdditionalEntries();
    }, 10);
  }

  private stopTimer(): void {
    if (this.timerRef) {
      this.$interval.cancel(this.timerRef);
      this.timerRef = null;
    }
  }
}