Moved Dashboad webapp on Angular 5 !
[src/xds/xds-agent.git] / webapp / src / app / home / home.component.ts
1 import { Component, OnInit } from '@angular/core';
2
3 export interface ISlide {
4     img?: string;
5     imgAlt?: string;
6     hText?: string;
7     hHtml?: string;
8     text?: string;
9     html?: string;
10     btn?: string;
11     btnHref?: string;
12 }
13
14 @Component({
15     selector: 'xds-home',
16     templateUrl: 'home.component.html',
17     styleUrls: ['home.component.css']
18 })
19
20 export class HomeComponent {
21
22     public carInterval = 4000;
23     public activeSlideIndex = 0;
24
25     // FIXME SEB - Add more slides and info
26     public slides: ISlide[] = [
27         {
28             img: 'assets/images/iot-graphx.jpg',
29             imgAlt: 'iot graphx image',
30             hText: 'Welcome to XDS Dashboard !',
31             text: 'X(cross) Development System allows developers to easily cross-compile applications.',
32         },
33         {
34             img: 'assets/images/iot-graphx.jpg',
35             imgAlt: 'iot graphx image',
36             hText: 'Create, Build, Deploy, Enjoy !',
37         },
38         {
39             img: 'assets/images/iot-graphx.jpg',
40             imgAlt: 'iot graphx image',
41             hHtml: '<p>To Start: click on <i class=\'fa fa-cog\' style=\'color:#9d9d9d;\'></i> icon and add new folder</p>',
42         }
43     ];
44
45     constructor() { }
46 }