mirror of
https://github.com/akveo/ngx-admin.git
synced 2025-12-16 23:40:14 +01:00
docs: update docs for 1.0.0 (#1034)
This commit is contained in:
parent
6e89e797a8
commit
72ab016e75
13 changed files with 107 additions and 100 deletions
19
CHANGELOG.md
19
CHANGELOG.md
|
|
@ -75,8 +75,10 @@
|
||||||
|
|
||||||
### How to use AOT
|
### How to use AOT
|
||||||
|
|
||||||
* run `npm run build:aot`
|
```bash
|
||||||
* run `npm run server:prod`
|
npm run build:aot
|
||||||
|
npm run server:prod
|
||||||
|
```
|
||||||
|
|
||||||
### How to update
|
### How to update
|
||||||
|
|
||||||
|
|
@ -98,9 +100,6 @@
|
||||||
* Angular 2.2.3
|
* Angular 2.2.3
|
||||||
* Dependencies updated
|
* Dependencies updated
|
||||||
|
|
||||||
### Bug Fixes
|
|
||||||
|
|
||||||
|
|
||||||
### How to update
|
### How to update
|
||||||
|
|
||||||
* Pull sources from git, merge accordingly
|
* Pull sources from git, merge accordingly
|
||||||
|
|
@ -120,9 +119,6 @@ Tree package does not support angular 2.0 currently so it was hidden from the me
|
||||||
* Angular 2.0
|
* Angular 2.0
|
||||||
* Dependencies updated
|
* Dependencies updated
|
||||||
|
|
||||||
### Bug Fixes
|
|
||||||
|
|
||||||
|
|
||||||
### How to update
|
### How to update
|
||||||
|
|
||||||
* Pull sources from git, merge accordingly
|
* Pull sources from git, merge accordingly
|
||||||
|
|
@ -143,9 +139,6 @@ Tree package does not support RC6 currently so it was hidden from the menu.
|
||||||
* Angular rc.6
|
* Angular rc.6
|
||||||
* Dependencies updated
|
* Dependencies updated
|
||||||
|
|
||||||
### Bug Fixes
|
|
||||||
|
|
||||||
|
|
||||||
### How to update
|
### How to update
|
||||||
|
|
||||||
* Pull sources from git, merge accordingly
|
* Pull sources from git, merge accordingly
|
||||||
|
|
@ -167,8 +160,6 @@ Not all packages used in ng2-admin support RC5 at the moment, so we suggest wait
|
||||||
* Webpack 2
|
* Webpack 2
|
||||||
* Dependencies updated
|
* Dependencies updated
|
||||||
|
|
||||||
### Bug Fixes
|
|
||||||
|
|
||||||
### Breaking changes
|
### Breaking changes
|
||||||
|
|
||||||
Things to consider:
|
Things to consider:
|
||||||
|
|
@ -181,7 +172,7 @@ Things to consider:
|
||||||
|
|
||||||
### How to update
|
### How to update
|
||||||
|
|
||||||
* Read Angluar RC4 -> RC5 [migration guide](https://angular.io/docs/ts/latest/cookbook/rc4-to-rc5.html)
|
* Read Angular RC4 -> RC5 [migration guide](https://angular.io/docs/ts/latest/cookbook/rc4-to-rc5.html)
|
||||||
* Pull sources from git, merge accordingly
|
* Pull sources from git, merge accordingly
|
||||||
* remove `node_modules`
|
* remove `node_modules`
|
||||||
* run `npm install`
|
* run `npm install`
|
||||||
|
|
|
||||||
|
|
@ -8,7 +8,7 @@ template: article.jade
|
||||||
|
|
||||||
## What is ng2-admin?
|
## What is ng2-admin?
|
||||||
|
|
||||||
ng2-admin is a front-end Admin Dashboard template based on Angular 2, Bootstrap 4 and Webpack. That means all the
|
ng2-admin is a front-end Admin Dashboard template based on Angular, Bootstrap 4 and Angular CLI. That means all the
|
||||||
data you can see on graphs, charts and tables is mocked in Javascript so you can use the
|
data you can see on graphs, charts and tables is mocked in Javascript so you can use the
|
||||||
backend of your choice with no limitations.
|
backend of your choice with no limitations.
|
||||||
|
|
||||||
|
|
@ -21,14 +21,14 @@ ecosystem for building production-ready application or prototypes.
|
||||||
|
|
||||||
Frameworks like Bootstrap provide a number of components, but usually it's not enough to
|
Frameworks like Bootstrap provide a number of components, but usually it's not enough to
|
||||||
build a real-world app. This template comes with lots of popular UI components with a unified color scheme,
|
build a real-world app. This template comes with lots of popular UI components with a unified color scheme,
|
||||||
plus it is based on a modern Angular 2 framework and has a flexible component based structure.
|
plus it is based on a modern Angular framework and has a flexible component based structure.
|
||||||
|
|
||||||
You can also use ng2-admin for the purpose of learning Angular 2.
|
You can also use ng2-admin for the purpose of learning Angular.
|
||||||
|
|
||||||
## List of features
|
## List of features
|
||||||
|
|
||||||
* Angular 2
|
* Angular 2+
|
||||||
* Webpack 2
|
* Angular CLI
|
||||||
* Bootstrap 4 CSS Framework
|
* Bootstrap 4 CSS Framework
|
||||||
* SASS
|
* SASS
|
||||||
* [Smart Table](http://akveo.com/ng2-admin/#/pages/tables/smarttables)
|
* [Smart Table](http://akveo.com/ng2-admin/#/pages/tables/smarttables)
|
||||||
|
|
@ -47,4 +47,4 @@ Welcome aboard!
|
||||||
You can start with the [Installation Guidelines](/ng2-admin/articles/002-installation-guidelines/).
|
You can start with the [Installation Guidelines](/ng2-admin/articles/002-installation-guidelines/).
|
||||||
There we describe how you can download and run the template on your local machine.
|
There we describe how you can download and run the template on your local machine.
|
||||||
|
|
||||||
Good luck and have fun!
|
Good luck and have fun!
|
||||||
|
|
|
||||||
|
|
@ -17,7 +17,7 @@ If you don't have any of these tools installed already, you will need to:
|
||||||
* Download and install [git](https://git-scm.com/)
|
* Download and install [git](https://git-scm.com/)
|
||||||
* Download and install nodejs [https://nodejs.org](https://nodejs.org)
|
* Download and install nodejs [https://nodejs.org](https://nodejs.org)
|
||||||
|
|
||||||
**Note**: Make sure you have Node version >= 4.0 and NPM >= 3
|
**Note**: Make sure you have Node version >= 6.0 and NPM >= 3
|
||||||
## Clone repository and install dependencies
|
## Clone repository and install dependencies
|
||||||
|
|
||||||
You will need to clone the source code of ng2-admin GitHub repository:
|
You will need to clone the source code of ng2-admin GitHub repository:
|
||||||
|
|
@ -31,6 +31,12 @@ After the repository is cloned, go inside of the repository directory and instal
|
||||||
cd ng2-admin
|
cd ng2-admin
|
||||||
npm install
|
npm install
|
||||||
```
|
```
|
||||||
|
or
|
||||||
|
```bash
|
||||||
|
cd ng2-admin
|
||||||
|
yarn
|
||||||
|
```
|
||||||
|
|
||||||
This will setup a working copy of ng2-admin on your local machine.
|
This will setup a working copy of ng2-admin on your local machine.
|
||||||
|
|
||||||
## Running local copy
|
## Running local copy
|
||||||
|
|
@ -41,18 +47,20 @@ To run a local copy in development mode, execute:
|
||||||
npm start
|
npm start
|
||||||
```
|
```
|
||||||
|
|
||||||
Go to http://0.0.0.0:3000 or http://localhost:3000 in your browser.
|
Go to http://0.0.0.0:4200 or http://localhost:4200 in your browser.
|
||||||
|
|
||||||
|
|
||||||
To run the local copy in production mode and build the sources, execute:
|
To run the local copy in production mode and build the sources, execute:
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
npm run prebuild:prod && npm run build:prod && npm run server:prod
|
npm run start:prod
|
||||||
|
```
|
||||||
|
or in AOT mode
|
||||||
|
```bash
|
||||||
|
npm run start:prod:aot
|
||||||
```
|
```
|
||||||
|
|
||||||
This will clear up your dist folder (where release files are located), generate a release build and start the
|
This will clear up your dist folder (where release files are located), generate a release build and start the
|
||||||
built-in server.
|
built-in server.
|
||||||
Now you can copy the sources from the `dist` folder and use it with any backend framework or
|
Now you can copy the sources from the `dist` folder and use it with any backend framework or
|
||||||
simply put it under a web server.
|
simply put it under a web server.
|
||||||
|
|
||||||
For addition information about creating a build, please check out [Angular2 Webpack Starter documentation](https://github.com/AngularClass/angular2-webpack-starter)
|
|
||||||
|
|
|
||||||
|
|
@ -8,7 +8,7 @@ template: article.jade
|
||||||
|
|
||||||
We tried to make the process of color scheme customization as easy as possible.
|
We tried to make the process of color scheme customization as easy as possible.
|
||||||
|
|
||||||
By default ng2-admin has three built-in color profiles: ng2 (default blue sheme), mint and blur.
|
By default ng2-admin has three built-in color profiles: ng2 (default blue scheme), mint and blur.
|
||||||
This article will help you to create your own color profile.
|
This article will help you to create your own color profile.
|
||||||
Let's say you want to make ng2-admin dark theme.
|
Let's say you want to make ng2-admin dark theme.
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -6,70 +6,66 @@ group: Customization
|
||||||
template: article.jade
|
template: article.jade
|
||||||
---
|
---
|
||||||
|
|
||||||
The project structure is originally based on [Angular2 Webpack Starter](https://github.com/AngularClass/angular2-webpack-starter#file-structure). We made some changes we thought would be better in our particular case.
|
|
||||||
|
|
||||||
The directory structure of this template is as follows:
|
The directory structure of this template is as follows:
|
||||||
|
|
||||||
```
|
```
|
||||||
ng2-admin/
|
ng2-admin/
|
||||||
├──config/ * webpack build configuration
|
├──e2e/
|
||||||
│ ├──head-config.common.js * configuration for head elements in index.html
|
│ ├──tsconfig.e2e.json * typescript config that protractor use for e2e tests
|
||||||
|
│
|
||||||
|
├──src/ * source files that will be compiled to javascript
|
||||||
|
│ ├──typings.d.ts * custom typings for third-party modules
|
||||||
│ │
|
│ │
|
||||||
│ ├──helpers.js * helper functions for our configuration files
|
│ ├──index.html * application layout
|
||||||
│ │
|
│ │
|
||||||
│ ├──webpack.dev.js * development webpack config
|
│ ├──main.ts * entry file for our browser environment
|
||||||
│ │
|
│ │
|
||||||
│ ├──webpack.prod.js * production webpack config
|
│ ├──polyfills.ts * polyfills file
|
||||||
│ │
|
│ │
|
||||||
│ ├──webpack.test.js * testing webpack config
|
│ ├──app/ * application code - our working directory
|
||||||
│ │
|
│ │ ├──pages/
|
||||||
│ ├──electron/ * electron webpack config
|
│ │ │ ├──pages.menu.ts * menu pages routes
|
||||||
│ │
|
|
||||||
│ └──html-elements-plugin/ * html elements plugin
|
|
||||||
│
|
|
||||||
├──src/ * source files that will be compiled to javascript
|
|
||||||
│ ├──custom-typings.d.ts * custom typings for third-party modules
|
|
||||||
│ │
|
|
||||||
│ ├──desktop.ts * electron window initialization
|
|
||||||
│ │
|
|
||||||
│ ├──index.html * application layout
|
|
||||||
│ │
|
|
||||||
│ ├──main.browser.ts * entry file for our browser environment
|
|
||||||
│ │
|
|
||||||
│ ├──package.json * electrons package.json
|
|
||||||
│ │
|
|
||||||
│ ├──polyfills.browser.ts * polyfills file
|
|
||||||
│ │
|
|
||||||
│ ├──vendor.browser.ts * vendors file
|
|
||||||
│ │
|
|
||||||
│ ├──app/ * application code - our working directory
|
|
||||||
│ │ │
|
│ │ │
|
||||||
│ │ ├──app.component.ts * main application component
|
│ │ ├──app.component.ts * main application component
|
||||||
│ │ │
|
│ │ │
|
||||||
|
│ │ ├──app.module.ts * main application module
|
||||||
│ │ │
|
│ │ │
|
||||||
│ │ ├──app.menu.ts * menu pages routes
|
│ │ ├──app.routing.ts * application routes
|
||||||
│ │ │
|
│ │ │
|
||||||
│ │ ├──app.module.ts * main application module
|
│ │ ├──app.translation.module.ts * main translation module
|
||||||
│ │ │
|
|
||||||
│ │ ├──app.routes.ts * application routes
|
|
||||||
│ │ │
|
│ │ │
|
||||||
│ │ ├──global.state.ts * global application state for data exchange between components
|
│ │ ├──global.state.ts * global application state for data exchange between components
|
||||||
│ │ │
|
│ │ │
|
||||||
│ │ ├──environment.ts * environment provider
|
│ │ ├──environment.ts * environment provider
|
||||||
│ │ │
|
│ │ │
|
||||||
│ │ ├──app.scss * application styles
|
│ │ ├──app.component.scss * application styles
|
||||||
│ │ │
|
│ │ │
|
||||||
│ │ ├──pages/ * application pages components, place where you can create pages and fill them with components
|
│ │ ├──pages/ * application pages components, place where you can create pages and fill them with components
|
||||||
│ │ │
|
│ │ │
|
||||||
│ │ └──theme/ * template global components/directives/pipes and styles
|
│ │ └──theme/ * template global components/directives/pipes and styles
|
||||||
│ │
|
│ │
|
||||||
│ └──assets/ * static assets are served here
|
│ └──assets/ * static assets are served here
|
||||||
│
|
│
|
||||||
│
|
│
|
||||||
├──tslint.json * typescript lint config
|
├──.angular-cli.json * Angular CLI config
|
||||||
├──typedoc.json * typescript documentation generator
|
│
|
||||||
├──tsconfig.json * config that webpack uses for typescript
|
├──Dockerfile * Docker config
|
||||||
└──package.json * what npm uses to manage it's dependencies
|
│
|
||||||
|
├──karma.conf.js * config that karma use for unit tests
|
||||||
|
│
|
||||||
|
├──protractor.conf.js * config that protractor use for e2e tests
|
||||||
|
│
|
||||||
|
├──.angular-cli.json * Angular CLI config
|
||||||
|
│
|
||||||
|
├──.stylelintrc.json * SASS/CSS lint config
|
||||||
|
│
|
||||||
|
├──tslint.json * typescript lint config
|
||||||
|
│
|
||||||
|
├──typedoc.json * typescript documentation generator
|
||||||
|
│
|
||||||
|
├──tsconfig.json * config that webpack uses for typescript
|
||||||
|
│
|
||||||
|
└──package.json * what npm uses to manage it's dependencies
|
||||||
```
|
```
|
||||||
In our template we tried to separate the theme layer and presentation layer. We believe most of other templates
|
In our template we tried to separate the theme layer and presentation layer. We believe most of other templates
|
||||||
have them combined. That's why when you start developing using them, it gets very hard for you to remove things you
|
have them combined. That's why when you start developing using them, it gets very hard for you to remove things you
|
||||||
|
|
|
||||||
|
|
@ -6,39 +6,40 @@ group: Customization
|
||||||
template: article.jade
|
template: article.jade
|
||||||
---
|
---
|
||||||
|
|
||||||
ng2-admin uses [Angular 2 Component Router](https://angular.io/docs/ts/latest/guide/router.html) for navigation.
|
ng2-admin uses [Angular Component Router](https://angular.io/docs/ts/latest/guide/router.html) for navigation.
|
||||||
|
|
||||||
We strongly recommend to follow this page structure in your application.
|
We strongly recommend to follow this page structure in your application.
|
||||||
If it does not fit your needs please create a GitHub issue and tell us why. We would be glad to discuss.
|
If it does not fit your needs please create a GitHub issue and tell us why. We would be glad to discuss.
|
||||||
|
|
||||||
|
|
||||||
Basically any page is just a common Angular 2 Component with a route defined for it.
|
Basically any page is just a common Angular Component with a route defined for it.
|
||||||
|
|
||||||
## Let's create a blank page in 6 easy steps
|
## Let's create a blank page in 6 easy steps
|
||||||
|
|
||||||
1) Create a new directory for our new page inside of `src/app/pages`. We can call the directory `new`.
|
1) Create a new directory for our new page inside of `src/app/pages`. We can call the directory `new`.
|
||||||
<br><br>
|
<br><br>
|
||||||
|
|
||||||
2) Then let's create a blank angular 2 component for our page called 'new.component.ts' inside of `src/app/pages/new`:
|
2) Then let's create a blank angular component for our page called 'new.component.ts' inside of `src/app/pages/new`:
|
||||||
|
|
||||||
```javascript
|
```javascript
|
||||||
import {Component} from '@angular/core';
|
import { Component } from '@angular/core';
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'new',
|
selector: 'new',
|
||||||
template: `<strong>My page content here</strong>`
|
template: `<strong>My page content here</strong>`,
|
||||||
})
|
})
|
||||||
export class NewComponent {
|
export class NewComponent {
|
||||||
constructor() {}
|
constructor() {}
|
||||||
}
|
}
|
||||||
```
|
```
|
||||||
This will create a simple Angular 2 component. For more detail please check out [official Angular 2 documentation](https://angular.io/docs/ts/latest/guide/displaying-data.html).
|
This will create a simple Angular component. For more detail please check out [official Angular documentation](https://angular.io/docs/ts/latest/guide/displaying-data.html).
|
||||||
<br><br>
|
<br><br>
|
||||||
|
|
||||||
3) After that we should create our component routing called `new.routing.ts` in the `new` directory.
|
3) After that we should create our component routing called `new.routing.ts` in the `new` directory.
|
||||||
|
|
||||||
```javascript
|
```javascript
|
||||||
import { Routes, RouterModule } from '@angular/router';
|
import { Routes, RouterModule } from '@angular/router';
|
||||||
|
|
||||||
import { NewComponent } from './new.component';
|
import { NewComponent } from './new.component';
|
||||||
|
|
||||||
const routes: Routes = [
|
const routes: Routes = [
|
||||||
|
|
@ -57,12 +58,15 @@ export const routing = RouterModule.forChild(routes);
|
||||||
```javascript
|
```javascript
|
||||||
import { NgModule } from '@angular/core';
|
import { NgModule } from '@angular/core';
|
||||||
import { CommonModule } from '@angular/common';
|
import { CommonModule } from '@angular/common';
|
||||||
|
import { FormsModule } from '@angular/forms';
|
||||||
|
|
||||||
import { NewComponent } from './new.component';
|
import { NewComponent } from './new.component';
|
||||||
import { routing } from './new.routing';
|
import { routing } from './new.routing';
|
||||||
|
|
||||||
@NgModule({
|
@NgModule({
|
||||||
imports: [
|
imports: [
|
||||||
CommonModule,
|
CommonModule,
|
||||||
|
FormsModule,
|
||||||
routing
|
routing
|
||||||
],
|
],
|
||||||
declarations: [
|
declarations: [
|
||||||
|
|
@ -124,14 +128,14 @@ const routes: Routes = [
|
||||||
component: Pages,
|
component: Pages,
|
||||||
children: [
|
children: [
|
||||||
{ path: '', redirectTo: 'dashboard', pathMatch: 'full' },
|
{ path: '', redirectTo: 'dashboard', pathMatch: 'full' },
|
||||||
{ path: 'dashboard', loadChildren: 'app/pages/dashboard/dashboard.module#DashboardModule' },
|
{ path: 'dashboard', loadChildren: './dashboard/dashboard.module#DashboardModule' },
|
||||||
{ path: 'new', loadChildren: 'app/pages/new/new.module#NewModule' }
|
{ path: 'new', loadChildren: './new/new.module#NewModule' }
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
];
|
];
|
||||||
```
|
```
|
||||||
<br>
|
<br>
|
||||||
|
|
||||||
And that's it! Now your page is available by the following this url [http://localhost:3000/#/pages/new](http://localhost:3000/#/pages/new).
|
And that's it! Now your page is available by the following this url [http://localhost:4200/#/pages/new](http://localhost:4200/#/pages/new).
|
||||||
Plus, your page is registered inside the sidebar menu. If you don't want to have a link
|
Plus, your page is registered inside the sidebar menu. If you don't want to have a link
|
||||||
in the menu - just remove the `menu` declaration from the `pages.menu.ts` file.
|
in the menu - just remove the `menu` declaration from the `pages.menu.ts` file.
|
||||||
|
|
|
||||||
|
|
@ -74,7 +74,7 @@ to
|
||||||
@import 'colorSchemes/blur';
|
@import 'colorSchemes/blur';
|
||||||
```
|
```
|
||||||
|
|
||||||
Additionaly, if you would like to use some different background, replace the following images:
|
Additionally, if you would like to use some different background, replace the following images:
|
||||||
|
|
||||||
- `src/assets/img/blur-bg.jpg` (main background image)
|
- `src/assets/img/blur-bg.jpg` (main background image)
|
||||||
- `src/assets/img/blur-bg-blurred.jpg` (blurred background image used on panels)
|
- `src/assets/img/blur-bg-blurred.jpg` (blurred background image used on panels)
|
||||||
|
|
|
||||||
|
|
@ -28,7 +28,7 @@ All menu items are located inside the `src/app/app.routes.ts` file. Each route i
|
||||||
path: 'dashboard',
|
path: 'dashboard',
|
||||||
component: Dashboard,
|
component: Dashboard,
|
||||||
data: {
|
data: {
|
||||||
// here additionaly we define how the menu item should look
|
// here additionally we define how the menu item should look
|
||||||
menu: {
|
menu: {
|
||||||
title: 'Dashboard', // menu title
|
title: 'Dashboard', // menu title
|
||||||
icon: 'ion-android-home', // menu icon
|
icon: 'ion-android-home', // menu icon
|
||||||
|
|
|
||||||
|
|
@ -8,7 +8,7 @@ template: article.jade
|
||||||
|
|
||||||
Theme Spinner `BaThemeSpinner` is a small service helper allowing you to show a preloader spinner while
|
Theme Spinner `BaThemeSpinner` is a small service helper allowing you to show a preloader spinner while
|
||||||
executing some long-running tasks.
|
executing some long-running tasks.
|
||||||
This is the same spinner you can see after reloading a page - it is shown while the application is initializing Angular 2 and loading charts and images.
|
This is the same spinner you can see after reloading a page - it is shown while the application is initializing Angular and loading charts and images.
|
||||||
|
|
||||||
The user interface in quite simple: there are two public methods: `show` and `hide`.
|
The user interface in quite simple: there are two public methods: `show` and `hide`.
|
||||||
|
|
||||||
|
|
@ -58,4 +58,4 @@ Last thing you need to do is to register your loader:
|
||||||
BaThemePreloader.registerLoader(this._loadData());
|
BaThemePreloader.registerLoader(this._loadData());
|
||||||
```
|
```
|
||||||
|
|
||||||
That's basically it! Once your data is loaded and all other registered loaders are completed - the spinner will be hidden.
|
That's basically it! Once your data is loaded and all other registered loaders are completed - the spinner will be hidden.
|
||||||
|
|
|
||||||
6
docs/templates/index.jade
vendored
6
docs/templates/index.jade
vendored
|
|
@ -2,7 +2,7 @@
|
||||||
extends layout
|
extends layout
|
||||||
|
|
||||||
block title
|
block title
|
||||||
| Admin HTML template based on Angular 2, Bootstrap 4 and Webpack
|
| Admin HTML template based on Angular, Bootstrap 4 and Angular CLI
|
||||||
|
|
||||||
block content
|
block content
|
||||||
div.hero
|
div.hero
|
||||||
|
|
@ -10,7 +10,7 @@ block content
|
||||||
div.wrap
|
div.wrap
|
||||||
div.text
|
div.text
|
||||||
strong ng2-#[span.white-text admin]
|
strong ng2-#[span.white-text admin]
|
||||||
div.minitext Angular 2 admin panel front-end framework
|
div.minitext Angular admin panel front-end framework
|
||||||
div.buttons-unit
|
div.buttons-unit
|
||||||
a.button(href=installationArticleUrl) Installation guidelines
|
a.button(href=installationArticleUrl) Installation guidelines
|
||||||
a.button(href=firstArticleUrl) Documentation
|
a.button(href=firstArticleUrl) Documentation
|
||||||
|
|
@ -27,7 +27,7 @@ block content
|
||||||
div.why-item
|
div.why-item
|
||||||
img(src=contents.images['why-structure.svg'].url)
|
img(src=contents.images['why-structure.svg'].url)
|
||||||
h4 Awesome structure
|
h4 Awesome structure
|
||||||
p Component-based structure is the best choice for large Angular 2 applications.
|
p Component-based structure is the best choice for large Angular applications.
|
||||||
div.why-item
|
div.why-item
|
||||||
img(src=contents.images['why-design.svg'].url)
|
img(src=contents.images['why-design.svg'].url)
|
||||||
h4 Neat design
|
h4 Neat design
|
||||||
|
|
|
||||||
4
docs/templates/layout.jade
vendored
4
docs/templates/layout.jade
vendored
|
|
@ -37,8 +37,8 @@ html(lang='en')
|
||||||
block content
|
block content
|
||||||
h2 Welcome to blur admin!
|
h2 Welcome to blur admin!
|
||||||
footer.wrap
|
footer.wrap
|
||||||
div.left Powered by Angular 2, Bootstrap 4, Webpack and many more...
|
div.left Powered by Angular, Bootstrap 4, Angular CLI and many more...
|
||||||
div.right
|
div.right
|
||||||
| © 2015–2016 Akveo LLC<br />
|
| © 2017 Akveo LLC<br />
|
||||||
| Documentation licensed under #[a(href='https://creativecommons.org/licenses/by/4.0/') CC BY 4.0].
|
| Documentation licensed under #[a(href='https://creativecommons.org/licenses/by/4.0/') CC BY 4.0].
|
||||||
a(href='https://github.com/akveo/ng2-admin', class='github-fork-ribbon', title="Star & Fork on GitHub")
|
a(href='https://github.com/akveo/ng2-admin', class='github-fork-ribbon', title="Star & Fork on GitHub")
|
||||||
|
|
|
||||||
|
|
@ -19,6 +19,8 @@
|
||||||
"start": "ng serve",
|
"start": "ng serve",
|
||||||
"start:hmr": "ng serve --hmr",
|
"start:hmr": "ng serve --hmr",
|
||||||
"start:aot": "ng serve --aot",
|
"start:aot": "ng serve --aot",
|
||||||
|
"start:prod": "ng serve --prod",
|
||||||
|
"start:prod:aot": "ng serve --prod --aot",
|
||||||
"build": "npm run clean:dist && ng build",
|
"build": "npm run clean:dist && ng build",
|
||||||
"build:prod": "npm run build -- --prod",
|
"build:prod": "npm run build -- --prod",
|
||||||
"build:prod:aot": "npm run build -- --aot",
|
"build:prod:aot": "npm run build -- --aot",
|
||||||
|
|
@ -32,7 +34,8 @@
|
||||||
"e2e": "ng e2e",
|
"e2e": "ng e2e",
|
||||||
"clean:dist": "npm run rimraf -- dist",
|
"clean:dist": "npm run rimraf -- dist",
|
||||||
"clean:coverage": "npm run rimraf -- coverage",
|
"clean:coverage": "npm run rimraf -- coverage",
|
||||||
"gh-pages": "wintersmith build -C docs && gh-pages -d docs/build"
|
"gh-pages": "wintersmith build -C docs && gh-pages -d docs/build",
|
||||||
|
"docs:serve": "wintersmith preview -C docs"
|
||||||
},
|
},
|
||||||
"private": true,
|
"private": true,
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
|
|
@ -110,6 +113,7 @@
|
||||||
"tslint-eslint-rules": "3.5.1",
|
"tslint-eslint-rules": "3.5.1",
|
||||||
"typescript": "2.2.2",
|
"typescript": "2.2.2",
|
||||||
"typogr": "0.6.6",
|
"typogr": "0.6.6",
|
||||||
|
"underscore": "1.8.3",
|
||||||
"wintersmith": "2.2.5",
|
"wintersmith": "2.2.5",
|
||||||
"wintersmith-sassy": "1.1.0"
|
"wintersmith-sassy": "1.1.0"
|
||||||
}
|
}
|
||||||
|
|
|
||||||
22
yarn.lock
22
yarn.lock
|
|
@ -5637,15 +5637,16 @@ read@1, read@~1.0.1, read@~1.0.7:
|
||||||
dependencies:
|
dependencies:
|
||||||
mute-stream "~0.0.4"
|
mute-stream "~0.0.4"
|
||||||
|
|
||||||
"readable-stream@1 || 2", readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.0.5, readable-stream@~2.0.0, readable-stream@~2.0.5:
|
"readable-stream@1 || 2", "readable-stream@^2.0.0 || ^1.1.13", readable-stream@^2.1.4, readable-stream@^2.1.5, readable-stream@^2.2.6:
|
||||||
version "2.0.6"
|
version "2.2.9"
|
||||||
resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.0.6.tgz#8f90341e68a53ccc928788dacfcd11b36eb9b78e"
|
resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.2.9.tgz#cf78ec6f4a6d1eb43d26488cac97f042e74b7fc8"
|
||||||
dependencies:
|
dependencies:
|
||||||
|
buffer-shims "~1.0.0"
|
||||||
core-util-is "~1.0.0"
|
core-util-is "~1.0.0"
|
||||||
inherits "~2.0.1"
|
inherits "~2.0.1"
|
||||||
isarray "~1.0.0"
|
isarray "~1.0.0"
|
||||||
process-nextick-args "~1.0.6"
|
process-nextick-args "~1.0.6"
|
||||||
string_decoder "~0.10.x"
|
string_decoder "~1.0.0"
|
||||||
util-deprecate "~1.0.1"
|
util-deprecate "~1.0.1"
|
||||||
|
|
||||||
readable-stream@1.0, "readable-stream@>=1.0.33-1 <1.1.0-0", readable-stream@~1.0.2:
|
readable-stream@1.0, "readable-stream@>=1.0.33-1 <1.1.0-0", readable-stream@~1.0.2:
|
||||||
|
|
@ -5666,16 +5667,15 @@ readable-stream@^1.0.33, readable-stream@~1.1.9:
|
||||||
isarray "0.0.1"
|
isarray "0.0.1"
|
||||||
string_decoder "~0.10.x"
|
string_decoder "~0.10.x"
|
||||||
|
|
||||||
"readable-stream@^2.0.0 || ^1.1.13", readable-stream@^2.1.4, readable-stream@^2.1.5, readable-stream@^2.2.6:
|
readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.0.5, readable-stream@~2.0.0, readable-stream@~2.0.5:
|
||||||
version "2.2.9"
|
version "2.0.6"
|
||||||
resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.2.9.tgz#cf78ec6f4a6d1eb43d26488cac97f042e74b7fc8"
|
resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.0.6.tgz#8f90341e68a53ccc928788dacfcd11b36eb9b78e"
|
||||||
dependencies:
|
dependencies:
|
||||||
buffer-shims "~1.0.0"
|
|
||||||
core-util-is "~1.0.0"
|
core-util-is "~1.0.0"
|
||||||
inherits "~2.0.1"
|
inherits "~2.0.1"
|
||||||
isarray "~1.0.0"
|
isarray "~1.0.0"
|
||||||
process-nextick-args "~1.0.6"
|
process-nextick-args "~1.0.6"
|
||||||
string_decoder "~1.0.0"
|
string_decoder "~0.10.x"
|
||||||
util-deprecate "~1.0.1"
|
util-deprecate "~1.0.1"
|
||||||
|
|
||||||
readdir-scoped-modules@^1.0.0:
|
readdir-scoped-modules@^1.0.0:
|
||||||
|
|
@ -6952,6 +6952,10 @@ umask@~1.1.0:
|
||||||
version "1.1.0"
|
version "1.1.0"
|
||||||
resolved "https://registry.yarnpkg.com/umask/-/umask-1.1.0.tgz#f29cebf01df517912bb58ff9c4e50fde8e33320d"
|
resolved "https://registry.yarnpkg.com/umask/-/umask-1.1.0.tgz#f29cebf01df517912bb58ff9c4e50fde8e33320d"
|
||||||
|
|
||||||
|
underscore@1.8.3:
|
||||||
|
version "1.8.3"
|
||||||
|
resolved "https://registry.yarnpkg.com/underscore/-/underscore-1.8.3.tgz#4f3fb53b106e6097fcf9cb4109f2a5e9bdfa5022"
|
||||||
|
|
||||||
uniq@^1.0.1:
|
uniq@^1.0.1:
|
||||||
version "1.0.1"
|
version "1.0.1"
|
||||||
resolved "https://registry.yarnpkg.com/uniq/-/uniq-1.0.1.tgz#b31c5ae8254844a3a8281541ce2b04b865a734ff"
|
resolved "https://registry.yarnpkg.com/uniq/-/uniq-1.0.1.tgz#b31c5ae8254844a3a8281541ce2b04b865a734ff"
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue