1 import { Component, OnInit } from '@angular/core';
3 export interface ISlide {
41 <carousel [interval]="carInterval" [(activeSlide)]="activeSlideIndex">
42 <slide *ngFor="let sl of slides; let index=index">
43 <img [src]="sl.img" [alt]="sl.imgAlt">
44 <div class="carousel-caption">
45 <h1 *ngIf="sl.hText">{{ sl.hText }}</h1>
46 <h1 *ngIf="sl.hHtml" class="html-inner" [innerHtml]="sl.hHtml"></h1>
47 <p *ngIf="sl.text">{{ sl.text }}</p>
48 <div *ngIf="sl.html" class="html-inner" [innerHtml]="sl.html"></div>
56 export class HomeComponent {
58 public carInterval: number = 4000;
60 // FIXME SEB - Add more slides and info
61 public slides: ISlide[] = [
63 img: 'assets/images/iot-graphx.jpg',
64 imgAlt: "iot graphx image",
65 hText: "Welcome to XDS Dashboard !",
66 text: "X(cross) Development System allows developers to easily cross-compile applications.",
69 img: 'assets/images/iot-graphx.jpg',
70 imgAlt: "iot graphx image",
71 hText: "Create, Build, Deploy, Enjoy !",
74 img: 'assets/images/iot-graphx.jpg',
75 imgAlt: "iot graphx image",
76 hHtml: '<p>To Start: click on <i class="fa fa-cog" style="color:#9d9d9d;"></i> icon and add new folder</p>',