codetok / cdk-admin

Angular 6 admin panel using angular material & angular flex.

CdK Admin - FREE PREMIUM ANGULAR 6+ MATERIAL DESIGN+FLEX LAYOUT ADMIN PANEL

Upgrade to latest angular - ongoing DEMO: https://cdk-admin.web.app

for bugs use github issue tracker

Changelog

• Integrated sort on Responsive Tables
• Small Flex alignments
• Replaced ngx-perfect-scrollbar with ngx-scrollbar
• Replaced ng9-odometer with ng9-odometer

Todo

• Chat
• Mail
• Editor

cdk-admin's Issues

Mail Component

Hi,
Thanks! Its very nice and useful template.
However, the mail component is not working on localhost but its working on live at this URL: https://newproject-5d731.firebaseapp.com/auth/mail/mail.
Thanks

Icon Color

How can i give color for an icon in side menu nav list.

Style rendering is showing Warnings

Hi,

The Dashboard component is showing endless warnings which is as follows. Also the components are rendering in the full screen.

WARNING: sanitizing unsafe style value translateY(-50%) translateX(-50%)

It is happening the style transformation of round-progressbar.component.ts

let transform = (isSemi ? '' : 'translateY(-50%) ') + 'translateX(-50%)';

Thanks

change themes color

Hi,
i am new to angular, may i ask how to change the themes or do have any themes generator ?

CDK-ADMIN Version 2

I see that the cdk-admin is getting popular. Honestly i'm not satisfied in the way the theme is written. The theme was a small project written in angular 4. Even i was new to angular. There are many improvements that can be made. I'm looking for suggestions from the community.

Some of the things that i'm planing to implement are

1. Better project architecture
2. Mixins: right now the style is spread all over the place. I want to make that better
3. Support for things like error handle, http interceptors etc
4. RTL support.
5. Better support for tables.
6. Better examples with reactive forms
7. translation

input fields become very slow while typing with multiple key stroke simultaneously

#cdk admin template with angular-6

-> When we type into the input fields with multiple key strokes simultaneously, the input field becomes very slow. The typed characters shows after two or three seconds suddenly.
-> with angular 6 and cdk admin template. The input fields are not reflecting the typed value in real time, its almost taking 2 or 3 seconds. Its irritating.

bootstrap cdn links

When i give bootstrap cdn links , Dashboard width reduced .How can i give full-width.

Module build failed: Error: Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime (72)

Hi

I get the below error when use ng serve

ERROR in ./src/theme/typography.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref--14-3!./src/theme/typography.scss)
Module build failed: Error: Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime (72)
For more information on which environments are supported please see:
https://github.com/sass/node-sass/releases/tag/v4.9.1
at module.exports (C:\Satyam\Projects\Angular\cdk-admin-master\node_modules\node-sass\lib\binding.js:13:13)
at Object. (C:\Satyam\Projects\Angular\cdk-admin-master\node_modules\node-sass\lib\index.js:14:35)
at Module._compile (internal/modules/cjs/loader.js:774:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:785:10)
at Module.load (internal/modules/cjs/loader.js:641:32)
at Function.Module._load (internal/modules/cjs/loader.js:556:12)
at Module.require (internal/modules/cjs/loader.js:681:19)
at require (internal/modules/cjs/helpers.js:16:16)
at Object.sassLoader (C:\Satyam\Projects\Angular\cdk-admin-master\node_modules\sass-loader\lib\loader.js:24:22)
ERROR in ./src/theme/theme.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref--14-3!./src/theme/theme.scss)
Module build failed: Error: Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime (72)
For more information on which environments are supported please see:
https://github.com/sass/node-sass/releases/tag/v4.9.1
at module.exports (C:\Satyam\Projects\Angular\cdk-admin-master\node_modules\node-sass\lib\binding.js:13:13)
at Object. (C:\Satyam\Projects\Angular\cdk-admin-master\node_modules\node-sass\lib\index.js:14:35)
at Module._compile (internal/modules/cjs/loader.js:774:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:785:10)
at Module.load (internal/modules/cjs/loader.js:641:32)
at Function.Module._load (internal/modules/cjs/loader.js:556:12)
at Module.require (internal/modules/cjs/loader.js:681:19)
at require (internal/modules/cjs/helpers.js:16:16)
at Object.sassLoader (C:\Satyam\Projects\Angular\cdk-admin-master\node_modules\sass-loader\lib\loader.js:24:22)

