Giter Site home page Giter Site logo

wangdicoder / angular-material-dashboard Goto Github PK

View Code? Open in Web Editor NEW
355.0 27.0 99.0 52.57 MB

A material-design dashboard by using angular

License: MIT License

TypeScript 29.93% JavaScript 1.92% HTML 41.17% CSS 26.97%
angular2 angular4 dashboard material-ui

angular-material-dashboard's People

Contributors

bgunebakan avatar dependabot[bot] avatar hupeople avatar punisherx avatar wangdicoder avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

angular-material-dashboard's Issues

You have to be inside an angular-cli project in order to use the serve command.

17:58:08 [email protected] angular-material-dashboard master ng serve -o
You are running version 6.0.0 of Node, which will not be supported in future
versions of the CLI. The official Node version that will be supported is 6.9 and greater.

To disable this warning use "ng set --global warnings.nodeDeprecation=false".

You have to be inside an angular-cli project in order to use the serve command.
17:59:31 [email protected] angular-material-dashboard master

Problem ObjectUnsubscribedError

Hello :)

I put a redirect button in /dashboard to return to the login page.

I have a problem in this scenario :
From my login page, I go to /dashboard, go back to the login page, and go back to / dashboard.

The whole page is not loaded, and an error is generated : ObjectUnsubscribedError from RootComponent.

Screen of this issue: https://ibb.co/drqoUf

Do you have any idea ?

Thanks you, have a good day !

Lazy loading module

I would recommend to use lazy loading modules for session like (login, forgot page etc.) pages and dashboard like pages

Invalid Version: https://registry.npmjs.org/@angular/core/-/core-4.1.3.tgz

I followed the installation process as outliined in the readme and got this error message.

TypeError: Invalid Version: https://registry.npmjs.org/@angular/core/-/core-4.1.3.tgz
    at new SemVer (C:\Users\Alexander Orah\Desktop\Projects\ngtemplates\angular-material-dashboard\node_modules\semver\semver.js:293:11)
    at new Version (C:\Users\Alexander Orah\Desktop\Projects\ngtemplates\angular-material-dashboard\node_modules\@angular\cli\upgrade\version.js:23:36)
    at Function.assertAngularVersionIs2_3_1OrHigher (C:\Users\Alexander Orah\Desktop\Projects\ngtemplates\angular-material-dashboard\node_modules\@angular\cli\upgrade\version.js:80:23)
    at Class.run (C:\Users\Alexander Orah\Desktop\Projects\ngtemplates\angular-material-dashboard\node_modules\@angular\cli\commands\serve.js:95:27)
    at Class.Command.validateAndRun (C:\Users\Alexander Orah\Desktop\Projects\ngtemplates\angular-material-dashboard\node_modules\@angular\cli\ember-cli\lib\models\command.js:128:15)
    at C:\Users\Alexander Orah\Desktop\Projects\ngtemplates\angular-material-dashboard\node_modules\@angular\cli\ember-cli\lib\cli\cli.js:92:22
    at tryCatch (C:\Users\Alexander Orah\Desktop\Projects\ngtemplates\angular-material-dashboard\node_modules\rsvp\dist\rsvp.js:539:12)
    at invokeCallback (C:\Users\Alexander Orah\Desktop\Projects\ngtemplates\angular-material-dashboard\node_modules\rsvp\dist\rsvp.js:554:13)
    at C:\Users\Alexander Orah\Desktop\Projects\ngtemplates\angular-material-dashboard\node_modules\rsvp\dist\rsvp.js:629:16
    at flush (C:\Users\Alexander Orah\Desktop\Projects\ngtemplates\angular-material-dashboard\node_modules\rsvp\dist\rsvp.js:2414:5)
    at _combinedTickCallback (internal/process/next_tick.js:73:7)
    at process._tickCallback (internal/process/next_tick.js:104:9)

$ ng -v
    _                      _                 ____ _     ___
   / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
  / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
 / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
/_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
               |___/
