webapp/src/app/projects/projectsListAccordion.component.ts


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

import { Component, Input } from "@angular/core";

import { IProject } from "../services/config.service";

@Component({
    selector: 'projects-list-accordion',
    template: `
        <accordion>
            <accordion-group #group *ngFor="let prj of projects">
                <div accordion-heading>
                    {{ prj.label }}
                    <i class="pull-right float-xs-right fa"
                    [ngClass]="{'fa-chevron-down': group.isOpen, 'fa-chevron-right': !group.isOpen}"></i>
                </div>
                <project-card [project]="prj"></project-card>
            </accordion-group>
        </accordion>
    `
})
export class ProjectsListAccordionComponent {

    @Input() projects: IProject[];

}