Is there any plans to support angular 6 and material 6?

Hey there,
I am glad to discover this awesome project! These days, angular 6 and material 6 has been released,so do you have any plans to support them?

Showing Blank Page in IE11

Demo link is not working properly in IE 11.

Error in building in Dec 2021

An unhandled exception occurred: Cannot find module '@angular-devkit/build-angular/package.json'
Require stack:

• ....\npm\node_modules@angular\cli\node_modules@angular-devkit\architect\node\node-modules-architect-host.js
• ....\npm\node_modules@angular\cli\node_modules@angular-devkit\architect\node\index.js
• ....\npm\node_modules@angular\cli\models\architect-command.js
• ....\npm\node_modules@angular\cli\commands\build-impl.js
• ....\npm\node_modules@angular\cli\node_modules@angular-devkit\schematics\tools\export-ref.js
• ....\npm\node_modules@angular\cli\node_modules@angular-devkit\schematics\tools\index.js
• ....\npm\node_modules@angular\cli\utilities\json-schema.js
• ....\npm\node_modules@angular\cli\models\command-runner.js
• ....\npm\node_modules@angular\cli\lib\cli\index.js
• ....\npm\node_modules@angular\cli\lib\init.js
• ....\npm\node_modules@angular\cli\bin\ng

question about <perfect-scrollbar> style in auth.component.html

the demo site https://newproject-5d731.firebaseapp.com shows that the perfect-scrollbar has a style="height: calc(100% - 33px);"

but in the source code master branch, it does not have that style, which if i run it locally, it will have a scroll issue.

Did I miss something here?

Thank you for the great work!

sidemenu fails

Hi

I followed the way how you created sidemenu and sidemenu-item. But unfortunately my sidemenu is not working properly. can you please help me to fix this issue. For your reference i have update my sidemenu screen

package.json

"dependencies": {
"@angular/animations": "^6.1.7",
"@angular/cdk": "^6.4.7",
"@angular/common": "^6.0.3",
"@angular/compiler": "^6.0.3",
"@angular/core": "^6.0.3",
"@angular/flex-layout": "^6.0.0-beta.18",
"@angular/forms": "^6.0.3",
"@angular/http": "^6.0.3",
"@angular/material": "^6.4.7",
"@angular/platform-browser": "^6.0.3",
"@angular/platform-browser-dynamic": "^6.0.3",
"@angular/router": "^6.0.3",
"@toverux/ngx-sweetalert2": "^4.0.0",
"core-js": "^2.5.4",
"flex-layout-rxjs-fix": "^5.0.0-beta.14",
"hammerjs": "^2.0.8",
"leaflet": "^1.3.4",
"ngx-perfect-scrollbar": "^6.3.1",
"rxjs": "^6.3.2",
"rxjs-compat": "^6.3.2",
"screenfull": "^3.3.3",
"sweetalert2": "^7.26.28",
"vued3tree": "^3.6.1",
"zone.js": "^0.8.26"
}

Will the project continue to upgrade?

Will the project continue to upgrade?

License?

What is the license for this theme? MIT or something else? I could not find one.

Feature request

Hey guys,
I LOVE this project. it has latest angular + material support which is great!
I would suggest add missing features which I think will be important for every starting project:

• authentication - register, outh2 and so on..
• RTL support
• Translation support
• landing page
• and so on..

Good work guys!

Cannot find module 'firebase/app'

Hi
After run ng serve the error below is displayed :

ERROR in node_modules/angularfire2/auth/auth.d.ts(1,27): error TS2307: Cannot find module 'firebase/app'.
node_modules/angularfire2/database/database.d.ts(1,26): error TS2307: Cannot find module 'firebase/app'.
node_modules/angularfire2/database/interfaces.d.ts(1,27): error TS2307: Cannot find module 'firebase/app'.
node_modules/angularfire2/database/list/audit-trail.d.ts(3,26): error TS2307: Cannot find module 'firebase/app'.
node_modules/angularfire2/database/list/state-changes.d.ts(3,26): error TS2307: Cannot find module 'firebase/app'.
node_modules/angularfire2/firebase.app.module.d.ts(3,27): error TS2307: Cannot find module 'firebase/app'.

How to use tables in dashboard?

I would like to use it like this:

dashboard-crm.component.html
<div fxLayout="row" fxLayoutWrap>
  <cdk-filter-table></cdk-filter-table>
