1
1
# [ Paper Dashboard Angular] ( https://www.creative-tim.com/product/paper-dashboard-angular )
2
- [ ![ version] [ version-badge ]] [ CHANGELOG ]
3
- [ ![ license] [ license-badge ]] [ LICENSE ]
2
+ ![ version] ( https://img.shields.io/badge/version-2.0.0-blue.svg ) ![ license] ( https://img.shields.io/badge/license-MIT-blue.svg ) [ ![ GitHub issues open] ( https://img.shields.io/github/issues/creativetimofficial/paper-dashboard-angular.svg?maxAge=2592000 )] ( ) [ ![ GitHub issues closed] ( https://img.shields.io/github/issues-closed-raw/creativetimofficial/paper-dashboard-angular.svg?maxAge=2592000 )] ( ) [ ![ Chat] ( https://img.shields.io/badge/chat-on%20discord-7289da.svg )] ( https://discord.gg/E4aHAQy )
4
3
5
- ![ alt text ] ( https://s3.amazonaws .com/creativetim_bucket/products/58/original/opt_pd_angular_thumbnail.jpg " Paper Dashboard Free " )
4
+ ![ Product Gif ] ( https://raw.githubusercontent .com/creativetimofficial/public-assets/master/paper-dashboard-angular/paper-dashboard-angular.gif )
6
5
7
6
Paper Dashboard Angular is a Bootstrap Admin Template which combines soft colors with beautiful typography and spacious cards and graphics. It was built on top of Google's [ Angular Framework] ( https://angular.io/ ) and the HTML version of [ Paper Dashboard] ( https://www.creative-tim.com/product/paper-dashboard ) . It is a powerful dashboard but it is light and easy to be used. It has enough features to allow you to get the job done, but it is not crowded to the point where you can't find the files for a specific component.
8
7
9
8
We like consistency and design that blends into its purpose. Paper Dashboard Angular is a perfect example of our most thoughtful work. It combines over a dozen components and plugins, while looking like everything fits together. For an easy start or inspiration for you project, we have also create a set of example pages, like the user settings or usage graphics.
10
9
11
10
Paper Dashboard Angular is built using the same design language as [ Paper Kit] ( http://www.creative-tim.com/product/paper-kit ) , which you can use for the presentation pages of your website. You can easily use them together, or pick between them depending on the project you have.
12
11
12
+ ** Example Pages** We wanted to fully display the power of this dashboard, so the kit comes packed with examples showing you how to use the components.
13
13
14
- ## Links:
14
+ ## Table of Contents
15
15
16
- + [ Live Preview] ( http://pd-angular.creative-tim.com/dashboard )
17
- + [ Paper Dashboard PRO Angular] ( https://www.creative-tim.com/product/paper-dashboard-pro-angular )
18
- + [ Paper Kit - For Front End Development] ( https://www.creative-tim.com/product/paper-kit?ref=github-pd-angular )
16
+ * [ Versions] ( #versions )
17
+ * [ Demo] ( #demo )
18
+ * [ Quick Start] ( #quick-start )
19
+ * [ Documentation] ( #documentation )
20
+ * [ File Structure] ( #file-structure )
21
+ * [ Browser Support] ( #browser-support )
22
+ * [ Resources] ( #resources )
23
+ * [ Reporting Issues] ( #reporting-issues )
24
+ * [ Technical Support or Questions] ( #technical-support-or-questions )
25
+ * [ Licensing] ( #licensing )
26
+ * [ Useful Links] ( #useful-links )
27
+
28
+ ## Versions
29
+
30
+ [ <img src =" https://s3.amazonaws.com/creativetim_bucket/github/html.png " width =" 60 " height =" 60 " />] ( https://www.creative-tim.com/product/paper-dashboard-2 )
31
+ [ <img src =" https://s3.amazonaws.com/creativetim_bucket/github/angular.png " width =" 60 " height =" 60 " />] ( https://www.creative-tim.com/product/paper-dashboard-angular )
32
+ [ <img src =" https://s3.amazonaws.com/creativetim_bucket/github/react.svg " width =" 60 " height =" 60 " />] ( https://www.creative-tim.com/product/paper-dashboard-react )
33
+
34
+ | HTML | Angular | React |
35
+ | --- | --- | --- |
36
+ | [ ![ Paper Dashboard 2 HTML] ( https://s3.amazonaws.com/creativetim_bucket/products/86/thumb/opt_pd2_thumbnail.jpg )] ( https://www.creative-tim.com/product/paper-dashboard-2 ) | [ ![ Paper Dashboard Angular] ( https://s3.amazonaws.com/creativetim_bucket/products/58/thumb/opt_pd_angular_thumbnail.jpg )] ( https://www.creative-tim.com/product/paper-dashboard-angular ) | [ ![ Paper Dashboard React] ( https://s3.amazonaws.com/creativetim_bucket/products/98/thumb/opt_pd_react_thumbnail.jpg )] ( https://www.creative-tim.com/product/paper-dashboard-react ) |
37
+
38
+ ## Demo
39
+
40
+ | Dashboard | User Profile | Tables | Icons | Notifications |
41
+ | --- | --- | --- | --- | --- |
42
+ | [](https://demos.creative-tim.com/paper-dashboard-angular/#/dashboard) | [](https://demos.creative-tim.com/paper-dashboard-angular/#/user-profile) | [](https://demos.creative-tim.com/paper-dashboard-angular/#/table-list) | [](https://demos.creative-tim.com/paper-dashboard-angular/#/maps) | [](https://demos.creative-tim.com/paper-dashboard-angular/#/notifications)
43
+
44
+ [ View More] ( https://demos.creative-tim.com/paper-dashboard-angular/#/dashboard ) .
19
45
20
46
21
47
## Quick start
@@ -41,14 +67,16 @@ Within the download you'll find the following directories and files:
41
67
```
42
68
paper-dashboard-angular
43
69
├── CHANGELOG.md
44
- ├── README .md
70
+ ├── ISSUES_TEMPLATE .md
45
71
├── LICENSE.md
72
+ ├── README.md
73
+ ├── angular.json
74
+ ├── browserslist
46
75
├── documentation
47
- │ ├── css
48
- │ │ └── documentation.css
49
- │ └── elements.html
76
+ │ └── tutorial-components.html
50
77
├── e2e
51
78
├── karma.conf.js
79
+ ├── package-lock.json
52
80
├── package.json
53
81
├── protractor.conf.js
54
82
├── src
@@ -59,18 +87,39 @@ paper-dashboard-angular
59
87
│ │ ├── app.component.ts
60
88
│ │ ├── app.module.ts
61
89
│ │ ├── app.routing.ts
62
- │ │ ├── dashboard
63
- │ │ │ ├── dashboard.component.html
64
- │ │ │ └── dashboard.component.ts
65
- │ │ ├── icons
66
- │ │ │ ├── icons.component.html
67
- │ │ │ └── icons.component.ts
68
- │ │ ├── maps
69
- │ │ │ ├── maps.component.html
70
- │ │ │ └── maps.component.ts
71
- │ │ ├── notifications
72
- │ │ │ ├── notifications.component.html
73
- │ │ │ └── notifications.component.ts
90
+ │ │ ├── layouts
91
+ │ │ │ └── admin-layout
92
+ │ │ │ ├── admin-layout.component.html
93
+ │ │ │ ├── admin-layout.component.scss
94
+ │ │ │ ├── admin-layout.component.spec.ts
95
+ │ │ │ ├── admin-layout.component.ts
96
+ │ │ │ ├── admin-layout.module.ts
97
+ │ │ │ └── admin-layout.routing.ts
98
+ │ │ ├── pages
99
+ │ │ │ ├── dashboard
100
+ │ │ │ │ ├── dashboard.component.html
101
+ │ │ │ │ └── dashboard.component.ts
102
+ │ │ │ ├── icons
103
+ │ │ │ │ ├── icons.component.html
104
+ │ │ │ │ └── icons.component.ts
105
+ │ │ │ ├── maps
106
+ │ │ │ │ ├── maps.component.html
107
+ │ │ │ │ └── maps.component.ts
108
+ │ │ │ ├── notifications
109
+ │ │ │ │ ├── notifications.component.html
110
+ │ │ │ │ └── notifications.component.ts
111
+ │ │ │ ├── table
112
+ │ │ │ │ ├── table.component.html
113
+ │ │ │ │ └── table.component.ts
114
+ │ │ │ ├── typography
115
+ │ │ │ │ ├── typography.component.html
116
+ │ │ │ │ └── typography.component.ts
117
+ │ │ │ ├── upgrade
118
+ │ │ │ │ ├── upgrade.component.html
119
+ │ │ │ │ └── upgrade.component.ts
120
+ │ │ │ └── user
121
+ │ │ │ ├── user.component.html
122
+ │ │ │ └── user.component.ts
74
123
│ │ ├── shared
75
124
│ │ │ ├── fixedplugin
76
125
│ │ │ │ ├── fixedplugin.component.html
@@ -84,32 +133,18 @@ paper-dashboard-angular
84
133
│ │ │ ├── navbar.component.html
85
134
│ │ │ ├── navbar.component.ts
86
135
│ │ │ └── navbar.module.ts
87
- │ │ ├── sidebar
88
- │ │ │ ├── sidebar.component.html
89
- │ │ │ ├── sidebar.component.ts
90
- │ │ │ └── sidebar.module.ts
91
- │ │ ├── table
92
- │ │ │ ├── table.component.html
93
- │ │ │ └── table.component.ts
94
- │ │ ├── typography
95
- │ │ │ ├── typography.component.html
96
- │ │ │ └── typography.component.ts
97
- │ │ ├── upgrade
98
- │ │ │ ├── upgrade.component.html
99
- │ │ │ └── upgrade.component.ts
100
- │ │ └── user
101
- │ │ ├── user.component.html
102
- │ │ └── user.component.ts
136
+ │ │ └── sidebar
137
+ │ │ ├── sidebar.component.html
138
+ │ │ ├── sidebar.component.ts
139
+ │ │ └── sidebar.module.ts
103
140
│ ├── assets
104
141
│ │ ├── css
105
142
│ │ ├── fonts
106
143
│ │ ├── img
107
- │ │ └── sass
108
- │ │ ├── paper
144
+ │ │ └── scss
145
+ │ │ ├── paper-dashboard
109
146
│ │ └── paper-dashboard.scss
110
147
│ ├── environments
111
- │ │ ├── environment.prod.ts
112
- │ │ └── environment.ts
113
148
│ ├── favicon.ico
114
149
│ ├── index.html
115
150
│ ├── main.ts
@@ -122,10 +157,40 @@ paper-dashboard-angular
122
157
├── tsconfig.json
123
158
└── tslint.json
124
159
```
160
+ ## Browser Support
161
+
162
+ At present, we officially aim to support the last two versions of the following browsers:
163
+
164
+ <img src =" https://s3.amazonaws.com/creativetim_bucket/github/browser/chrome.png " width =" 64 " height =" 64 " > <img src =" https://s3.amazonaws.com/creativetim_bucket/github/browser/firefox.png " width =" 64 " height =" 64 " > <img src =" https://s3.amazonaws.com/creativetim_bucket/github/browser/edge.png " width =" 64 " height =" 64 " > <img src =" https://s3.amazonaws.com/creativetim_bucket/github/browser/safari.png " width =" 64 " height =" 64 " > <img src =" https://s3.amazonaws.com/creativetim_bucket/github/browser/opera.png " width =" 64 " height =" 64 " >
165
+
166
+
167
+ ## Resources
168
+ - Demo: https://demos.creative-tim.com/paper-dashboard-angular/#/dashboard
169
+ - Download Page: https://www.creative-tim.com/product/paper-dashboard-angular
170
+ - Documentation: https://demos.creative-tim.com/paper-dashboard-angular/#/documentation/tutorial
171
+ - License Agreement: https://www.creative-tim.com/license
172
+ - Support: https://www.creative-tim.com/contact-us
173
+ - Issues: [ Github Issues Page] ( https://github.com/creativetimofficial/paper-dashboard-angular/issues )
174
+
175
+ ## Reporting Issues
176
+ We use GitHub Issues as the official bug tracker for the Paper Dashboard Angular. Here are some advices for our users that want to report an issue:
177
+
178
+ 1 . Make sure that you are using the latest version of the Paper Dashboard Angular. Check the CHANGELOG from your dashboard on our [ website] ( https://www.creative-tim.com/ ) .
179
+ 2 . Providing us reproducible steps for the issue will shorten the time it takes for it to be fixed.
180
+ 3 . Some issues may be browser specific, so specifying in what browser you encountered the issue might help.
181
+
182
+ ## Technical Support or Questions
183
+
184
+ If you have questions or need help integrating the product please [ contact us] ( https://www.creative-tim.com/contact-us ) instead of opening an issue.
185
+
186
+ ## Licensing
187
+
188
+ - Copyright 2019 Creative Tim (https://www.creative-tim.com )
189
+ - Licensed under MIT (https://github.com/creativetimofficial/paper-dashboard-angular/blob/master/LICENSE.md )
125
190
126
191
## Useful Links
127
192
128
- More products from Creative Tim: < https://www.creative-tim.com/bootstrap-themes >
193
+ More products from Creative Tim: < https://www.creative-tim.com/products >
129
194
130
195
Tutorials: < https://www.youtube.com/channel/UCVyTG4sCw-rOvB9oHkzZD1w >
131
196
@@ -144,11 +209,3 @@ Dribbble: <https://dribbble.com/creativetim>
144
209
Google+: < https://plus.google.com/+CreativetimPage >
145
210
146
211
Instagram: < https://instagram.com/creativetimofficial >
147
-
148
- [ CHANGELOG ] : ./CHANGELOG.md
149
-
150
- [ LICENSE ] : ./LICENSE.md
151
-
152
- [ version-badge ] : https://img.shields.io/badge/version-1.0.1-blue.svg
153
-
154
- [ license-badge ] : https://img.shields.io/badge/license-MIT-blue.svg
0 commit comments