Skip to content

Commit 8a78d30

Browse files
rohanoid5rohanoid5
committed
Added new samples in gh-pages for fusiontime
1 parent f50f34c commit 8a78d30

File tree

29 files changed

+1932
-252
lines changed

29 files changed

+1932
-252
lines changed

‎src/app/app.component.css‎

Lines changed: 33 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
.codepreview pre {
2-
height: 592px;
2+
height: 592px;
33
}
44

55
/* From the passportjs.org website */
@@ -15,7 +15,7 @@
1515
}
1616

1717
.masthead h3 a {
18-
color: #333333;;
18+
color: #333333;
1919
text-decoration: none;
2020
}
2121

@@ -33,35 +33,35 @@
3333
}
3434

3535
.jumbotron p {
36-
margin-left: 133px;
36+
margin-left: 133px;
3737
}
3838

3939
.jumbotron p {
40-
margin-left: 133px;
40+
margin-left: 133px;
4141
}
4242

4343
tabset {
44-
display: none;
44+
display: none;
4545
}
4646

4747
.tabset {
48-
display: none;
48+
display: none;
4949
}
5050
.tabset .nav-tabs {
51-
overflow: hidden;
52-
list-style: none;
53-
margin: 0;
54-
padding: 0;
55-
border-bottom: 1px solid #ccc;
51+
overflow: hidden;
52+
list-style: none;
53+
margin: 0;
54+
padding: 0;
55+
border-bottom: 1px solid #ccc;
5656
}
5757

5858
.tabset .nav-tabs li {
59-
float: left;
59+
float: left;
6060
}
6161

6262
.tabset .nav-tabs li.active {
63-
border: 1px solid #ccc;
64-
border-bottom-color: #fff;
63+
border: 1px solid #ccc;
64+
border-bottom-color: #fff;
6565
}
6666