</div>

I get an error.

core.js:1440 ERROR Error: Uncaught (in promise): Error: Template parse errors:
'cdk-filter-table' is not a known element:
1. If 'cdk-filter-table' is an Angular component, then verify that it is part of this module.
2. If 'cdk-filter-table' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("<div fxLayout="row" fxLayoutWrap>
  [ERROR ->]<cdk-filter-table></cdk-filter-table>
</div>
<!--<div fxLayout="row" fxLayoutWrap>
"): ng:///DashboardCrmModule/DashboardCrmComponent.html@1:2
Error: Template parse errors:
'cdk-filter-table' is not a known element:
1. If 'cdk-filter-table' is an Angular component, then verify that it is part of this module.
2. If 'cdk-filter-table' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("<div fxLayout="row" fxLayoutWrap>
  [ERROR ->]<cdk-filter-table></cdk-filter-table>
</div>
<!--<div fxLayout="row" fxLayoutWrap>
"): ng:///DashboardCrmModule/DashboardCrmComponent.html@1:2
    at syntaxError (compiler.js:485)
    at TemplateParser.parse (compiler.js:24667)
    at JitCompiler._parseTemplate (compiler.js:34620)
    at JitCompiler._compileTemplate (compiler.js:34595)
    at eval (compiler.js:34496)
    at Set.forEach (<anonymous>)
    at JitCompiler._compileComponents (compiler.js:34496)
    at eval (compiler.js:34366)
    at Object.then (compiler.js:474)
    at JitCompiler._compileModuleAndComponents (compiler.js:34365)
    at syntaxError (compiler.js:485)
    at TemplateParser.parse (compiler.js:24667)
    at JitCompiler._parseTemplate (compiler.js:34620)
    at JitCompiler._compileTemplate (compiler.js:34595)
    at eval (compiler.js:34496)
    at Set.forEach (<anonymous>)
    at JitCompiler._compileComponents (compiler.js:34496)
    at eval (compiler.js:34366)
    at Object.then (compiler.js:474)
    at JitCompiler._compileModuleAndComponents (compiler.js:34365)
    at resolvePromise (zone.js:809)
    at resolvePromise (zone.js:775)
    at eval (zone.js:858)
    at ZoneDelegate.invokeTask (zone.js:421)
    at Object.onInvokeTask (core.js:4724)
    at ZoneDelegate.invokeTask (zone.js:420)
    at Zone.runTask (zone.js:188)
    at drainMicroTaskQueue (zone.js:595)
defaultErrorLogger @ core.js:1440
ErrorHandler.handleError @ core.js:1501
next @ core.js:5481
schedulerFn @ core.js:4319
SafeSubscriber.__tryOrUnsub @ Subscriber.js:240
SafeSubscriber.next @ Subscriber.js:187
Subscriber._next @ Subscriber.js:128
Subscriber.next @ Subscriber.js:92
Subject.next @ Subject.js:56
EventEmitter.emit @ core.js:4299
(anonymous) @ core.js:4755
ZoneDelegate.invoke @ zone.js:388
Zone.run @ zone.js:138
NgZone.runOutsideAngular @ core.js:4681
onHandleError @ core.js:4755
ZoneDelegate.handleError @ zone.js:392
Zone.runGuarded @ zone.js:154
_loop_1 @ zone.js:684
api.microtaskDrainDone @ zone.js:693
drainMicroTaskQueue @ zone.js:602
Promise.then (async)
scheduleMicroTask @ zone.js:578
ZoneDelegate.scheduleTask @ zone.js:410
onScheduleTask @ zone.js:297
ZoneDelegate.scheduleTask @ zone.js:401
Zone.scheduleTask @ zone.js:232
Zone.scheduleMicroTask @ zone.js:252
scheduleResolveOrReject @ zone.js:856
resolvePromise @ zone.js:803
(anonymous) @ zone.js:728
webpackJsonpCallback @ inline.bundle.js:22
(anonymous) @ dashboard-crm.module.chunk.js:1

But that doesn't show anything.
How do I use table as a component not a route compoent?

Failed to build

[email protected] install C:\Users\nikmes\Source\Repos\angular-book\cdk-admin\node_modules\grpc
node-pre-gyp install --fallback-to-build --library=static_library

node-pre-gyp ERR! Tried to download(403): https://storage.googleapis.com/grpc-precompiled-binaries/node/grpc/v1.10.1/node-v64-win32-x64-unknown.tar.gz
node-pre-gyp ERR! Pre-built binaries not found for [email protected] and [email protected] (node-v64 ABI, unknown) (falling back to source compile with node-gyp)
node-pre-gyp ERR! Pre-built binaries not installable for [email protected] and [email protected] (node-v64 ABI, unknown) (falling back to source compile with node-gyp)
node-pre-gyp ERR! Hit error Connection closed while downloading tarball file
Traceback (most recent call last):

Error running ng serve

I am getting the following error:
ERROR in node_modules/angularfire2/auth/auth.d.ts(1,27): error TS2307: Cannot find module 'firebase/app'.
node_modules/angularfire2/database/database.d.ts(1,26): error TS2307: Cannot find module 'firebase/app'.
node_modules/angularfire2/database/interfaces.d.ts(1,27): error TS2307: Cannot find module 'firebase/app'.
node_modules/angularfire2/database/list/audit-trail.d.ts(3,26): error TS2307: Cannot find module 'firebase/app'.
node_modules/angularfire2/database/list/state-changes.d.ts(3,26): error TS2307: Cannot find module 'firebase/app'.
node_modules/angularfire2/firebase.app.module.d.ts(3,27): error TS2307: Cannot find module 'firebase/app'.

Customize theme

It is possible to customize your theme.

Cannot build --aot

Error build using command ng build --prod --build-optimizer --aot

Change page width, menu has a bug

Angular 7.0 update

First off all it's a great project! I'm using it and want to say many thanks.
I would like you to take under consideration:

1. ngular 7,0 improvements and changing it to use schematics and libraries.
2. It would require architecture redesign but will make it much more extensible.
3. And it would great if you will implement native CDK Material feature of virtual scrolling and dragging.
4. Grid implementation - ngx-datatable or other advanced grids.

npm install error

Can Not Generate New Component

Can Not Generate New Component Using this Command : ng generate component component-name

Shows : Could not find an NgModule. Use the skip-import option to skip importing in NgModule.

How to remove # from route Url

I tried following code but it doesn't work.
Please help me I am new in Angular

@NgModule({
imports: [RouterModule.forRoot(routes,{useHash: false})],
exports: [RouterModule]
})
export class LazyLoadModule {
}

Module build failed

Hi,

I tried your repo, and it seems to be not working on my end:

ERROR in ./src/theme/theme.scss (./node_modules/raw-loader!./node_modules/postcs
s-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref--15-3!./src
/theme/theme.scss)
Module build failed: Error: ENOENT: no such file or directory, scandir 'D:\cdk-a
dmin\node_modules\node-sass\vendor'
    at Object.readdirSync (fs.js:759:3)
    at Object.getInstalledBinaries (D:\cdk-admin\node_modules\node-sass\lib\exte
nsions.js:129:13)
    at foundBinariesList (D:\cdk-admin\node_modules\node-sass\lib\errors.js:20:1
5)
    at foundBinaries (D:\cdk-admin\node_modules\node-sass\lib\errors.js:15:5)
    at Object.module.exports.missingBinary (D:\cdk-admin\node_modules\node-sass\
lib\errors.js:45:5)
    at module.exports (D:\cdk-admin\node_modules\node-sass\lib\binding.js:15:30)

    at Object.<anonymous> (D:\cdk-admin\node_modules\node-sass\lib\index.js:14:3
5)
    at Module._compile (internal/modules/cjs/loader.js:689:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:700:10)
    at Module.load (internal/modules/cjs/loader.js:599:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:538:12)
    at Function.Module._load (internal/modules/cjs/loader.js:530:3)
    at Module.require (internal/modules/cjs/loader.js:637:17)
    at require (internal/modules/cjs/helpers.js:20:18)
    at Object.<anonymous> (D:\cdk-admin\node_modules\sass-loader\lib\loader.js:3
:14)
    at Module._compile (internal/modules/cjs/loader.js:689:30)
ERROR in ./src/theme/typography.scss (./node_modules/raw-loader!./node_modules/p
ostcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref--15-3!
./src/theme/typography.scss)
Module build failed: Error: ENOENT: no such file or directory, scandir 'D:\cdk-a
dmin\node_modules\node-sass\vendor'
    at Object.readdirSync (fs.js:759:3)
    at Object.getInstalledBinaries (D:\cdk-admin\node_modules\node-sass\lib\exte
nsions.js:129:13)
    at foundBinariesList (D:\cdk-admin\node_modules\node-sass\lib\errors.js:20:1
5)
    at foundBinaries (D:\cdk-admin\node_modules\node-sass\lib\errors.js:15:5)
    at Object.module.exports.missingBinary (D:\cdk-admin\node_modules\node-sass\
lib\errors.js:45:5)
    at module.exports (D:\cdk-admin\node_modules\node-sass\lib\binding.js:15:30)

    at Object.<anonymous> (D:\cdk-admin\node_modules\node-sass\lib\index.js:14:3
5)
    at Module._compile (internal/modules/cjs/loader.js:689:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:700:10)
    at Module.load (internal/modules/cjs/loader.js:599:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:538:12)
    at Function.Module._load (internal/modules/cjs/loader.js:530:3)
    at Module.require (internal/modules/cjs/loader.js:637:17)
    at require (internal/modules/cjs/helpers.js:20:18)
    at Object.<anonymous> (D:\cdk-admin\node_modules\sass-loader\lib\loader.js:3
:14)
    at Module._compile (internal/modules/cjs/loader.js:689:30)
ERROR in node_modules/angularfire2/firebase.app.module.d.ts(5,22): error TS2420:
 Class 'FirebaseApp' incorrectly implements interface 'App'.
  Property 'functions' is missing in type 'FirebaseApp'.

i ?wdm?: Failed to compile.

How to remove LazyLoading from thiss theme?

Hi,
Could you please let me know how to remove lazy loading from this Angular theme.

Thanks

SubMenu list hidden by Menu items

Hello,

Sub-menus are hidden by menus.

Chrome on Linux but it is not a browser issue as your firebase app is working perfectly.
Maybe Angular version ?
Thanks for nice Theme.

ng -v

Angular CLI: 6.0.8
Node: 8.10.0
OS: linux x64
Angular: 6.0.7
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

Package Version

@angular-devkit/architect 0.6.8
@angular-devkit/build-angular 0.6.8
@angular-devkit/build-optimizer 0.6.8
@angular-devkit/core 0.6.8
@angular-devkit/schematics 0.6.8
@angular/cdk 6.3.3
@angular/cli 6.0.8
@angular/flex-layout 5.0.0-beta.14
@angular/material 6.3.3
@ngtools/webpack 6.0.8
@schematics/angular 0.6.8
@schematics/update 0.6.8
rxjs 6.2.1
typescript 2.7.2
webpack 4.8.3

Why Python Error?

Getting this Error:

[email protected] install D:\VCN\cdk-admin.git\Dashboard_Template\node_modules\grpc
node-pre-gyp install --fallback-to-build --library=static_library

node-pre-gyp ERR! Tried to download(403): https://storage.googleapis.com/grpc-precompiled-binaries/node/grpc/v1.10.1/node-v64-win32-x64-unknown.tar.gz
node-pre-gyp ERR! Pre-built binaries not found for [email protected] and [email protected] (node-v64 ABI, unknown) (falling back to source compile with node-gyp)
node-pre-gyp ERR! Pre-built binaries not installable for [email protected] and [email protected] (node-v64 ABI, unknown) (falling back to source compile with node-gyp)
node-pre-gyp ERR! Hit error Connection closed while downloading tarball file
gyp ERR! configure error
gyp ERR! stack Error: Can't find Python executable "python", you can set the PYTHON env variable.
gyp ERR! stack at PythonFinder.failNoPython (C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\lib\configure.js:484:19)
gyp ERR! stack at PythonFinder. (C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\lib\configure.js:509:16)
gyp ERR! stack at C:\Program Files\nodejs\node_modules\npm\node_modules\graceful-fs\polyfills.js:284:29
gyp ERR! stack at FSReqWrap.oncomplete (fs.js:154:21)
gyp ERR! System Windows_NT 10.0.17763
gyp ERR! command "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\bin\node-gyp.js" "configure" "--fallback-to-build" "--library=static_library" "--module=D:\VCN\cdk-admin.git\Dashboard_Template\node_modules\grpc\src\node\extension_binary\node-v64-win32-x64-unknown\grpc_node.node" "--module_name=grpc_node" "--module_path=D:\VCN\cdk-admin.git\Dashboard_Template\node_modules\grpc\src\node\extension_binary\node-v64-win32-x64-unknown"
gyp ERR! cwd D:\VCN\cdk-admin.git\Dashboard_Template\node_modules\grpc
gypgyp ERR! node -vERR! v10.15.1
gypconfigure error
ERR! node-gyp -v v3.8.0
gypgyp ERR!ERR! stacknot ok Error: Can't find Python executable "python", you can set the PYTHON env variable.

gyp ERR! stack at PythonFinder.failNoPython (C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\lib\configure.js:484:19)
gyp ERR! stack at PythonFinder. (C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\lib\configure.js:509:16)
gyp ERR! stack at C:\Program Files\nodejs\node_modules\npm\node_modules\graceful-fs\polyfills.js:284:29
gyp ERR! node-pre-gypstack at FSReqWrap.oncomplete (fs.js:154:21)
ERR! gypbuild error
ERR! System Windows_NT 10.0.17763
node-pre-gyp gypERR! ERR!stack Error: Failed to execute 'C:\Program Files\nodejs\node.exe C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\bin\node-gyp.js configure --fallback-to-build --library=static_library --module=D:\VCN\cdk-admin.git\Dashboard_Template\node_modules\grpc\src\node\extension_binary\node-v64-win32-x64-unknown\grpc_node.node --module_name=grpc_node --module_path=D:\VCN\cdk-admin.git\Dashboard_Template\node_modules\grpc\src\node\extension_binary\node-v64-win32-x64-unknown' (1)
commandnode-pre-gyp "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\bin\node-gyp.js" "configure" "--fallback-to-build" "--library=static_library" "--module=D:\VCN\cdk-admin.git\Dashboard_Template\node_modules\grpc\src\node\extension_binary\node-v64-win32-x64-unknown\grpc_node.node" "--module_name=grpc_node" "--module_path=D:\VCN\cdk-admin.git\Dashboard_Template\node_modules\grpc\src\node\extension_binary\node-v64-win32-x64-unknown"
gypERR! ERR!stack at ChildProcess. (D:\VCN\cdk-admin.git\Dashboard_Template\node_modules\grpc\node_modules\node-pre-gyp\lib\util\compile.js:83:29)
cwdnode-pre-gyp D:\VCN\cdk-admin.git\Dashboard_Template\node_modules\grpc
gypERR! ERR!stack at ChildProcess.emit (events.js:189:13)
node -vnode-pre-gyp v10.15.1
ERR!gyp stackERR! at maybeClose (internal/child_process.js:970:16)
node-pre-gypnode-gyp -v v3.8.0
ERR!gyp stackERR! at Process.ChildProcess._handle.onexit (internal/child_process.js:259:5)
not ok
node-pre-gyp ERR! System Windows_NT 10.0.17763
node-pre-gyp ERR! command "C:\Program Files\nodejs\node.exe" "D:\VCN\cdk-admin.git\Dashboard_Template\node_modules\grpc\node_modules\node-pre-gyp\bin\node-pre-gyp" "install" "--fallback-to-build" "--library=static_library"
node-pre-gyp ERR! cwd D:\VCN\cdk-admin.git\Dashboard_Template\node_modules\grpc
node-pre-gyp ERR! node -v v10.15.1
node-pre-gyp ERR! node-pre-gyp -v v0.7.0
node-pre-gyp ERR! not ok
Failed to execute 'C:\Program Files\nodejs\node.exe C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\bin\node-gyp.js configure --fallback-to-build --library=static_library --module=D:\VCN\cdk-admin.git\Dashboard_Template\node_modules\grpc\src\node\extension_binary\node-v64-win32-x64-unknown\grpc_node.node --module_name=grpc_node --module_path=D:\VCN\cdk-admin.git\Dashboard_Template\node_modules\grpc\src\node\extension_binary\node-v64-win32-x64-unknown' (1)
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\webpack-dev-server\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\watchpack\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\karma\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules@angular-devkit\core\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] install: node-pre-gyp install --fallback-to-build --library=static_library
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] install script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\User\AppData\Roaming\npm-cache_logs\2019-03-12T06_48_06_825Z-debug.log

When i run npm install. Is there is any alternative for this? Or Python is compulsory? Coz I can run Angular CLI without any issue without python.

Need to migrate this project to Angular 8

As it's a very good template, why should not we upgrade this to Angular 8?

Menu is not showing

Application side menu is showing icons alone when we click the hamburger menu at the top in your live demo. But when I download and run the project, the overall menu is hiding.