demo-page.js

var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") return Reflect.decorate(decorators, target, key, desc);
    switch (arguments.length) {
        case 2: return decorators.reduceRight(function(o, d) { return (d && d(o)) || o; }, target);
        case 3: return decorators.reduceRight(function(o, d) { return (d && d(target, key)), void 0; }, void 0);
        case 4: return decorators.reduceRight(function(o, d) { return (d && d(target, key, o)) || o; }, desc);
    }
};
var __metadata = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
/// <reference path="./typings/tsd.d.ts" />
var angular2_1 = require('angular2/angular2');
var tree_view_1 = require('./components/tree-view/tree-view');
var contact_list_1 = require('./components/contact-list/contact-list');
var bound_textbox_1 = require('./components/bound-textbox/bound-textbox');
var directory_1 = require('./components/tree-view/directory');
var grid_1 = require('./components/grid/grid');
var column_1 = require('./components/grid/column');
var core_directives_1 = require('./components/core-directives/core-directives');
var non_bindable_1 = require('./components/non-bindable/non-bindable');
var greeting_1 = require('./components/greeting/greeting');
var http_1 = require('./components/http/http');
var spreadsheet_1 = require('./components/spreadsheet/spreadsheet');
var algorithms_1 = require('./components/algorithms/algorithms');
var angular_2_host_1 = require('./components/react-integration/angular-2-host');
var jquery_integration_1 = require('./components/jquery-integration/jquery-integration');
var DemoPage = (function () {
    function DemoPage() {
        this.currentComponent = 'algorithms';
        this.loadDirectories();
        this.people = this.getPeople();
        this.columns = this.getColumns();
    }
    DemoPage.prototype.selectComponent = function (component) {
        this.currentComponent = component;
    };
    DemoPage.prototype.isActive = function (component) {
        return component === this.currentComponent;
    };
    DemoPage.prototype.getActiveClass = function (component) {
        if (this.isActive(component)) {
            return 'active';
        }
    };
    DemoPage.prototype.getPeople = function () {
        return [
            { firstName: 'Joe', lastName: 'Jackson', age: 20 },
            { firstName: 'Peter', lastName: 'Smith', age: 30 },
            { firstName: 'Jane', lastName: 'Doe', age: 50 },
            { firstName: 'Tim', lastName: 'Smith', age: 80 }
        ];
    };
    DemoPage.prototype.getColumns = function () {
        return [
            new column_1.Column('firstName', 'First Name'),
            new column_1.Column('lastName', 'Last Name'),
            new column_1.Column('age', 'Age')
        ];
    };
    DemoPage.prototype.loadDirectories = function () {
        var fall2014 = new directory_1.Directory('Fall 2014', [], ['image1.jpg', 'image2.jpg', 'image3.jpg']);
        var summer2014 = new directory_1.Directory('Summer 2014', [], ['image10.jpg', 'image20.jpg', 'image30.jpg']);
        var pics = new directory_1.Directory('Pictures', [summer2014, fall2014], []);
        var music = new directory_1.Directory('Music', [], ['song1.mp3', 'song2.mp3']);
        this.directories = [pics, music];
    };
    DemoPage = __decorate([
        angular2_1.Component({
            selector: 'demo-page'
        }),
        angular2_1.View({
            templateUrl: './demo-page.html',
            directives: [algorithms_1.Algorithms, spreadsheet_1.Spreadsheet, http_1.HttpSample, greeting_1.Greeting, contact_list_1.ContactList, tree_view_1.TreeView, bound_textbox_1.BoundTextbox, grid_1.Grid,
                core_directives_1.CoreDirectives, non_bindable_1.IgnoreBindings, angular2_1.NgIf, angular2_1.NgClass, angular_2_host_1.Angular2Host, jquery_integration_1.JqueryIntegration]
        }), 
        __metadata('design:paramtypes', [])
    ], DemoPage);
    return DemoPage;
})();
exports.DemoPage = DemoPage;