@angular/cli: 1.2.6
node: 7.8.0
os: win32 x64
@angular/animations: 4.3.2
@angular/common: 4.3.2
@angular/compiler: 4.3.2
@angular/core: 4.3.2
@angular/forms: 4.3.2
@angular/http: 4.3.2
@angular/platform-browser: 4.3.2
@angular/platform-browser-dynamic: 4.3.2
@angular/router: 4.3.2
@angular/cli: 1.2.6
@angular/compiler-cli: 4.3.2
@angular/language-service: 4.3.2

A lot of errors on try to run


ERROR in ./~/@angular/material/esm5/stepper.es5.js
Module not found: Error: Can't resolve '@angular/cdk/stepper' in '/home/duard/DevTest/angular-material-dashboard/node_modules/@angular/material/esm5'
 @ ./~/@angular/material/esm5/stepper.es5.js 10:0-127
 @ ./~/@angular/material/esm5/material.es5.js
 @ ./src/app/app.module.ts
 @ ./src/main.ts
 @ multi webpack-dev-server/client?http://localhost:4300 ./src/main.ts

ERROR in ./~/@angular/material/esm5/table.es5.js
Module not found: Error: Can't resolve '@angular/cdk/table' in '/home/duard/DevTest/angular-material-dashboard/node_modules/@angular/material/esm5'
 @ ./~/@angular/material/esm5/table.es5.js 11:0-218
 @ ./~/@angular/material/esm5/material.es5.js
 @ ./src/app/app.module.ts
 @ ./src/main.ts
 @ multi webpack-dev-server/client?http://localhost:4300 ./src/main.ts

ERROR in ./~/@angular/material/esm5/sort.es5.js
Module not found: Error: Can't resolve '@angular/cdk/table' in '/home/duard/DevTest/angular-material-dashboard/node_modules/@angular/material/esm5'
 @ ./~/@angular/material/esm5/sort.es5.js 11:0-50
 @ ./~/@angular/material/esm5/material.es5.js
 @ ./src/app/app.module.ts
 @ ./src/main.ts
 @ multi webpack-dev-server/client?http://localhost:4300 ./src/main.ts

ERROR in ./~/@angular/material/esm5/tabs.es5.js
Module not found: Error: Can't resolve '@angular/cdk/scrolling' in '/home/duard/DevTest/angular-material-dashboard/node_modules/@angular/material/esm5'
 @ ./~/@angular/material/esm5/tabs.es5.js 10:0-102
 @ ./~/@angular/material/esm5/material.es5.js
 @ ./src/app/app.module.ts
 @ ./src/main.ts
 @ multi webpack-dev-server/client?http://localhost:4300 ./src/main.ts

ERROR in ./~/@angular/material/esm5/tooltip.es5.js
Module not found: Error: Can't resolve '@angular/cdk/scrolling' in '/home/duard/DevTest/angular-material-dashboard/node_modules/@angular/material/esm5'
 @ ./~/@angular/material/esm5/tooltip.es5.js 20:0-58
 @ ./~/@angular/material/esm5/material.es5.js
 @ ./src/app/app.module.ts
 @ ./src/main.ts
 @ multi webpack-dev-server/client?http://localhost:4300 ./src/main.ts

ERROR in ./~/@angular/material/esm5/sidenav.es5.js
Module not found: Error: Can't resolve '@angular/cdk/scrolling' in '/home/duard/DevTest/angular-material-dashboard/node_modules/@angular/material/esm5'
 @ ./~/@angular/material/esm5/sidenav.es5.js 13:0-62
 @ ./~/@angular/material/esm5/material.es5.js
 @ ./src/app/app.module.ts
 @ ./src/main.ts
 @ multi webpack-dev-server/client?http://localhost:4300 ./src/main.ts

Login card is not centralized.

@punisherx @bgunebakan

I like what you are doing but I have a problems. The Login card is not centralized when I ran the application. It places it to the left instead of center, though I used the CSS. Also the social media icons do not display.

I already have @angular/cli installed globally, @angular/flex-layout, @angular/material and @angular/cdk also installed.

What am i doing wrong? (See image attached)
ScreenShot_20210623135024

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.