@computedFrom('data', 'pump')
    get timeScaleData(): chartjs.LinearChartData {

        let lastPoint: DataPoint;
        let currentArray = [];
        let groups = new Array<DataPoint[]>();

        for (var pt of this.data) {
            if (lastPoint != null && lastPoint.pumpRunning != pt.pumpRunning) {
                groups.push(currentArray);
                currentArray = [];
           }
            currentArray.push(pt);
            lastPoint = pt;
        }
        groups.push(currentArray);

        return {
            datasets: groups.map(arr => {
                return {
                    data: arr.map(point => {
                        return {
                            x: point.timeStamp,
                            y: point.waterLevel
                        };
                    }),
                    borderColor: arr[0].pumpRunning ? 'Green' : 'Red'
                };
            })
        };
    }

    @computedFrom('job')
    get value():string {
        if(!Array.isArray(this.job.jobPhases)) return JobPhaseStatuses.NOT_STARTED;
        const phase = this.job.jobPhases.find(p => p.phase._id === this.phase._id);
        if(!phase) return JobPhaseStatuses.NOT_STARTED;

        return phase.status;
    }

    @computedFrom('entity.id', 'entity.name')
    get title() {
        if (this.entity.id <= 0) {
            return "New Application";
        }

        return `Application #${this.entity.id}`;
    }

    @computedFrom("imageWidth", "imageHeight")
    public get style(): string {

        return `
            min-height: ${this.maxHeight}px;
            height: ${this.maxHeight}px;
        `;
    }

    @computedFrom("pageCount", "maxDisplayCount")
    public get items(): Array<string> {

        if (this._items != null && this.pageCount && this.maxDisplayCount)
            return this._items;

        this._items = this.calculateItems();
        return this._items;
    }

 /**
  * @returns body, will lazy load from the web service if the body has not been
  *          loaded as of yet, note if it has not been loaded yet it will return null
  *          the first time.
  */
 @computedFrom('_body')
 get body() : string {
     if(this._body == null){
         this.client.fetch(`posts/${this.date}/${this._title}`)
             .then(r => r.text())
             .then(html => {
                 this._body = html
             });
     }
     
     return this._body;
 }

 @computedFrom('data')
 get timeScaleOptions(): chartjs.ChartOptions {
     return {
         scales: {
             xAxes: [{
                 type: 'time',
                 time: {
                     minUnit: 'second',
                     tooltipFormat: "h:mm:ss a MM-DD-YYYY",
                     max: this.data[0].timeStamp,
                     min: this.data[this.data.length - 1].timeStamp
                 }
             }]
         },
         legend: {
             display: false
         }
     };
 }

 @computedFrom("firstName", "lastName")
 get fullName() { return this.firstName + " " + this.lastName;  }

 @computedFrom('showsubtitle')
 get isSubTitleDisplayed(){
     return this.showsubtitle == 'true';
 }

 @computedFrom('mediaQueueViewModels')
 get hasAny(): boolean {
   return this.mediaQueueViewModels.length > 0;
 }