6767
.ng2-tabs {
@@ -93,3 +93,22 @@ tabset {
9393
background-color: #f1f1f1;
9494
}
9595

96+
.nav-group {
97+
display: flex;
98+
justify-content: space-between;
99+
}
100+
101+
.badge {
102+
font-size: 12px !important;
103+
border-radius: 5px;
104+
align-self: center;
105+
}
106+
107+
.badge-selected {
108+
background-color: white;
109+
}
110+
111+
.badge-normal {
112+
background-color: rgb(75, 63, 160);
113+
color: white;
114+
}

‎src/app/app.component.html‎

Lines changed: 108 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -213,18 +213,78 @@
213213
<div class="p item-desc">{{sampleCode['ex1'].description}}</div>
214214
</div>
215215
</a>
216+
<a [routerLinkActive]="['active']" [routerLink]="['/ex26']" href="#/demos/ex26" (click)="updateId('ex26')">
217+
<div class="nav-item">
218+
<div class="nav-group">
219+
<div class="h5">{{sampleCode['ex26'].title}}</div>
220+
<div class="h5 badge badge-normal">FusionTime</div>
221+
</div>
222+
<div class="p item-desc">{{sampleCode['ex26'].description}}</div>
223+
</div>
224+
</a>
225+
<a [routerLinkActive]="['active']" [routerLink]="['/ex30']" href="#/demos/ex30" (click)="updateId('ex30')">
226+
<div class="nav-item">
227+
<div class="nav-group">
228+
<div class="h5">{{sampleCode['ex30'].title}}</div>
229+
<div class="h5 badge badge-normal">{{sampleCode['ex30'].type}}</div>
230+
</div>
231+
<div class="p item-desc">{{sampleCode['ex30'].description}}</div>
232+
</div>
233+
</a>
234+
<a [routerLinkActive]="['active']" [routerLink]="['/ex31']" href="#/demos/ex31" (click)="updateId('ex31')">
235+
<div class="nav-item">
236+
<div class="nav-group">
237+
<div class="h5">{{sampleCode['ex31'].title}}</div>
238+
<div class="h5 badge badge-normal">{{sampleCode['ex31'].type}}</div>
239+
</div>
240+
<div class="p item-desc">{{sampleCode['ex31'].description}}</div>
241+
</div>
242+
</a>
216243
<a [routerLinkActive]="['active']" [routerLink]="['/ex2']" href="#/demos/ex2" (click)="updateId('ex2')">
217244
<div class="nav-item">
218245
<div class="h5">{{sampleCode['ex2'].title}}</div>
219246
<div class="p item-desc">{{sampleCode['ex2'].description}}</div>
220247
</div>
221248
</a>
249+
<a [routerLinkActive]="['active']" [routerLink]="['/ex12']" href="#/demos/ex12" (click)="updateId('ex12')">
250+
<div class="nav-item">
251+
<div class="h5">{{sampleCode['ex12'].title}}</div>
252+
<div class="p item-desc">{{sampleCode['ex12'].description}}</div>
253+
</div>
254+
</a>
222255
<a [routerLinkActive]="['active']" [routerLink]="['/ex3']" href="#/demos/ex3" (click)="updateId('ex3')">
223256
<div class="nav-item">
224257
<div class="h5">{{sampleCode['ex3'].title}}</div>
225258
<div class="p item-desc">{{sampleCode['ex3'].description}}</div>
226259
</div>
227260
</a>
261+
<a [routerLinkActive]="['active']" [routerLink]="['/ex28']" href="#/demos/ex28" (click)="updateId('ex28')">
262+
<div class="nav-item">
263+
<div class="nav-group">
264+
<div class="h5">{{sampleCode['ex28'].title}}</div>
265+
<div class="h5 badge badge-normal">{{sampleCode['ex28'].type}}</div>
266+
</div>
267+
<div class="p item-desc">{{sampleCode['ex28'].description}}</div>
268+
</div>
269+
</a>
270+
<a [routerLinkActive]="['active']" [routerLink]="['/ex27']" href="#/demos/ex26" (click)="updateId('ex27')">
271+
<div class="nav-item">
272+
<div class="nav-group">
273+
<div class="h5">{{sampleCode['ex27'].title}}</div>
274+
<div class="h5 badge badge-normal">{{sampleCode['ex27'].type}}</div>
275+
</div>
276+
<div class="p item-desc">{{sampleCode['ex27'].description}}</div>
277+
</div>
278+
</a>
279+
<a [routerLinkActive]="['active']" [routerLink]="['/ex29']" href="#/demos/ex29" (click)="updateId('ex29')">
280+
<div class="nav-item">
281+
<div class="nav-group">
282+
<div class="h5">{{sampleCode['ex29'].title}}</div>
283+
<div class="h5 badge badge-normal">{{sampleCode['ex29'].type}}</div>
284+
</div>
285+
<div class="p item-desc">{{sampleCode['ex29'].description}}</div>
286+
</div>
287+
</a>
228288
<a [routerLinkActive]="['active']" [routerLink]="['/ex5']" href="#/demos/ex5" (click)="updateId('ex5')">
229289
<div class="nav-item">
230290
<div class="h5">{{sampleCode['ex5'].title}}</div>
@@ -249,36 +309,64 @@
249309
<div class="p item-desc">{{sampleCode['ex8'].description}}</div>
250310
</div>
251311
</a>
252-
253312
<a [routerLinkActive]="['active']" [routerLink]="['/ex7']" href="#/demos/ex7" (click)="updateId('ex7')">
254313
<div class="nav-item">
255314
<div class="h5">{{sampleCode['ex7'].title}}</div>
256315
<div class="p item-desc">{{sampleCode['ex7'].description}}</div>
257316
</div>
258317
</a>
259-
260318
<a [routerLinkActive]="['active']" [routerLink]="['/ex9']" href="#/demos/ex9" (click)="updateId('ex9')">
261319
<div class="nav-item">
262320
<div class="h5">{{sampleCode['ex9'].title}}</div>
263321
<div class="p item-desc">{{sampleCode['ex9'].description}}</div>
264322
</div>
265323
</a>
266-
<a [routerLinkActive]="['active']" [routerLink]="['/ex10']" href="#/demos/ex10" (click)="updateId('ex10')">
267-
<div class="nav-item">
268-
<div class="h5">{{sampleCode['ex10'].title}}</div>
269-
<div class="p item-desc">{{sampleCode['ex10'].description}}</div>
270-
</div>
271-
</a>
272324
<a [routerLinkActive]="['active']" [routerLink]="['/ex11']" href="#/demos/ex11" (click)="updateId('ex11')">
273325
<div class="nav-item">
274326
<div class="h5">{{sampleCode['ex11'].title}}</div>
275327
<div class="p item-desc">{{sampleCode['ex11'].description}}</div>
276328
</div>
277329
</a>
278-
<a [routerLinkActive]="['active']" [routerLink]="['/ex12']" href="#/demos/ex12" (click)="updateId('ex12')">
330+
<a [routerLinkActive]="['active']" [routerLink]="['/ex36']" href="#/demos/ex36" (click)="updateId('ex36')">
279331
<div class="nav-item">
280-
<div class="h5">{{sampleCode['ex12'].title}}</div>
281-
<div class="p item-desc">{{sampleCode['ex12'].description}}</div>
332+
<div class="nav-group">
333+
<div class="h5">{{sampleCode['ex36'].title}}</div>
334+
<div class="h5 badge badge-normal">{{sampleCode['ex36'].type}}</div>
335+
</div>
336+
<div class="p item-desc">{{sampleCode['ex36'].description}}</div>
337+
</div>
338+
</a>
339+
<a [routerLinkActive]="['active']" [routerLink]="['/ex33']" href="#/demos/ex33" (click)="updateId('ex33')">
340+
<div class="nav-item">
341+
<div class="nav-group">
342+
<div class="h5">{{sampleCode['ex33'].title}}</div>
343+
<div class="h5 badge badge-normal">{{sampleCode['ex33'].type}}</div>
344+
</div>
345+
<div class="p item-desc">{{sampleCode['ex33'].description}}</div>
346+
</div>
347+
</a>
348+
<a [routerLinkActive]="['active']" [routerLink]="['/ex34']" href="#/demos/ex34" (click)="updateId('ex34')">
349+
<div class="nav-item">
350+
<div class="nav-group">
351+
<div class="h5">{{sampleCode['ex34'].title}}</div>
352+
<div class="h5 badge badge-normal">{{sampleCode['ex34'].type}}</div>
353+
</div>
354+
<div class="p item-desc">{{sampleCode['ex34'].description}}</div>
355+
</div>
356+
</a>
357+
<a [routerLinkActive]="['active']" [routerLink]="['/ex35']" href="#/demos/ex35" (click)="updateId('ex35')">
358+
<div class="nav-item">
359+
<div class="nav-group">
360+
<div class="h5">{{sampleCode['ex35'].title}}</div>
361+
<div class="h5 badge badge-normal">{{sampleCode['ex35'].type}}</div>
362+
</div>
363+
<div class="p item-desc">{{sampleCode['ex35'].description}}</div>
364+
</div>
365+
</a>
366+
<a [routerLinkActive]="['active']" [routerLink]="['/ex10']" href="#/demos/ex10" (click)="updateId('ex10')">
367+
<div class="nav-item">
368+
<div class="h5">{{sampleCode['ex10'].title}}</div>
369+
<div class="p item-desc">{{sampleCode['ex10'].description}}</div>
282370
</div>
283371
</a>
284372
<a [routerLinkActive]="['active']" [routerLink]="['/ex13']" href="#/demos/ex13" (click)="updateId('ex13')">
@@ -341,19 +429,21 @@
341429
<div class="p item-desc">{{sampleCode['ex18'].description}}</div>
342430
</div>
343431
</a>
344-
345-
346-
347-
432+
<a [routerLinkActive]="['active']" [routerLink]="['/ex32']" href="#/demos/ex32" (click)="updateId('ex32')">
433+
<div class="nav-item">
434+
<div class="nav-group">
435+
<div class="h5">{{sampleCode['ex32'].title}}</div>
436+
<div class="h5 badge badge-normal">{{sampleCode['ex32'].type}}</div>
437+
</div>
438+
<div class="p item-desc">{{sampleCode['ex32'].description}}</div>
439+
</div>
440+
</a>
348441
<!-- <a [routerLinkActive]="['active']" [routerLink]="['/ex19']" href="#/demos/ex19" (click)="updateId('ex19')">
349442
<div class="nav-item">
350443
<div class="h5">{{sampleCode['ex19'].title}}</div>
351444
<div class="p item-desc">{{sampleCode['ex19'].description}}</div>
352445
</div>
353446
</a> -->
354-
355-
356-
357447
</div>
358448
</div>
359449
<div class="col-md-9 col-12" ng-controller="DemoController">

‎src/app/app.module.ts‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -37,6 +37,18 @@ import { Ex22 } from './fusioncharts/ex22/ex22';
3737
import { Ex23 } from './fusioncharts/ex23/ex23';
3838
import { Ex24 } from './fusioncharts/ex24/ex24';
3939
import { Ex25 } from './fusioncharts/ex25/ex25';
40+
import { Ex26 } from './fusioncharts/ex26/ex26';
41+
import { Ex27 } from './fusioncharts/ex27/ex27';
42+
import { Ex28 } from './fusioncharts/ex28/ex28';
43+
import { Ex29 } from './fusioncharts/ex29/ex29';
44+
import { Ex30 } from './fusioncharts/ex30/ex30';
45+
import { Ex31 } from './fusioncharts/ex31/ex31';
46+
import { Ex32 } from './fusioncharts/ex32/ex32';
47+
import { Ex33 } from './fusioncharts/ex33/ex33';
48+
import { Ex34 } from './fusioncharts/ex34/ex34';
49+
import { Ex35 } from './fusioncharts/ex35/ex35';
50+
import { Ex36 } from './fusioncharts/ex36/ex36';
51+
4052
import { FusionTime } from './fusiontime/fusiontime';
4153

4254
import { SafeHtmlPipe } from './pipes/trustAsHtml';
@@ -93,6 +105,7 @@ import * as Carbon from 'fusioncharts/themes/fusioncharts.theme.carbon';
93105
FusionChartsModule.fcRoot(
94106
FusionCharts,
95107
Charts,
108+
TimeSeries,
96109
PowerCharts,
97110
Widgets,
98111
Maps,
@@ -134,6 +147,17 @@ FusionChartsModule.fcRoot(
134147
Ex23,
135148
Ex24,
136149
Ex25,
150+
Ex26,
151+
Ex27,
152+
Ex28,
153+
Ex29,
154+
Ex30,
155+
Ex31,
156+
Ex32,
157+
Ex33,
158+
Ex34,
159+
Ex35,
160+
Ex36,
137161
SafeHtmlPipe,
138162
Navigation,
139163
ObservingComponent,

‎src/app/app.routes.ts‎

Lines changed: 25 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,12 +10,12 @@ import { Ex6 } from './fusioncharts/ex6/ex6';
1010
import { Ex7 } from './fusioncharts/ex7/ex7';
1111
import { Ex8 } from './fusioncharts/ex8/ex8';
1212
import { Ex9 } from './fusioncharts/ex9/ex9';
13-
import { Ex10 } from "./fusioncharts/ex10/ex10";
13+
import { Ex10 } from './fusioncharts/ex10/ex10';
1414
import { Ex11 } from './fusioncharts/ex11/ex11';
1515
import { Ex12 } from './fusioncharts/ex12/ex12';
1616
import { Ex13 } from './fusioncharts/ex13/ex13';
1717
import { Ex14 } from './fusioncharts/ex14/ex14';
18-
import { Ex15} from './fusioncharts/ex15/ex15';
18+
import { Ex15 } from './fusioncharts/ex15/ex15';
1919
import { Ex16 } from './fusioncharts/ex16/ex16';
2020
import { Ex17 } from './fusioncharts/ex17/ex17';
2121
import { Ex18 } from './fusioncharts/ex18/ex18';
@@ -26,6 +26,18 @@ import { Ex22 } from './fusioncharts/ex22/ex22';
2626
import { Ex23 } from './fusioncharts/ex23/ex23';
2727
import { Ex24 } from './fusioncharts/ex24/ex24';
2828
import { Ex25 } from './fusioncharts/ex25/ex25';
29+
import { Ex26 } from './fusioncharts/ex26/ex26';
30+
import { Ex27 } from './fusioncharts/ex27/ex27';
31+
import { Ex28 } from './fusioncharts/ex28/ex28';
32+
import { Ex29 } from './fusioncharts/ex29/ex29';
33+
import { Ex30 } from './fusioncharts/ex30/ex30';
34+
import { Ex31 } from './fusioncharts/ex31/ex31';
35+
import { Ex32 } from './fusioncharts/ex32/ex32';
36+
import { Ex33 } from './fusioncharts/ex33/ex33';
37+
import { Ex34 } from './fusioncharts/ex34/ex34';
38+
import { Ex35 } from './fusioncharts/ex35/ex35';
39+
import { Ex36 } from './fusioncharts/ex36/ex36';
40+
2941
// import { Ex10 } from './fusioncharts/ex10/ex10';
3042
import { MyAppComponent } from './observable/observable.component';
3143

@@ -60,7 +72,17 @@ export const rootRouterConfig: Routes = [
6072
{ path: 'ex23', component: Ex23 },
6173
{ path: 'ex24', component: Ex24 },
6274
{ path: 'ex25', component: Ex25 },
75+
{ path: 'ex26', component: Ex26 },
76+
{ path: 'ex27', component: Ex27 },
77+
{ path: 'ex28', component: Ex28 },
78+
{ path: 'ex29', component: Ex29 },
79+
{ path: 'ex30', component: Ex30 },
80+
{ path: 'ex31', component: Ex31 },
81+
{ path: 'ex32', component: Ex32 },
82+
{ path: 'ex33', component: Ex33 },
83+
{ path: 'ex34', component: Ex34 },
84+
{ path: 'ex35', component: Ex35 },
85+
{ path: 'ex36', component: Ex36 },
6386
{ path: 'fusioncharts', component: MyAppComponent },
6487
{ path: 'fusioncharts', component: FusionChartsSample }
6588
];
66-

‎src/app/fusioncharts/ex26/ex26.html‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<div class="card shadow">
2+
<div class="card-body chart-wrapper">
3+
<div class="chart-wrapper-inner">
4+
<fusioncharts
5+
[type]="type"
6+
[width]="width"
7+
[height]="height"
8+
[dataSource]="dataSource"
9+
>
10+
</fusioncharts>
11+
</div>
12+
</div>
13+
</div>
14+
15+
<tabbed-code
16+
moduleCode="{{ sampleCode[demoId].module }}"
17+
componentCode="{{ sampleCode[demoId].component }}"
18+
templateCode="{{ sampleCode[demoId].template }}"
19+
schemaCode="{{ sampleCode[demoId].schema }}"
20+
dataCode="{{ sampleCode[demoId].data }}"
21+
>
22+
</tabbed-code>

0 commit comments

Comments
 (0)