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

   1 import { Component, Input } from "@angular/core";
   2
   3 import { IProject } from "../services/config.service";
   4
   5 @Component({
   6     selector: 'projects-list-accordion',
   7     template: `
   8         <accordion>
   9             <accordion-group #group *ngFor="let prj of projects">
  10                 <div accordion-heading>
  11                     {{ prj.label }}
  12                     <i class="pull-right float-xs-right fa"
  13                     [ngClass]="{'fa-chevron-down': group.isOpen, 'fa-chevron-right': !group.isOpen}"></i>
  14                 </div>
  15                 <project-card [project]="prj"></project-card>
  16             </accordion-group>
  17         </accordion>
  18     `
  19 })
  20 export class ProjectsListAccordionComponent {
  21
  22     @Input() projects: IProject[];
  23
  24 }
  25
  26