Code Review
/
src
/
xds
/
xds-server.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
review
|
tree
raw
|
inline
| side by side
Update message to download & install xds-agent.
[src/xds/xds-server.git]
/
webapp
/
src
/
app
/
home
/
home.component.ts
diff --git
a/webapp/src/app/home/home.component.ts
b/webapp/src/app/home/home.component.ts
index
1df277f
..
0e3c995
100644
(file)
--- a/
webapp/src/app/home/home.component.ts
+++ b/
webapp/src/app/home/home.component.ts
@@
-4,7
+4,9
@@
export interface ISlide {
img?: string;
imgAlt?: string;
hText?: string;
img?: string;
imgAlt?: string;
hText?: string;
- pText?: string;
+ hHtml?: string;
+ text?: string;
+ html?: string;
btn?: string;
btnHref?: string;
}
btn?: string;
btnHref?: string;
}
@@
-17,18
+19,33
@@
export interface ISlide {
.wide img {
width: 98%;
}
.wide img {
width: 98%;
}
+ .carousel-item {
+ max-height: 90%;
+ }
h1, h2, h3, h4, p {
color: #330066;
}
h1, h2, h3, h4, p {
color: #330066;
}
+ .html-inner {
+ color: #330066;
+ }
+ h1 {
+ font-size: 4em;
+ }
+ p {
+ font-size: 2.5em;
+ }
</style>
</style>
+
<div class="wide">
<carousel [interval]="carInterval" [(activeSlide)]="activeSlideIndex">
<slide *ngFor="let sl of slides; let index=index">
<img [src]="sl.img" [alt]="sl.imgAlt">
<div class="wide">
<carousel [interval]="carInterval" [(activeSlide)]="activeSlideIndex">
<slide *ngFor="let sl of slides; let index=index">
<img [src]="sl.img" [alt]="sl.imgAlt">
- <div class="carousel-caption" *ngIf="sl.hText">
- <h2>{{ sl.hText }}</h2>
- <p>{{ sl.pText }}</p>
+ <div class="carousel-caption">
+ <h1 *ngIf="sl.hText">{{ sl.hText }}</h1>
+ <h1 *ngIf="sl.hHtml" class="html-inner" [innerHtml]="sl.hHtml"></h1>
+ <p *ngIf="sl.text">{{ sl.text }}</p>
+ <div *ngIf="sl.html" class="html-inner" [innerHtml]="sl.html"></div>
</div>
</slide>
</carousel>
</div>
</slide>
</carousel>
@@
-38,7
+55,7
@@
export interface ISlide {
export class HomeComponent {
export class HomeComponent {
- public carInterval: number =
2
000;
+ public carInterval: number =
4
000;
// FIXME SEB - Add more slides and info
public slides: ISlide[] = [
// FIXME SEB - Add more slides and info
public slides: ISlide[] = [
@@
-46,15
+63,17
@@
export class HomeComponent {
img: 'assets/images/iot-graphx.jpg',
imgAlt: "iot graphx image",
hText: "Welcome to XDS Dashboard !",
img: 'assets/images/iot-graphx.jpg',
imgAlt: "iot graphx image",
hText: "Welcome to XDS Dashboard !",
-
pT
ext: "X(cross) Development System allows developers to easily cross-compile applications.",
+
t
ext: "X(cross) Development System allows developers to easily cross-compile applications.",
},
{
},
{
- //img: 'assets/images/beige.jpg',
- //imgAlt: "beige image",
img: 'assets/images/iot-graphx.jpg',
imgAlt: "iot graphx image",
hText: "Create, Build, Deploy, Enjoy !",
img: 'assets/images/iot-graphx.jpg',
imgAlt: "iot graphx image",
hText: "Create, Build, Deploy, Enjoy !",
- pText: "TODO...",
+ },
+ {
+ img: 'assets/images/iot-graphx.jpg',
+ imgAlt: "iot graphx image",
+ hHtml: '<p>To Start: click on <i class="fa fa-cog" style="color:#9d9d9d;"></i> icon and add new folder</p>',
}
];
}
];