+
+## Key features
+
+- The most popular and trusted Angular open source dashboard template is out there. Used by hundreds of thousands developers worldwide and Fortune 500 companies*.
+- Over 40+ Angular Components and 60+ Usage Examples. Kick off your project and save money by using ngx-admin.
+- Already using ngx-admin and willing to switch to material theme? Material theme is backward-compatible. Check out the article describing how to do that.
+- ngx-admin material works perfectly with Angular Material and Nebular. Take the best from both!
+
+
+
+# Admin template based on Angular 9+ and Nebular
### Backend Integration Bundles
@@ -14,9 +31,14 @@ Easy way to integrate ngx-admin with backend (.NET, Node.js, Java etc.).
[Check out our Store](https://hubs.ly/H0n4Zvy0) for ready to use Backend Bundles.
-### With 4 stunning visual themes
+### With 6 stunning visual themes
+
+#### Material Dark
+
+#### Material Light
+
#### Default
@@ -32,7 +54,7 @@ Easy way to integrate ngx-admin with backend (.NET, Node.js, Java etc.).
### What's included:
-- Angular 8+ & Typescript
+- Angular 9+ & Typescript
- Bootstrap 4+ & SCSS
- Responsive layout
- RTL support
diff --git a/angular.json b/angular.json
index ca277cd492..20bec694ee 100644
--- a/angular.json
+++ b/angular.json
@@ -11,6 +11,7 @@
"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
+ "aot": true,
"preserveSymlinks": true,
"rebaseRootRelativeCssUrls": true,
"outputPath": "dist",
@@ -22,6 +23,7 @@
"src/assets",
"src/favicon.ico",
"src/favicon.png",
+ "src/google46533d2e7a851062.html",
{
"glob": "**/*",
"input": "node_modules/leaflet/dist/images",
@@ -36,7 +38,6 @@
"node_modules/@fortawesome/fontawesome-free/css/all.css",
"node_modules/socicon/css/socicon.css",
"node_modules/nebular-icons/scss/nebular-icons.scss",
- "node_modules/angular-tree-component/dist/angular-tree-component.css",
"node_modules/pace-js/templates/pace-theme-flash.tmpl.css",
"node_modules/leaflet/dist/leaflet.css",
"src/app/@theme/styles/styles.scss"
@@ -55,6 +56,12 @@
},
"configurations": {
"production": {
+ "budgets": [
+ {
+ "type": "anyComponentStyle",
+ "maximumWarning": "6kb"
+ }
+ ],
"optimization": true,
"outputHashing": "all",
"sourceMap": false,
@@ -123,6 +130,7 @@
"src/assets",
"src/favicon.ico",
"src/favicon.png",
+ "src/google46533d2e7a851062.html",
{
"glob": "**/*",
"input": "node_modules/leaflet/dist/images",
@@ -166,13 +174,132 @@
}
}
}
+ },
+ "docs": {
+ "root": "",
+ "sourceRoot": "docs",
+ "projectType": "application",
+ "architect": {
+ "build": {
+ "builder": "@angular-devkit/build-angular:browser",
+ "options": {
+ "outputPath": "docs/dist",
+ "index": "docs/index.html",
+ "main": "docs/main.ts",
+ "tsConfig": "docs/tsconfig.app.json",
+ "polyfills": "docs/polyfills.ts",
+ "assets": [
+ "docs/assets",
+ "docs/404.html",
+ "docs/favicon.png",
+ "docs/google85b6c09017edfbcb.html"
+ ],
+ "styles": [
+ "node_modules/bootstrap/dist/css/bootstrap.css",
+ "node_modules/nebular-icons/scss/nebular-icons.scss",
+ "node_modules/swiper/css/swiper.min.css",
+ "node_modules/highlight.js/styles/dracula.css",
+ "docs/app/@theme/styles/styles.scss"
+ ]
+ },
+ "configurations": {
+ "production": {
+ "optimization": true,
+ "outputHashing": "all",
+ "sourceMap": false,
+ "extractCss": true,
+ "namedChunks": false,
+ "aot": true,
+ "extractLicenses": true,
+ "vendorChunk": false,
+ "buildOptimizer": true,
+ "fileReplacements": [
+ {
+ "replace": "docs/environments/environment.ts",
+ "with": "docs/environments/environment.prod.ts"
+ }
+ ]
+ }
+ }
+ },
+ "serve": {
+ "builder": "@angular-devkit/build-angular:dev-server",
+ "options": {
+ "browserTarget": "docs:build"
+ },
+ "configurations": {
+ "production": {
+ "browserTarget": "docs:build:production"
+ }
+ }
+ },
+ "extract-i18n": {
+ "builder": "@angular-devkit/build-angular:extract-i18n",
+ "options": {
+ "browserTarget": "docs:build"
+ }
+ },
+ "test": {
+ "builder": "@angular-devkit/build-angular:karma",
+ "options": {
+ "main": "docs/test.ts",
+ "karmaConfig": "./karma.conf.js",
+ "polyfills": "docs/polyfills.ts",
+ "tsConfig": "docs/tsconfig.spec.json",
+ "scripts": [
+ ],
+ "styles": [
+ "node_modules/nebular-icons/scss/nebular-icons.scss",
+ "docs/app/@theme/styles/styles.scss"
+ ],
+ "assets": [
+ "docs/assets",
+ "docs/favicon.ico",
+ "docs/favicon.png",
+ "docs/google85b6c09017edfbcb.html"
+ ]
+ }
+ },
+ "lint": {
+ "builder": "@angular-devkit/build-angular:tslint",
+ "options": {
+ "tsConfig": [
+ "docs/tsconfig.spec.json",
+ "docs/tsconfig.app.json"
+ ],
+ "exclude": []
+ }
+ }
+ }
+ },
+ "docs-e2e": {
+ "root": "",
+ "sourceRoot": "",
+ "projectType": "application",
+ "architect": {
+ "e2e": {
+ "builder": "@angular-devkit/build-angular:protractor",
+ "options": {
+ "protractorConfig": "./protractor.conf.js",
+ "devServerTarget": "docs:serve"
+ }
+ },
+ "lint": {
+ "builder": "@angular-devkit/build-angular:tslint",
+ "options": {
+ "tsConfig": [
+ "e2e/tsconfig.e2e.json"],
+ "exclude": []
+ }
+ }
+ }
}
},
"defaultProject": "ngx-admin-demo",
"schematics": {
"@schematics/angular:component": {
"prefix": "ngx",
- "styleext": "scss"
+ "style": "scss"
},
"@schematics/angular:directive": {
"prefix": "ngx"
diff --git a/docs/404.html b/docs/404.html
new file mode 100644
index 0000000000..bcf702db9b
--- /dev/null
+++ b/docs/404.html
@@ -0,0 +1,20 @@
+
+
+
+
+
+ 
+
+
+
+ | Name | +Description | +
| {{ method.name }}() static method |
+
+
+
+
+ parameters:
+
+ {{ param.name }}:
+ returns:
+ {{ param.type }},
+
+ {{ method.type.join(",\\n") }}
+
+ {{ method.shortDescription }}
+ {{ method.description }} + |
+
| Name | +Type | +Description | +
| {{ prop.name }} | +{{ prop.type }} |
+
+ {{ prop.shortDescription }}
+ {{ prop.description }}
+ |
+
| Name | +{{ themedValue.theme }} | +Description | +
| {{ item.name }} | +{{ themedValue.value }} | +
+ {{ item.shortDescription}} +{{ item.description }} + |
+
inherited from {{ vm.parentTheme }} theme
+ +| Name | +Value | +Parent | +
| + {{ prop.name }} + | + +{{ prop.value }} | + ++ + + {{ parent.prop }} + ({{ parent.theme }}) + + | +
+ Ask on Stack Overflow with tag `ngx-admin` or + post an issue on GitHub. +
+Page does not exist.
+ ++ Looking for a way to integrate Angular ngx-admin with .NET, Node.js, Ruby or PHP? We are here to save your time on painful setup, configuration and routing tasks. + Choose starter kit bundle based on a technology of your choice below. +
+ ++ {{ product.description | slice:0:200 }}... + + read more + +
+| FEATURES | +PERSONAL APP | +DEVELOPER APP | +
|---|---|---|
| {{ feature.text }} | +
+ |
+
+ |
+
The schema describes high-level solution architecture.
+ +
+ Need more details or have a question?
+ +Thinking of building something outstanding based on ngx-admin or just need some Angular/React experts?
+ Contact us ++ Subscribe to get notified about new versions of ngx-admin and other cool projects that we are working on +
+ +
+ I agree to get news on what’s going on around Akveo products and community.
+ The administrator processes data following the Privacy Policy. I understand that I can opt out at any time
+
+ {{ item.description }} +
+
+ The most popular admin dashboard based on Angular 9+ and
+ Nebular with
+ Eva Design System support.
+ Free and Open Source for personal and commercial purposes.
+
+
+ Never start from scratch again.
+
+ Integrate ready-made solution: ngx-admin with backend.
+
+
+
+ Material admin theme based on the most popular Angular dashboard template - ngx-admin.
+ Included: Angular 9+,
+ Nebular and
+ Eva Design System.
+ Free for personal and commercial usage.
+
+
+ Get material ngx-admin integrated with backend technology of your choice.
+
+ Check out our store.
+
+
+
+ You can support us by creating pull requests, submitting bugs, and suggesting awesome new features you’d like to see +
+ + + +New theme is available!
+When popover has not enough space based on the configured placement, it will adjust accordingly trying to fit the screen.
- - - - + + + +In a simples form popover can take a string of text to render.
- - - + + +You can pass a refference to `ng-template` to be rendered.
- - - + + +Same way popover can render any angular compnoent.
- - - + + +Quickly move mouse cursor over the buttons, only the last popover will be created. It allows us to avoid excess white improving page performance.
-ngx-admin
+
+ 
+ 
+ 
+ 
+ 
+ 
+