Skip to content

Commit 7294c61

Browse files
chelarucipchelarucip
committed
Added upgrade to pro page
1 parent fd27270 commit 7294c61

13 files changed

+186
-12
lines changed

‎app/dashboard/dashboard.routes.js‎

Lines changed: 3 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎app/dashboard/dashboard.routes.js.map‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎app/dashboard/dashboard.routes.ts‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@ import { TableComponent } from './table/table.component';
77
import { NotificationsComponent } from './notifications/notifications.component';
88
import { TypographyComponent } from './typography/typography.component';
99
import { MapsComponent } from './maps/maps.component';
10+
import { UpgradeComponent } from './upgrade/upgrade.component';
1011

1112
export const MODULE_ROUTES: Route[] =[
1213
{ path: 'dashboard', component: HomeComponent },
@@ -16,6 +17,7 @@ export const MODULE_ROUTES: Route[] =[
1617
{ path: 'notifications', component: NotificationsComponent },
1718
{ path: 'typography', component: TypographyComponent },
1819
{ path: 'maps', component: MapsComponent },
20+
{ path: 'upgrade', component: UpgradeComponent },
1921
{ path: '', redirectTo: 'dashboard', pathMatch: 'full' }
2022
]
2123

@@ -27,4 +29,5 @@ export const MODULE_COMPONENTS = [
2729
NotificationsComponent,
2830
TypographyComponent,
2931
MapsComponent,
32+
UpgradeComponent
3033
]

‎app/dashboard/upgrade/upgrade.component.html‎

Lines changed: 76 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,76 @@
1+
<div class="main-content">
2+
<div class="container-fluid">
3+
<div class="row">
4+
<div class="col-md-8 col-md-offset-2">
5+
<div class="card">
6+
<div class="card-header text-center" data-background-color="purple">
7+
<h4 class="title">Material Dashboard PRO</h4>
8+
<p class="category">Are you looking for more components? Please check our Premium Version of Material Dashboard.</p>
9+
</div>
10+
<div class="card-content">
11+
<div class="table-responsive table-upgrade">
12+
<table class="table">
13+
<thead>
14+
<th></th>
15+
<th class="text-center">Free</th>
16+
<th class="text-center">PRO</th>
17+
</thead>
18+
<tbody>
19+
<tr>
20+
<td>Components</td>
21+
<td class="text-center">60</td>
22+
<td class="text-center">200</td>
23+
</tr>
24+
<tr>
25+
<td>Plugins</td>
26+
<td class="text-center">2</td>
27+
<td class="text-center">15</td>
28+
</tr>
29+
<tr>
30+
<td>Example Pages</td>
31+
<td class="text-center">3</td>
32+
<td class="text-center">27</td>
33+
</tr>
34+
<tr>
35+
<td>Login, Register, Pricing, Lock Pages</td>
36+
<td class="text-center"><i class="fa fa-times text-danger"></i></td>
37+
<td class="text-center"><i class="fa fa-check text-success"></i></td>
38+
</tr>
39+
<tr>
40+
<td>DataTables, VectorMap, SweetAlert, Wizard, jQueryValidation, FullCalendar etc...</td>
41+
<td class="text-center"><i class="fa fa-times text-danger"></i></td>
42+
<td class="text-center"><i class="fa fa-check text-success"></i></td>
43+
</tr>
44+
<tr>
45+
<td>Mini Sidebar</td>
46+
<td class="text-center"><i class="fa fa-times text-danger"></i></td>
47+
<td class="text-center"><i class="fa fa-check text-success"></i></td>
48+
</tr>
49+
<tr>
50+
<td>Premium Support</td>
51+
<td class="text-center"><i class="fa fa-times text-danger"></i></td>
52+
<td class="text-center"><i class="fa fa-check text-success"></i></td>
53+
</tr>
54+
<tr>
55+
<td></td>
56+
<td class="text-center">Free</td>
57+
<td class="text-center">Just $49</td>
58+
</tr>
59+
<tr>
60+
<td class="text-center"></td>
61+
<td class="text-center">
62+
<a href="#" class="btn btn-round btn-fill btn-default disabled">Current Version</a>
63+
</td>
64+
<td class="text-center">
65+
<a target="_blank" href="http://www.creative-tim.com/product/material-dashboard-pro/?ref=md-free-upgrade-live" class="btn btn-round btn-fill btn-info">Upgrade to PRO</a>
66+
</td>
67+
</tr>
68+
</tbody>
69+
</table>
70+
</div>
71+
</div>
72+
</div>
73+
</div>
74+
</div>
75+
</div>
76+
</div>

‎app/dashboard/upgrade/upgrade.component.js‎

Lines changed: 47 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎app/dashboard/upgrade/upgrade.component.js.map‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎app/dashboard/upgrade/upgrade.component.ts‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
import {Component, OnInit,AfterViewInit,trigger,state,style,transition,animate,keyframes} from '@angular/core';
2+
3+
@Component({
4+
moduleId: module.id,
5+
selector: 'upgrade-cmp',
6+
templateUrl: 'upgrade.component.html',
7+
animations: [
8+
trigger('cardupgrade', [
9+
state('*', style({
10+
'-ms-transform': 'translate3D(0px, 0px, 0px)',
11+
'-webkit-transform': 'translate3D(0px, 0px, 0px)',
12+
'-moz-transform': 'translate3D(0px, 0px, 0px)',
13+
'-o-transform':'translate3D(0px, 0px, 0px)',
14+
transform:'translate3D(0px, 0px, 0px)',
15+
opacity: 1})),
16+
transition('void => *', [
17+
style({opacity: 0,
18+
'-ms-transform': 'translate3D(0px, 150px, 0px)',
19+
'-webkit-transform': 'translate3D(0px, 150px, 0px)',
20+
'-moz-transform': 'translate3D(0px, 150px, 0px)',
21+
'-o-transform':'translate3D(0px, 150px, 0px)',
22+
transform:'translate3D(0px, 150px, 0px)',
23+
}),
24+
animate('0.3s 0s ease-out')
25+
])
26+
])
27+
]
28+
})
29+
30+
export class UpgradeComponent{ }

‎app/sidebar/sidebar-routes.config.js‎

Lines changed: 2 additions & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎app/sidebar/sidebar-routes.config.js.map‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎app/sidebar/sidebar-routes.config.ts‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,5 +7,7 @@ export const ROUTES: RouteInfo[] = [
77
{ path: 'typography', title: 'Typography', menuType: MenuType.LEFT, icon:'material-icons' },
88
{ path: 'icons', title: 'Icons', menuType: MenuType.LEFT, icon:'material-icons' },
99
{ path: 'maps', title: 'Maps', menuType: MenuType.LEFT, icon:'material-icons' },
10-
{ path: 'notifications', title: 'Notifications', menuType: MenuType.LEFT, icon:'material-icons text-gray' }
10+
{ path: 'notifications', title: 'Notifications', menuType: MenuType.LEFT, icon:'material-icons text-gray' },
11+
{ path: 'upgrade', title: 'Upgrade to Pro', menuType: MenuType.LEFT, icon:'material-icons' }
12+
1113
];

0 commit comments

Comments
 (0)