Skip to content

Commit d9b88a0

Browse files
mrholekmrholek
committed
v1.0.0
1 parent e8e6351 commit d9b88a0

File tree

125 files changed

+1387
-12859
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

125 files changed

+1387
-12859
lines changed

‎Angular4_CLI_Full_Project/.angular-cli.json

+3-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
33
"project": {
4-
"version": "1.0.0-alpha.6",
4+
"version": "1.0.0",
55
"name": "coreui-angular"
66
},
77
"apps": [
@@ -17,6 +17,8 @@
1717
"testTsconfig": "tsconfig.spec.json",
1818
"prefix": "app",
1919
"styles": [
20+
"../node_modules/font-awesome/css/font-awesome.css",
21+
"../node_modules/simple-line-icons/css/simple-line-icons.css",
2022
"scss/style.scss"
2123
],
2224
"scripts": [

‎Angular4_CLI_Full_Project/.editorconfig

+8
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,14 @@ end_of_line = lf
99
insert_final_newline = true
1010
trim_trailing_whitespace = true
1111

12+
[*.ts]
13+
charset = utf-8
14+
indent_style = space
15+
indent_size = 2
16+
end_of_line = lf
17+
insert_final_newline = true
18+
trim_trailing_whitespace = true
19+
1220
[*.md]
1321
max_line_length = 0
1422
trim_trailing_whitespace = false

‎Angular4_CLI_Full_Project/.gitignore

+3-3
Original file line numberDiff line numberDiff line change
@@ -5,11 +5,11 @@
55
/tmp
66

77
# dependencies
8-
/node_modules
9-
/bower_components
8+
node_modules
9+
bower_components
1010

1111
# IDEs and editors
12-
/.idea
12+
.idea
1313
.project
1414
.classpath
1515
*.launch

‎Angular4_CLI_Full_Project/package.json

+24-22
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "coreui-angular",
3-
"version": "1.0.0-alpha.6",
3+
"version": "1.0.0",
44
"description": "Open Source Bootstrap Admin Template",
55
"author": "",
66
"url": "http://coreui.io",
@@ -16,30 +16,32 @@
1616
},
1717
"private": true,
1818
"dependencies": {
19-
"@angular/common": "4.3.6",
20-
"@angular/compiler": "4.3.6",
21-
"@angular/core": "4.3.6",
22-
"@angular/forms": "4.3.6",
23-
"@angular/http": "4.3.6",
24-
"@angular/platform-browser": "4.3.6",
25-
"@angular/platform-browser-dynamic": "4.3.6",
26-
"@angular/router": "4.3.6",
27-
"@angular/upgrade": "4.3.6",
28-
"core-js": "2.5.0",
19+
"@angular/common": "4.4.2",
20+
"@angular/compiler": "4.4.2",
21+
"@angular/core": "4.4.2",
22+
"@angular/forms": "4.4.2",
23+
"@angular/http": "4.4.2",
24+
"@angular/platform-browser": "4.4.2",
25+
"@angular/platform-browser-dynamic": "4.4.2",
26+
"@angular/router": "4.4.2",
27+
"@angular/upgrade": "4.4.2",
28+
"chart.js": "2.7.0",
29+
"core-js": "2.5.1",
30+
"font-awesome": "^4.7.0",
31+
"moment": "2.18.1",
32+
"ngx-bootstrap": "1.9.3",
33+
"ng2-charts": "1.6.0",
2934
"rxjs": "5.4.3",
35+
"simple-line-icons": "^2.4.1",
3036
"ts-helpers": "1.1.2",
31-
"zone.js": "0.8.17",
32-
"chart.js": "2.6.0",
33-
"ngx-bootstrap": "1.9.1",
34-
"ng2-charts": "1.6.0",
35-
"moment": "2.18.1"
37+
"zone.js": "0.8.17"
3638
},
3739
"devDependencies": {
38-
"@angular/cli": "1.3.2",
39-
"@angular/compiler-cli": "4.3.6",
40-
"@types/jasmine": "2.5.54",
41-
"@types/node": "8.0.26",
42-
"codelyzer": "3.1.2",
40+
"@angular/cli": "1.4.2",
41+
"@angular/compiler-cli": "4.4.2",
42+
"@types/jasmine": "2.6.0",
43+
"@types/node": "8.0.28",
44+
"codelyzer": "3.2.0",
4345
"jasmine-core": "2.8.0",
4446
"jasmine-spec-reporter": "4.2.1",
4547
"karma": "1.7.1",
@@ -51,7 +53,7 @@
5153
"protractor": "5.1.2",
5254
"ts-node": "3.3.0",
5355
"tslint": "5.7.0",
54-
"typescript": "2.4.2"
56+
"typescript": "2.5.2"
5557
},
5658
"engines": {
5759
"node": ">= 6.9.0",

‎Angular4_CLI_Full_Project/src/app/app.module.ts

+8-2
Original file line numberDiff line numberDiff line change
@@ -21,15 +21,21 @@ import {
2121
AppBreadcrumbs,
2222
AppFooter,
2323
AppHeader,
24-
AppSidebar
24+
AppSidebar,
25+
AppSidebarFooter,
26+
AppSidebarForm,
27+
AppSidebarHeader
2528
} from './components';
2629

2730
const APP_COMPONENTS = [
2831
AppAside,
2932
AppBreadcrumbs,
3033
AppFooter,
3134
AppHeader,
32-
AppSidebar
35+
AppSidebar,
36+
AppSidebarFooter,
37+
AppSidebarForm,
38+
AppSidebarHeader
3339
]
3440

3541
// Import directives

‎Angular4_CLI_Full_Project/src/app/components/app-aside/app-aside.component.ts

+15-2
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,22 @@
1-
import { Component } from '@angular/core';
1+
import { Component, ElementRef } from '@angular/core';
22

33
@Component({
44
selector: 'app-aside',
55
templateUrl: './app-aside.component.html'
66
})
77
export class AppAside {
8-
ngOnInit(): void {}
8+
9+
constructor(private el: ElementRef) { }
10+
11+
//wait for the component to render completely
12+
ngOnInit(): void {
13+
var nativeElement: HTMLElement = this.el.nativeElement,
14+
parentElement: HTMLElement = nativeElement.parentElement;
15+
// move all children out of the element
16+
while (nativeElement.firstChild) {
17+
parentElement.insertBefore(nativeElement.firstChild, nativeElement);
18+
}
19+
// remove the empty element(the host)
20+
parentElement.removeChild(nativeElement);
21+
}
922
}

‎Angular4_CLI_Full_Project/src/app/components/app-footer/app-footer.component.ts

+15-2
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,22 @@
1-
import { Component } from '@angular/core';
1+
import { Component, ElementRef } from '@angular/core';
22

33
@Component({
44
selector: 'app-footer',
55
templateUrl: './app-footer.component.html'
66
})
77
export class AppFooter {
8-
ngOnInit(): void {}
8+
9+
constructor(private el: ElementRef) { }
10+
11+
//wait for the component to render completely
12+
ngOnInit(): void {
13+
var nativeElement: HTMLElement = this.el.nativeElement,
14+
parentElement: HTMLElement = nativeElement.parentElement;
15+
// move all children out of the element
16+
while (nativeElement.firstChild) {
17+
parentElement.insertBefore(nativeElement.firstChild, nativeElement);
18+
}
19+
// remove the empty element(the host)
20+
parentElement.removeChild(nativeElement);
21+
}
922
}

‎Angular4_CLI_Full_Project/src/app/components/app-header/app-header.component.html

+164-13
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<header class="app-header navbar">
22
<button class="navbar-toggler d-lg-none" type="button" appMobileSidebarToggler>&#9776;</button>
33
<a class="navbar-brand" href="#"></a>
4-
<button class="navbar-toggler d-md-down-none" type="button" appSidebarToggler>&#9776;</button>
4+
<button class="navbar-toggler d-md-down-none" type="button" appSidebarMinimizer>&#9776;</button>
55
<ul class="nav navbar-nav d-md-down-none">
66
<li class="nav-item px-3">
77
<a class="nav-link" href="#">Dashboard</a>
@@ -14,34 +14,185 @@
1414
</li>
1515
</ul>
1616
<ul class="nav navbar-nav ml-auto">
17-
<li class="nav-item d-md-down-none">
18-
<a class="nav-link" href="#"><i class="icon-bell"></i><span class="badge badge-pill badge-danger">5</span></a>
17+
<li class="nav-item dropdown d-md-down-none" dropdown placement="bottom right">
18+
<a class="nav-link" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false" dropdownToggle (click)="false">
19+
<i class="icon-bell"></i><span class="badge badge-pill badge-danger">5</span>
20+
</a>
21+
<div class="dropdown-menu dropdown-menu-right dropdown-menu-lg" *dropdownMenu aria-labelledby="simple-dropdown">
22+
<div class="dropdown-header text-center"><strong>You have 5 notifications</strong></div>
23+
<a href="#" class="dropdown-item">
24+
<i class="icon-user-follow text-success"></i> New user registered
25+
</a>
26+
<a href="#" class="dropdown-item">
27+
<i class="icon-user-unfollow text-danger"></i> User deleted
28+
</a>
29+
<a href="#" class="dropdown-item">
30+
<i class="icon-chart text-info"></i> Sales report is ready
31+
</a>
32+
<a href="#" class="dropdown-item">
33+
<i class="icon-basket-loaded text-primary"></i> New client
34+
</a>
35+
<a href="#" class="dropdown-item">
36+
<i class="icon-speedometer text-warning"></i> Server overloaded
37+
</a>
38+
<div class="dropdown-header text-center"><strong>Server</strong></div>
39+
<a href="#" class="dropdown-item">
40+
<div class="text-uppercase mb-1"><small><b>CPU Usage</b></small></div>
41+
<span class="progress progress-xs">
42+
<div class="progress-bar bg-info" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
43+
</span>
44+
<small class="text-muted">348 Processes. 1/4 Cores.</small>
45+
</a>
46+
<a href="#" class="dropdown-item">
47+
<div class="text-uppercase mb-1"><small><b>Memory Usage</b></small></div>
48+
<span class="progress progress-xs">
49+
<div class="progress-bar bg-warning" role="progressbar" style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
50+
</span>
51+
<small class="text-muted">11444GB/16384MB</small>
52+
</a>
53+
<a href="#" class="dropdown-item">
54+
<div class="text-uppercase mb-1"><small><b>SSD 1 Usage</b></small></div>
55+
<span class="progress progress-xs">
56+
<div class="progress-bar bg-danger" role="progressbar" style="width: 95%" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"></div>
57+
</span>
58+
<small class="text-muted">243GB/256GB</small>
59+
</a>
60+
</div>
1961
</li>
20-
<li class="nav-item d-md-down-none">
21-
<a class="nav-link" href="#"><i class="icon-list"></i></a>
62+
<li class="nav-item dropdown d-md-down-none" dropdown placement="bottom right">
63+
<a class="nav-link" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false" dropdownToggle (click)="false">
64+
<i class="icon-list"></i><span class="badge badge-pill badge-warning">15</span>
65+
</a>
66+
<div class="dropdown-menu dropdown-menu-right dropdown-menu-lg" *dropdownMenu aria-labelledby="simple-dropdown">
67+
<div class="dropdown-header text-center"><strong>You have 5 pending tasks</strong></div>
68+
<a href="#" class="dropdown-item">
69+
<div class="small mb-1">Upgrade NPM &amp; Bower <span class="float-right"><strong>0%</strong></span></div>
70+
<span class="progress progress-xs">
71+
<div class="progress-bar bg-info" role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
72+
</span>
73+
</a>
74+
<a href="#" class="dropdown-item">
75+
<div class="small mb-1">ReactJS Version <span class="float-right"><strong>25%</strong></span></div>
76+
<span class="progress progress-xs">
77+
<div class="progress-bar bg-danger" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
78+
</span>
79+
</a>
80+
<a href="#" class="dropdown-item">
81+
<div class="small mb-1">VueJS Version <span class="float-right"><strong>50%</strong></span></div>
82+
<span class="progress progress-xs">
83+
<div class="progress-bar bg-warning" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
84+
</span>
85+
</a>
86+
<a href="#" class="dropdown-item">
87+
<div class="small mb-1">Add new layouts <span class="float-right"><strong>75%</strong></span></div>
88+
<span class="progress progress-xs">
89+
<div class="progress-bar bg-info" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
90+
</span>
91+
</a>
92+
<a href="#" class="dropdown-item">
93+
<div class="small mb-1">Angular 2 Cli Version <span class="float-right"><strong>100%</strong></span></div>
94+
<span class="progress progress-xs">
95+
<div class="progress-bar bg-success" role="progressbar" style="width: 100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
96+
</span>
97+
</a>
98+
<a href="#" class="dropdown-item text-center">
99+
<strong>View all tasks</strong>
100+
</a>
101+
</div>
102+
</li>
103+
<li class="nav-item dropdown d-md-down-none" dropdown placement="bottom right">
104+
<a class="nav-link" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false" dropdownToggle (click)="false">
105+
<i class="icon-envelope-letter"></i><span class="badge badge-pill badge-info">7</span>
106+
</a>
107+
<div class="dropdown-menu dropdown-menu-right dropdown-menu-lg" *dropdownMenu aria-labelledby="simple-dropdown">
108+
<div class="dropdown-header text-center"><strong>You have 4 messages</strong></div>
109+
<a href="#" class="dropdown-item">
110+
<div class="message">
111+
<div class="py-3 mr-3 float-left">
112+
<div class="avatar">
113+
<img src="assets/img/avatars/7.jpg" class="img-avatar" alt="[email protected]">
114+
<span class="avatar-status badge-success"></span>
115+
</div>
116+
</div>
117+
<div>
118+
<small class="text-muted">John Doe</small>
119+
<small class="text-muted float-right mt-1">Just now</small>
120+
</div>
121+
<div class="text-truncate font-weight-bold"><span class="fa fa-exclamation text-danger"></span> Important message</div>
122+
<div class="small text-muted text-truncate">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</div>
123+
</div>
124+
</a>
125+
<a href="#" class="dropdown-item">
126+
<div class="message">
127+
<div class="py-3 mr-3 float-left">
128+
<div class="avatar">
129+
<img src="assets/img/avatars/6.jpg" class="img-avatar" alt="[email protected]">
130+
<span class="avatar-status badge-warning"></span>
131+
</div>
132+
</div>
133+
<div>
134+
<small class="text-muted">John Doe</small>
135+
<small class="text-muted float-right mt-1">5 minutes ago</small>
136+
</div>
137+
<div class="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
138+
<div class="small text-muted text-truncate">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</div>
139+
</div>
140+
</a>
141+
<a href="#" class="dropdown-item">
142+
<div class="message">
143+
<div class="py-3 mr-3 float-left">
144+
<div class="avatar">
145+
<img src="assets/img/avatars/5.jpg" class="img-avatar" alt="[email protected]">
146+
<span class="avatar-status badge-danger"></span>
147+
</div>
148+
</div>
149+
<div>
150+
<small class="text-muted">John Doe</small>
151+
<small class="text-muted float-right mt-1">1:52 PM</small>
152+
</div>
153+
<div class="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
154+
<div class="small text-muted text-truncate">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</div>
155+
</div>
156+
</a>
157+
<a href="#" class="dropdown-item">
158+
<div class="message">
159+
<div class="py-3 mr-3 float-left">
160+
<div class="avatar">
161+
<img src="assets/img/avatars/4.jpg" class="img-avatar" alt="[email protected]">
162+
<span class="avatar-status badge-info"></span>
163+
</div>
164+
</div>
165+
<div>
166+
<small class="text-muted">John Doe</small>
167+
<small class="text-muted float-right mt-1">4:03 PM</small>
168+
</div>
169+
<div class="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
170+
<div class="small text-muted text-truncate">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</div>
171+
</div>
172+
</a>
173+
<a href="#" class="dropdown-item text-center">
174+
<strong>View all messages</strong>
175+
</a>
176+
</div>
22177
</li>
23178
<li class="nav-item d-md-down-none">
24179
<a class="nav-link" href="#"><i class="icon-location-pin"></i></a>
25180
</li>
26-
<li class="nav-item dropdown" dropdown (onToggle)="toggled($event)">
27-
<a href class="nav-link dropdown-toggle" dropdownToggle (click)="false">
28-
<img src="assets/img/avatars/6.jpg" class="img-avatar" alt="[email protected]">
181+
<li class="nav-item dropdown" dropdown placement="bottom right">
182+
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false" dropdownToggle (click)="false">
183+
<img src="assets/img/avatars/6.jpg" class="img-avatar" alt="[email protected]"/>
29184
<span class="d-md-down-none">admin</span>
30185
</a>
31186
<div class="dropdown-menu dropdown-menu-right" *dropdownMenu aria-labelledby="simple-dropdown">
32-
33187
<div class="dropdown-header text-center"><strong>Account</strong></div>
34-
35188
<a class="dropdown-item" href="#"><i class="fa fa-bell-o"></i> Updates<span class="badge badge-info">42</span></a>
36189
<a class="dropdown-item" href="#"><i class="fa fa-envelope-o"></i> Messages<span class="badge badge-success">42</span></a>
37190
<a class="dropdown-item" href="#"><i class="fa fa-tasks"></i> Tasks<span class="badge badge-danger">42</span></a>
38191
<a class="dropdown-item" href="#"><i class="fa fa-comments"></i> Comment<span class="badge badge-warning">42</span></a>
39-
40192
<div class="dropdown-header text-center"><strong>Settings</strong></div>
41-
42193
<a class="dropdown-item" href="#"><i class="fa fa-user"></i> Profile</a>
43194
<a class="dropdown-item" href="#"><i class="fa fa-wrench"></i> Setting</a>
44-
<a class="dropdown-item" href="#"><i class="fa fa-usd"></i> Payments<span class="badge badge-default">42</span></a>
195+
<a class="dropdown-item" href="#"><i class="fa fa-usd"></i> Payments<span class="badge badge-dark">42</span></a>
45196
<a class="dropdown-item" href="#"><i class="fa fa-file"></i> Projects<span class="badge badge-primary">42</span></a>
46197
<div class="divider"></div>
47198
<a class="dropdown-item" href="#"><i class="fa fa-shield"></i> Lock account</a>

0 commit comments

Comments
 (0)