Git Product home page Git Product logo

akveo / ngx-admin Goto Github PK

View Code? Open in Web Editor NEW
25.0K 25.0K 7.9K 66.16 MB

Customizable admin dashboard template based on Angular 10+

Home Page: https://akveo.github.io/ngx-admin/

License: MIT License

JavaScript 0.35% TypeScript 67.16% HTML 22.21% SCSS 10.28%
admin admin-dashboard admin-template admin-ui angular-dashboard-template angular10 angular2 angular9 bootstrap4 dashboard framework material-theme ng2 ng2-admin ngx-admin responsive sass theme typescript webpack

ngx-admin's Introduction

ngx-admin Eva Design System

Live Demo | Who uses ngx-admin? | Documentation | Installation Guidelines | Angular templates

Admin template based on Angular and Nebular

Repository state and engagement with the community

Repository is currently in a state of minimal maintenance. Our primary focus is on ensuring that the Angular version used in this project is kept up to date. Our capacity to engage in other aspects of repository management is currently limited.

We are not actively reviewing or merging pull requests, responding to or resolving issues at this time. We appreciate the effort and contributions from the community and we understand that issues are crucial for the community. But now our current focus is solely on maintaining Angular.

Installation notes

To install ngx-admin you have to use NodeJS version 14.14+ because of node-sass version utilized in the application.

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!

What's included:

  • Angular & Typescript
  • Bootstrap 4+ & SCSS
  • Responsive layout
  • RTL support
  • High resolution
  • Flexibly configurable themes with hot-reload (3 themes included)
  • Authentication module with multiple providers
  • 40+ Angular Components
  • 60+ Usage Examples

Material theme for ngx-admin

Material admin theme is based on the most popular Angular dashboard template - ngx-admin To use material theme checkout feat/material-theme branch.

Templates

With 6 stunning visual themes

Material Dark Material Light
Dark Default
Cosmic Corporate

Documentation

This template is using Nebular modules set, here you can find documentation and other useful articles.

Empty starter kit

Don't need all the pages and modules and just looking for an empty starter kit for your next project? Check out our starter-kit branch.

BrowserStack

This project runs its tests on multiple desktop and mobile browsers using BrowserStack.

UI Bakery

Need a visual admin dashboard builder? Check out UI Bakery.

More from Akveo

  • Eva Icons - 480+ beautiful Open Source icons
  • Nebular - Angular Components, Auth and Security
  • Akveo templates - 10+ Ready-to-use apps templates to speed up your apps developments

How can I support developers?

  • Star our GitHub repo ⭐
  • Create pull requests, submit bugs, suggest new features or documentation updates 🔧
  • Follow us on Twitter 🐾
  • Like our page on Facebook 👍

Looking for engineering services?

Visit our homepage or simply leave us a message to [email protected]. We will be happy to work with you!

From Developers

Made with ❤️ by Akveo team. Follow us on Twitter to get the latest news first! We're always happy to receive your feedback!

ngx-admin's People

Contributors

32penkin avatar bradoyler avatar budavariam avatar cloakedch avatar denstrigo avatar dimaatkaev avatar dizco avatar eduhenke avatar elupanov avatar esadouski avatar hatemhosny avatar hryb avatar ike353 avatar katebatura avatar kostyadanovsky avatar lexzhukov avatar louis-7 avatar lugovsky avatar maaxgr avatar maksim-karatkevich avatar mishkolesnikov avatar nnixaa avatar pickonefish avatar sashaqred avatar siddhant034 avatar tibing-old-email avatar tryshchenko avatar v-ahmetvaliev avatar valentinkononov avatar yggg 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  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

ngx-admin's Issues

How to enable sass sourcemap for chrome css debuggging

  • I'm submitting a ...
    [x ] question
  • Do you want to request a feature or report a bug?
    [x] Feature
  • What is the current behavior?
    [x] While debugging css from crome console we got * style /style * as a path, so its hard to debug css/scss.
  • What is the expected behavior?
    [x] Solution to enable sass sourcemap in current webpack workflow.
  • Please tell us about your environment:
  • Angular version: 2.0.0-rc.1
  • Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]

8v7bha

Failed to install ng2-admin: node-pre-gyp ERR! Pre-built binaries not found for [email protected] and [email protected] (node-v46 ABI) (falling back to source compile with node-gyp)

  • I'm submitting a ...
    [ ] bug report
  • What is the current behavior?
    While I am install the project by "npm install", I encounter such an error:

[email protected] install /home/peihao/angularTest/ng2-admin/node_modules/node-zopfli
node-pre-gyp install --fallback-to-build
node-pre-gyp ERR! Tried to download: https://node-zopfli.s3.amazonaws.com/Release/zopfli-v1.4.0-node-v46-linux-x64.tar.gz
node-pre-gyp ERR! Pre-built binaries not found for [email protected] and [email protected] (node-v46 ABI) (falling back to source compile with node-gyp)
make: Entering directory `/home/peihao/angularTest/ng2-admin/node_modules/node-zopfli/build'
CXX(target) Release/obj.target/zopfli/src/zopfli-binding.o
In file included from ../src/zopfli-binding.h:5,
from ../src/zopfli-binding.cc:3:
../../nan/nan.h:43:3: error: #error This version of node/NAN/v8 requires a C++11 compiler
In file included from /home/peihao/.node-gyp/4.4.5/include/node/node.h:42,
from ../src/zopfli-binding.cc:1:
......................................................................................................

  • Please tell us about your environment:

Here is the error message at the end of installation:

npm ERR! Linux 2.6.32-573.26.1.el6.x86_64
npm ERR! argv "/usr/bin/node" "/usr/bin/npm" "install"
npm ERR! node v4.4.5
npm ERR! npm v3.9.5
npm ERR! file sh
npm ERR! code ELIFECYCLE
npm ERR! errno ENOENT
npm ERR! syscall spawn
npm ERR! [email protected] postinstall: npm run typings -- install && bower install
npm ERR! spawn ENOENT
npm ERR!
npm ERR! Failed at the [email protected] postinstall script 'npm run typings -- install && bower install'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the ng2-admin package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! npm run typings -- install && bower install
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs ng2-admin
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls ng2-admin
npm ERR! There is likely additional logging output above.

And my OS info is :

Linux Client for e-business (RHEL) 6.7
LSB_VERSION=base-4.0-amd64:base-4.0-noarch:core-4.0-amd64:core-4.0-noarch:graphics-4.0-amd64:graphics-4.0-noarch:printing-4.0-amd64:printing-4.0-noarch
Open Client RHEL 67 3.70
Red Hat Enterprise Linux Workstation release 6.7 (Santiago)

Does anyone encounter similar issues like this?

Could not find path to 'bootstrap-sass' module.

  • I'm submitting a ...
    [X] bug report
    [ ] feature request
    [ ] question about the decisions made in the repository
  • Do you want to request a feature or report a bug?

Report a bug

  • What is the current behavior?
ERROR in ./~/bootstrap-loader/lib/bootstrap.loader.js!./~/bootstrap-loader/no-op.js
Module build failed: Error: 
      Could not find path to 'bootstrap-sass' module.
      Make sure it's installed in your 'node_modules/' directory.

    at Object.module.exports.pitch (/Users/gavin_roberts/projects/Lead Gateway/client/node_modules/bootstrap-loader/lib/bootstrap.loader.js:90:11)
 @ ./~/bootstrap-loader/loader.js 1:0-44
  • If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem
  1. Follow installation guidelines - https://akveo.github.io/ng2-admin/articles/002-installation-guidelines/
  2. npm start
  3. Navigate to http://localhost:3000
  • What is the expected behavior?

Page would render successfully and no errors would appear.

  • What is the motivation / use case for changing the behavior?

Users will be able to use the project.

  • Please tell us about your environment:
  • Angular version: 2.0.0-rc.1
  • Browser: all

Rename classes to conform to Angular style guide

The root component is currently named just App. In the official Angular tutorials and style guide advise to use AppComponent. The same goes for a lot of other classes in this project.

I believe that staying consistent with the official Angular tutorials and style guide will avoid confusion with new Angular developers. They will be more likely to use this project if it's clear to them.

See https://angular.io/styleguide#!#02-03

TODO

Todo should not create empty task

Cannot add new page

After following your instructions on adding a new page application does not properly load; the loading wheels just keep spinning and the console shows error message Cannot find name 'New'.

Please update adding page documentation with updated means to add pages.

npm start give me problem

0 info it worked if it ends with ok
1 verbose cli [ 'C:\Program Files\nodejs\node.exe',
1 verbose cli 'C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js',
1 verbose cli 'start' ]
2 info using [email protected]
3 info using [email protected]
4 verbose run-script [ 'prestart', 'start', 'poststart' ]
5 info prestart [email protected]
6 info start [email protected]
7 verbose unsafe-perm in lifecycle true
8 info [email protected] Failed to exec start script
9 verbose stack Error: [email protected] start: npm run server:dev
9 verbose stack Exit status 1
9 verbose stack at EventEmitter. (C:\Program Files\nodejs\node_modules\npm\lib\utils\lifecycle.js:217:16)
9 verbose stack at emitTwo (events.js:87:13)
9 verbose stack at EventEmitter.emit (events.js:172:7)
9 verbose stack at ChildProcess. (C:\Program Files\nodejs\node_modules\npm\lib\utils\spawn.js:24:14)
9 verbose stack at emitTwo (events.js:87:13)
9 verbose stack at ChildProcess.emit (events.js:172:7)
9 verbose stack at maybeClose (internal/child_process.js:827:16)
9 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:211:5)
10 verbose pkgid [email protected]
11 verbose cwd E:\Angular2\AdminTemplate\ng2-admin
12 error Windows_NT 10.0.10240
13 error argv "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js" "start"
14 error node v4.4.5
15 error npm v2.15.5
16 error code ELIFECYCLE
17 error [email protected] start: npm run server:dev
17 error Exit status 1
18 error Failed at the [email protected] start script 'npm run server:dev'.
18 error This is most likely a problem with the ng2-admin package,
18 error not with npm itself.
18 error Tell the author that this fails on your system:
18 error npm run server:dev
18 error You can get information on how to open an issue for this project with:
18 error npm bugs ng2-admin
18 error Or if that isn't available, you can get their info via:
18 error
18 error npm owner ls ng2-admin
18 error There is likely additional logging output above.
19 verbose exit [ 1, true ]

node-sass/vendor

(node) crypto.createCredentials is deprecated. Use tls.createSecureContext instead.
(node) crypto.Credentials is deprecated. Use tls.createSecureContext instead.
16% 18/176 build modulesError: ENOENT: no such file or directory, scandir '/ng2-admin/node_modules/node-sass/vendor'
at Error (native)
at Object.fs.readdirSync (fs.js:856:18)
at Object.getInstalledBinaries (
/ng2-admin/node_modules/node-sass/lib/extensions.js:74:13)
at foundBinariesList (/ng2-admin/node_modules/node-sass/lib/errors.js:20:15)
at foundBinaries (
/ng2-admin/node_modules/node-sass/lib/errors.js:15:5)
at Object.module.exports.missingBinary (/ng2-admin/node_modules/node-sass/lib/errors.js:45:5)
at Object. (
/ng2-admin/node_modules/node-sass/lib/index.js:14:28)
at Module._compile (module.js:413:34)
at Object.Module._extensions..js (module.js:422:10)
at Module.load (module.js:357:32)
at Function.Module._load (module.js:314:12)
at Module.require (module.js:367:17)
at require (internal/module.js:16:19)
at Object. (/ng2-admin/node_modules/sass-loader/index.js:4:12)
at Module._compile (module.js:413:34)
at Object.Module._extensions..js (module.js:422:10)
at Module.load (module.js:357:32)
at Function.Module._load (module.js:314:12)
at Module.require (module.js:367:17)
at require (internal/module.js:16:19)
at DependenciesBlock.loadPitch (
/ng2-admin/node_modules/webpack-core/lib/NormalModuleMixin.js:193:17)
at DependenciesBlock.loadPitch (/ng2-admin/node_modules/webpack-core/lib/NormalModuleMixin.js:186:21)
at DependenciesBlock.loadPitch (
/ng2-admin/node_modules/webpack-core/lib/NormalModuleMixin.js:223:61)
at DependenciesBlock.doBuild (/ng2-admin/node_modules/webpack-core/lib/NormalModuleMixin.js:241:4)
at DependenciesBlock.build (
/ng2-admin/node_modules/webpack/lib/NormalModule.js:84:14)
at Compilation.buildModule (~/ng2-admin/node_modules/webpack/lib/Compilation.js:126:9)
at /ng2-admin/node_modules/webpack/lib/Compilation.js:309:10
at /ng2-admin/node_modules/webpack/lib/NormalModuleFactory.js:58:13
at NormalModuleFactory.applyPluginsAsyncWaterfall (
/ng2-admin/node_modules/tapable/lib/Tapable.js:75:69)
at onDoneResolving (
/ng2-admin/node_modules/webpack/lib/NormalModuleFactory.js:38:11)

Compiling error leafletMaps

I'm reporting an installation/build bug.

I've installed using git clone repository, i've installed all necessary libraries, i've done npm installand, at finish, i've run npm start: than going to localhost from console error i see a console error of Cannot resolve module 'leaflet/dist/leaflet.css in src\app\pages\maps\components\leafletMaps
in leafletMaps.loader.ts 2:0 -48
cattura2
cattura1

  • Browser: all
  • Windows 10
  • Node 4.4.4
  • NPM 2.15.1

Production Files not working

  • I'm submitting a ...
    [x] bug report
    [ ] feature request
    [ ] question about the decisions made in the repository
  • Do you want to request a feature or report a bug?
    bug
  • What is the current behavior?
    When I run "npm run build:prod" it creates all files in the dist folder.

Unfortunately I cannot open the website, either with nginx nor with "http-server ."

It tries to load the page and I see the spinner loading... forever... :-)

Is there any workaround to make it production ready?

  • If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem via
    https://plnkr.co or similar (you can use this template as a starting point: http://plnkr.co/edit/tpl:AvJOMERrnz94ekVua0u5).
  • What is the expected behavior?
  • What is the motivation / use case for changing the behavior?
  • Please tell us about your environment:
  • Angular version: 2.0.0-rc.X
  • Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]
  • Other information (e.g. detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, gitter, etc)

ERROR in leafletMaps.loader.ts

  • I'm submitting a ...
    [X] bug report
    [ ] feature request
    [ ] question about the decisions made in the repository
  • Do you want to request a feature or report a bug?

Report a bug

  • What is the current behavior?

Cannot load page. npm start gives an error:

ERROR in ./src/app/pages/maps/components/leafletMaps/leafletMaps.loader.ts
Module not found: Error: Cannot resolve module 'leaflet/dist/leaflet.css' in /mnt/Ddrive/tmp/ng2-admin/src/app/pages/maps/components/leafletMaps
 @ ./src/app/pages/maps/components/leafletMaps/leafletMaps.loader.ts 2:0-48
  • If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem via
    https://plnkr.co or similar (you can use this template as a starting point: http://plnkr.co/edit/tpl:AvJOMERrnz94ekVua0u5).
  • installed global tools
  • cloned the repo
  • ran npm install and npm run
  • What is the expected behavior?

There should not be any errors with npm run.

  • What is the motivation / use case for changing the behavior?

To fix it.

  • Please tell us about your environment:
  • Angular version: 2.0.0-rc.1
  • Browser: Chrome Google Chrome 50.0.2661.75
  • Other information (e.g. detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, gitter, etc)

stack trace:

[1182] ./~/font-awesome-sass-loader/index.js 84 bytes {2} [built]
       [0] 0ms -> [816] 2952ms -> factory:349ms building:155ms = 3456ms
 [1188] ./~/lodash/lodash.js 516 kB {2} [built]
       [0] 0ms -> [816] 2952ms -> factory:55ms building:266ms = 3273ms
 [1243] ./~/style-loader!./~/css-loader!./~/resolve-url-loader!./~/sass-loader?sourceMap!./~/bootstrap-loader/lib/bootstrap.styles.loader.js!./~/source-map-loader!./~/bootstrap-loader/no-op.js 1.35 kB {2} [built]
       [0] 0ms -> [816] 2952ms -> [1025] 669ms -> [817] 1135ms -> factory:475ms building:1ms dependencies:55ms = 5287ms
 [1244] ./~/style-loader!./~/css-loader!./~/sass-loader!./~/font-awesome-sass-loader/font-awesome-sass-styles.loader.js!./~/font-awesome-sass-loader/font-awesome-sass.config.js 1.19 kB {2} [built]
       [0] 0ms -> [816] 2952ms -> [1182] 504ms -> factory:485ms building:10ms = 3951ms
 [1247] ./~/font-awesome/fonts/fontawesome-webfont.woff2?v=4.6.3 84 bytes {2} [built]
       [0] 0ms -> [816] 2952ms -> [1182] 504ms -> [1244] 495ms -> [820] 4108ms -> factory:431ms building:297ms = 8787ms
 [1248] ./~/font-awesome/fonts/fontawesome-webfont.woff?v=4.6.3 83 bytes {2} [built]
       [0] 0ms -> [816] 2952ms -> [1182] 504ms -> [1244] 495ms -> [820] 4108ms -> factory:446ms building:283ms = 8788ms

ERROR in ./src/app/pages/maps/components/leafletMaps/leafletMaps.loader.ts
Module not found: Error: Cannot resolve module 'leaflet/dist/leaflet.css' in /mnt/Ddrive/tmp/ng2-admin/src/app/pages/maps/components/leafletMaps
 @ ./src/app/pages/maps/components/leafletMaps/leafletMaps.loader.ts 2:0-48
Child html-webpack-plugin for "index.html":
    chunk    {0} index.html 519 kB [rendered]
        [0] ./~/html-webpack-plugin/lib/loader.js!./src/index.html 2.91 kB {0} [built]
           factory:25ms building:31ms = 56ms
        [1] ./~/lodash/lodash.js 516 kB {0} [built]
           [0] 56ms -> factory:248ms building:358ms = 662ms
        [2] (webpack)/buildin/module.js 251 bytes {0} [built]
           [0] 56ms -> [1] 606ms -> factory:2633ms building:68ms = 3363ms
Child extract-text-webpack-plugin:
                                    Asset     Size  Chunks             Chunk Names
     2c2ae068be3b089e0a5b59abb1831550.eot   121 kB          [emitted]  
     621bd386841f74e0053cb8e67f8a0604.svg   334 kB          [emitted]  
     24712f6c47821394fba7942fbb52c3b2.ttf   189 kB          [emitted]  
    05acfdb568b3df49ad31355b19495d4a.woff  67.9 kB          [emitted]  
    chunk    {0} extract-text-webpack-plugin-output-filename 67.9 kB [rendered]
        [0] ./~/css-loader!./~/sass-loader!./src/app/theme/initial.scss 66.1 kB {0} [built]
           factory:0ms building:5010ms = 5010ms
        [1] ./~/Ionicons/fonts/ionicons.eot?v=2.0.0 82 bytes {0} [built]
           [0] 5010ms -> factory:14ms building:238ms = 5262ms
        [2] ./~/Ionicons/fonts/ionicons.svg?v=2.0.0 82 bytes {0} [built]
           [0] 5010ms -> factory:15ms building:238ms = 5263ms
        [3] ./~/Ionicons/fonts/ionicons.ttf?v=2.0.0 82 bytes {0} [built]
           [0] 5010ms -> factory:14ms building:238ms = 5262ms
        [4] ./~/css-loader/lib/css-base.js 1.51 kB {0} [built]
           [0] 5010ms -> factory:0ms building:1ms = 5011ms
        [5] ./~/Ionicons/fonts/ionicons.woff?v=2.0.0 83 bytes {0} [built]
           [0] 5010ms -> factory:15ms building:238ms = 5263ms
webpack: bundle is now VALID.
[default] Checking started in a separate process...
[default] Ok, 1.69 sec.

Should I add all of it?

page wont load, stucks at loading animation

  • I'm submitting a ...
    [x] bug report
    [ ] feature request
    [ ] question about the decisions made in the repository
  • Do you want to request a feature or report a bug?
  • What is the current behavior?
    [default] Checking started in a separate process... [default] /home/chex/ng2-admin/node_modules/ng2-ckeditor/CKEditor.d.ts:7:36 Cannot find module '@angular/forms'.
    the error message from npm start
  • If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem via
    https://plnkr.co or similar (you can use this template as a starting point: http://plnkr.co/edit/tpl:AvJOMERrnz94ekVua0u5).
  • What is the expected behavior?
  • What is the motivation / use case for changing the behavior?
  • Please tell us about your environment:

➜ ng2-admin git:(master) node -v
v6.1.0
➜ ng2-admin git:(master) npm -v
3.10.3

  • Other information (e.g. detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, gitter, etc)

How to Integrate primeng ?

  • I'm submitting a ...
    [ ] bug report
    [x ] feature request
    [ ] question about the decisions made in the repository

Can you please explain how to import and use "primeNG" ui components?

I created a new page and I tried to place the primeNG panel, but this is not displayed correctly.
(sorry my bad english)

import {Component} from '@angular/core';
import { Panel} from 'primeng/primeng';

@component({
selector: 'new',
pipes: [],
providers: [],
directives: [Panel],
styles: [],
template: <p-panel header="Title"> Content </p-panel>
})
export class New {

constructor() {
}
}
Thanks.

baContentTop.component.ts is not working.

  • I'm submitting a ...
    [ O ] bug report
    [ ] feature request
    [ ] question about the decisions made in the repository
  • Do you want to request a feature or report a bug?
    Bug
  • What is the current behavior?
    at baContentTop.html
<div class="content-top clearfix">
  <h1 class="al-title">{{ activePageTitle }}</h1>

  <ul class="breadcrumb al-breadcrumb">
    <li>
      <a href="#/pages/dashboard">Home</a></li>
    <li>{{ activePageTitle }}</li> // activePageTitle is not working. just empty
  </ul>
</div>

http://akveo.com/ng2-admin/#/pages/charts/chartist-js
you can check your demo site.

  • What is the expected behavior?
    {{activePageTitle}} should be changed when the user navigate to other page.
  • What is the motivation / use case for changing the behavior?
    just show correct current state or menu position.
  • Please tell us about your environment:
    node 6.2.2
  • Angular version: 2.0.0-rc.2
  • Other information (e.g. detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, gitter, etc)
    I think it is related to Rxjs. also I am newbie on angular2 I cannot help it. Thank you!!!!

when update to rc3

I am Using the ng2-admin,So I am so caring... and thank you very much!

first impression

Понравилось все)
Покрайней мере мне.
Если пройдет опруф - будем использовать)

Подскажите, пожалуйста, есть ли у Вас наработки или примеры решений в сторону расширения функциональности таблиц, а именно:

  1. server side получение данных
  2. сортировка
  3. как работать с постраничным выводом и сортировкой при (server side)
  4. каким образом закрепить header таблицы stripedTable.

или хотя бы, если возможно, то ссылки на информацию каким образом Вы это хотите видеть.

PS:
на этой неделе еще займусь:
1. подцеплю аналог select2 ( с server-side поиском )
2. собственно таблицами
3. ролями/грантами

Так что ждите пулл-реквестов​ =)

Cannot resolve module 'leaflet/dist/leaflet.css'

  • **I'm submitting a bug
    [x ] bug report
    [ ] feature request
    [ ] question about the decisions made in the repository

When I run the server (in dev mode or in production mode), I get a error that leaflet.css cannot be resolved. I assume that the title is enough to describe the problem.

My environment:
Mac osx El capitan, node v4.4.4

Angular 2 new router (v3)

  • I'm submitting a ...
    [ ] bug report
    [ ] feature request
    [X] question about the decisions made in the repository
  • Do you want to request a feature or report a bug?

Do you think you'll update this to the latest Router used by Angular 2 ?

The latest router info can be found in this post http://victorsavkin.com/post/145672529346/angular-router

and as an exaple of it being used here

http://plnkr.co/edit/ER0tf8fpGHZiuVWB7Q07?p=preview

  • What is the motivation / use case for changing the behavior?

I think we should adopt the latest router since that is what Angular2 is going with.

  • Other information (e.g. detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, gitter, etc)

Debugging typescript

Hi,
First I would like to thank you for all your afford and making a development platform for a good angular 2 application.

No doubt it's a very good application but there is no option of debugging typescript or css. So my question is how to enable debugging typescript and css from chrome console with source map?

Smart table

  • I'm submitting a ...
    [ ] bug report
    [ X] feature request
    [ ] question about the decisions made in the repository
  • Do you want to request a feature or report a bug?

I want to request a feauture

Can You make a smart table with filters, sortable columns and pagination as you did with the blur theme, please?

Fail to start application

  • I'm submitting a ...
    [X] bug report
    [ ] feature request
    [ ] question about the decisions made in the repository
  • Do you want to request a feature or report a bug?
    I want report a bug
  • What is the current behavior?
    The app don't start.
    The terminal error is: "ng2-admin/node_modules/ng2-ckeditor/CKEditor.d.ts:7:36
    Cannot find module '@angular/forms'."
  • Steps
  • git clone
  • npm install
  • npm start
  • access localhost:3000
  • Please tell us about your environment:
  • Angular version: 2.0.0-rc.3 (defined in package.json)
  • Browser: all

ng2-bootstrap

[x] question about the decisions made in the repository

  • What is the current behavior?
    You are using bootstrap 4 js version, what is making bindings to events a problem
  • What is the expected behavior?
    You can use ng2-bootstrap
  • What is the motivation / use case for changing the behavior?
    Angular2 bootstrap without 3rd party dependecies
  • Angular version: 2.0.0-rc.1
  • Browser: all

Add bower installation invocation in documentation

$ npm install
-
> [email protected] postinstall /home/mrakotomandimby/abt-admin/ng2-admin
> npm run typings -- install && bower install


> [email protected] typings /home/mrakotomandimby/abt-admin/ng2-admin
> typings "install"


├── zone.js
├── core-js (ambient)
├── hammerjs (ambient)
├── lodash (ambient)
├── node (ambient)
└── webpack (ambient)

sh: bower: command not found

npm ERR! Linux 3.10.0-327.18.2.el7.x86_64
npm ERR! argv "/home/mrakotomandimby/node-v4.4.5-linux-x64/bin/node" "/home/mrakotomandimby/node-v4.4.5-linux-x64/bin/npm" "install"
npm ERR! node v4.4.5
npm ERR! npm  v2.15.5
npm ERR! file sh
npm ERR! code ELIFECYCLE
npm ERR! errno ENOENT
npm ERR! syscall spawn
npm ERR! [email protected] postinstall: `npm run typings -- install && bower install`
npm ERR! spawn ENOENT
npm ERR! 
npm ERR! Failed at the [email protected] postinstall script 'npm run typings -- install && bower install'.
npm ERR! This is most likely a problem with the ng2-admin package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     npm run typings -- install && bower install
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs ng2-admin
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! 
npm ERR!     npm owner ls ng2-admin
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR!     /home/mrakotomandimby/abt-admin/ng2-admin/npm-debug.log

If I install bower:

[mrakotomandimby@c7-abt-spray ng2-admin]$ npm install --global bower
/home/mrakotomandimby/node-v4.4.5-linux-x64/bin/bower -> /home/mrakotomandimby/node-v4.4.5-linux-x64/lib/node_modules/bower/bin/bower
[email protected] /home/mrakotomandimby/node-v4.4.5-linux-x64/lib/node_modules/bower

Then everything is OK:

[mrakotomandimby@c7-abt-spray ng2-admin]$ npm install
/
> [email protected] postinstall /home/mrakotomandimby/abt-admin/ng2-admin
> npm run typings -- install && bower install


> [email protected] typings /home/mrakotomandimby/abt-admin/ng2-admin
> typings "install"


├── zone.js
├── core-js (ambient)
├── hammerjs (ambient)
├── lodash (ambient)
├── node (ambient)
└── webpack (ambient)

bower Ionicons#~2.0.1       not-cached https://github.com/driftyco/ionicons.git#~2.0.1
bower Ionicons#~2.0.1          resolve https://github.com/driftyco/ionicons.git#~2.0.1
bower Ionicons#~2.0.1         checkout v2.0.1
bower Ionicons#~2.0.1         progress Receiving objects:  44% (605/1373), 1.67 MiB | 381.00 KiB/s
bower Ionicons#~2.0.1     invalid-meta The "name" is recommended to be lowercase, can contain digits, dots, dashes
bower Ionicons#~2.0.1     invalid-meta The "main" field cannot contain globs (example: "*.js")
bower Ionicons#~2.0.1         mismatch Version declared in the json (2.0.0) is different than the resolved one (2.0.1)
bower Ionicons#~2.0.1         resolved https://github.com/driftyco/ionicons.git#2.0.1
bower Ionicons#~2.0.1          install Ionicons#2.0.1

Ionicons#2.0.1 node_modules/Ionicons
[email protected] node_modules/amcharts3

[email protected] node_modules/ammap3

editable table with add button

  • I'm submitting a ...
    [ ] bug report
    [X ] feature request
    [ ] question about the decisions made in the repository
  • Do you want to request a feature or report a bug?
    I want to make a request for a "feature"

Can You make a editable table with a add button as you did with the blur theme

Cannot find name XXX on startup or recompile

Same problem as described in bug #1 . No of the fixes worked for me. npm start displays the following errors:


331ms build modules   
38ms seal
211ms optimize
33ms hashing
38ms create chunk assets
7ms additional chunk assets 
0ms optimize chunk assets 
214ms optimize assets
99ms emit
Hash: 433c68f8980a8f328adf
Version: webpack 1.13.1
Time: 2231ms
         Asset     Size  Chunks             Chunk Names
main.bundle.js  8.68 MB       1  [emitted]  main
   initial.css  60.5 kB       1  [emitted]  main
chunk    {0} polyfills.bundle.js (polyfills) 461 kB
     + 336 hidden modules
chunk    {1} main.bundle.js, initial.css (main) 3.23 MB {2} [rendered]
  [649] ./src/app/app.menu.ts 3.91 kB {1} [built]
       ... -> factory:0ms building:137ms
     + 555 hidden modules
chunk    {2} vendor.bundle.js (vendor) 2.91 MB {0}
     + 372 hidden modules
Child html-webpack-plugin for "index.html":
    chunk    {0} index.html 519 kB
         + 3 hidden modules
webpack: bundle is now VALID.
[default] Checking started in a separate process...
[default] /home/ubuntu/workspace/ng2-admin/node_modules/@angular/common/src/directives/ng_class.d.ts:72:35 
    Cannot find name 'Set'.
[default] /home/ubuntu/workspace/ng2-admin/node_modules/@angular/common/src/facade/async.d.ts:27:33 
    Cannot find name 'Promise'.
[default] /home/ubuntu/workspace/ng2-admin/node_modules/@angular/common/src/facade/async.d.ts:28:45 
    Cannot find name 'Promise'.
[default] /home/ubuntu/workspace/ng2-admin/node_modules/@angular/common/src/facade/lang.d.ts:4:17 
    Cannot find name 'Map'.
[default] /home/ubuntu/workspace/ng2-admin/node_modules/@angular/common/src/facade/lang.d.ts:5:17 

[default] /home/ubuntu/workspace/ng2-admin/src/app/theme/services/baThemePreloader/baThemePreloader.service.ts:16:24 
    Cannot find name 'Promise'.
[default] /home/ubuntu/workspace/ng2-admin/src/app/theme/services/baThemePreloader/baThemePreloader.service.ts:17:16 
    Cannot find name 'Promise'.
[default] /home/ubuntu/workspace/ng2-admin/src/app/theme/services/baThemePreloader/baThemePreloader.service.ts:24:7 
    Cannot find name 'Promise'.
[default] /home/ubuntu/workspace/ng2-admin/src/app/theme/theme.configProvider.ts:80:5 
    Cannot find name '_'.
[default] /home/ubuntu/workspace/ng2-admin/src/app/theme/theme.configProvider.ts:84:5 
    Cannot find name '_'.
[default] /home/ubuntu/workspace/ng2-admin/src/main.browser.ts:23:46 
    Cannot find name 'Promise'.
[default] /home/ubuntu/workspace/ng2-admin/src/main.browser.ts:51:15 
    Cannot find name 'require'.
[default] /home/ubuntu/workspace/ng2-admin/src/main.browser.ts:52:36 
    Cannot find name 'module'.
[default] /home/ubuntu/workspace/ng2-admin/src/polyfills.ts:12:1 
    Cannot find name 'require'.

I've tried:

  • node 4.2.1
  • node 6.2.1
  • windows & linux

Install:

  • npm install --global webpack webpack-dev-server typings typescript bower
  • typings install
  • bower install
  • npm start

I've also tried global [email protected] as it's in the dev requirements.

What's interesting the application seems to work and reloads correctly. Currently i'm ignoring those errors. Anybody can confirm this issue?

Make it work on Systemjs

  • I'm submitting a ...
    [ ] bug report
    [x ] feature request
    [ ] question about the decisions made in the repository
  • Do you want to request a feature or report a bug?
    Feature
  • What is the current behavior?

Right now It works with webpack\

Reason.

I know webpack is well regarded among the community, but considering the angular cli it's simplifying the start up project with systemjs, it would be nice to have this admin with the default module loader as a branch.

Failed to Start

I'm submitting a bug report when I try to install and run locally I get the following error:

ERROR in ./src/app/pages/maps/components/leafletMaps/leafletMaps.loader.ts Module not found: Error: Cannot resolve module 'leaflet/dist/leaflet.css' in C:\Projects\myprojects\ng2-admin\src\app\pages\maps\components\leafletMaps @ ./src/app/pages/maps/components/leafletMaps/leafletMaps.loader.ts 2:0-48

HTTP404: NOT FOUND - The server has not found anything matching the requested URI (Uniform Resource Identifier).
(XHR): GET - http://localhost:3000/Subject.js.map//

todo list bug with checkout

  • I'm submitting a ...
    [ x ] bug report
    [ ] feature request
    [ ] question about the decisions made in the repository
  • Do you want to request a feature or report a bug?

This is bug

  • What is the current behavior?
    2016-07-13 16 31 13
  • If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem via
    https://plnkr.co or similar (you can use this template as a starting point: http://plnkr.co/edit/tpl:AvJOMERrnz94ekVua0u5).
  • What is the expected behavior?
  • What is the motivation / use case for changing the behavior?
  • Please tell us about your environment:
  • Angular version: 2.0.0-rc.X
  • Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]
  • Other information (e.g. detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, gitter, etc)

Using require to get css an js files

  • I'm submitting a ...
    [x] question about the decisions made in the repository
  • Please tell us about your environment:
    Mac, Project generated by Angular-cli
  • Angular version: Latest version

How are you able to use this command: require('./theme/initial.scss'); and import it into a component?
I'm trying to do the same into my project (created with Angular cli) and it doesn't work.

Excellent work!
Thanks

BaThemeConfig is not applied

  • I'm submitting a ...
    [X] bug report
    [ ] feature request
    [ ] question about the decisions made in the repository
  • What is the current behavior?
    After applying changes described in Docs - Enabling blur theme every baCard appears white.
  • What is the expected behavior?
    The expected appearance is nearly identical to Blur Admin Angular 1.x version.
  • My environment:
    Angular version: 2.0.0-rc.1
    Browser: all
  • Other information
    baCard renders improperly because it uses the wrong theme. The problem is BaThemeConfig is not overriding BaThemeConfigProvider. BaThemeConfig is mentioned in providers in app.component.ts but never injected so its constructor is never called. If you add private _config:BaThemeConfig to App constructor everything works fine.

Systemjs version?

  • I'm submitting a ...
    [ ] bug report
    [ x] feature request
    [ ] question about the decisions made in the repository
  • Do you want to request a feature or report a bug?

Hi,

Is there any plan to have a branch based on Angular-cli (systemJs etc...)?

Clicking on profile in usermenu gives error (ObjectUnsubscribedError)

  • I'm submitting a ...
    [x] bug report
    [ ] feature request
    [ ] question about the decisions made in the repository
  • What is the current behavior?
    Clicking on profile in usermenu doesn't work
  • What is the expected behavior?
    App should go somewhere
  • Please tell us about your environment:
  • Angular version: 2.0.0-rc.1
  • Browser: [Chrome 52]
  • Other information (e.g. detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, gitter, etc)
browser_adapter.ts?9397:78 EXCEPTION: Error: Uncaught (in promise): ObjectUnsubscribedError
browser_adapter.ts?9397:78 Error: Uncaught (in promise): ObjectUnsubscribedError
    at resolvePromise (eval at <anonymous> (polyfills.bundle.js:2913), <anonymous>:538:32)
    at eval (eval at <anonymous> (polyfills.bundle.js:2913), <anonymous>:574:18)
    at ZoneDelegate.invokeTask (eval at <anonymous> (polyfills.bundle.js:2913), <anonymous>:356:38)
    at Object.onInvokeTask (eval at <anonymous> (vendor.bundle.js:1368), <anonymous>:36:41)
    at ZoneDelegate.invokeTask (eval at <anonymous> (polyfills.bundle.js:2913), <anonymous>:355:43)
    at Zone.runTask (eval at <anonymous> (polyfills.bundle.js:2913), <anonymous>:256:48)
    at drainMicroTaskQueue (eval at <anonymous> (polyfills.bundle.js:2913), <anonymous>:474:36)
    at ZoneTask.invoke (eval at <anonymous> (polyfills.bundle.js:2913), <anonymous>:426:22)

Menu show empty when remove data from it and its children

  • I'm submitting a ...
    [x] bug report
    [ ] feature request
    [ ] question about the decisions made in the repository
  • Do you want to request a feature or report a bug?
    This is bug
  • What is the current behavior?
    For a menu, which I don't want to show on left menu, I did remove all "data" attribute from it and its children, but it still now the empty menu item.
  • What is the expected behavior?
    It should not show any menu item which and its children don't have "data" attribute
  • What is the motivation / use case for changing the behavior?
    I fixed it myself by add some line of code into baMenu.service.ts method _skipEmpty at line 36
 if (item.children && item.children.length > 0) {
          menuItem = this._skipEmpty(item.children);
          if (menuItem.length == 0){
            menuItem = null;
          }
        }
  • Please tell us about your environment:
  • Angular version: 2.0.0-rc.4
  • Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]
  • Other information (e.g. detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, gitter, etc)

Добавить раздел с отрисовкой по JSON файлу

Привет ребята.

Отличная тема, однако Мне, как человеку никогда не работающему с Angular 2 трудно разобраться. Было бы очень хорошо, если Вы добавите отрисовку одного из разделов темы по JSON файлу. Т.е. в тему приходит JSON от сервера и в теме уже идет отображение данных, так сказать максимально приближенное к реальному назначению этой темы.

on the left menu items - the expand/collapse arrow icon always stays in same position

I'm submitting a ..some little visual issue -
bug report

i prefer to classify it as a bug

What is the current behavior is :the expand/collapse arrow icon always stays in same position

steps to reproduce: click on some menu items which has subitems
you will see that afetr the animation the arrow icon returns to same position.

expected behavior: it should point to opposite direction

so user will clear indication that by pressing icon the menu should collapse like here: http://akveo.com/blur-admin-mint/#/dashboard

  • Please tell us about your environment:
  • Angular version: 2.0.0-rc.X
  • Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]
  • Other information (e.g. detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, gitter, etc)

Will you add smart table feature?

  • I'm submitting a ...
    [ ] bug report
    [ 0 ] feature request
    [ ] question about the decisions made in the repository
  • Do you want to request a feature or report a bug?
    smart table feature like http://akveo.com/blur-admin-mint/#/tables/smart
  • What is the current behavior?
    only basic feature
  • What is the expected behavior?
    filtering, pagination is required for the table
  • Other information (e.g. detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, gitter, etc)
    I have another question. If you have a plan adding smart table feature, when is the time for that? Can you tell me approximate date?

how to setup external library with ng2admin (like ng2translate)

getting error,
browser_adapter.ts?9397:78 EXCEPTION: Error: Uncaught (in promise): Template parse errors:
The pipe 'translate' could not be found

i added
app.component.ts
import {TRANSLATE_PROVIDERS, TranslateService, TranslatePipe, TranslateLoader, TranslateStaticLoader} from 'ng2-translate/ng2-translate';

@component({
selector: 'app',
pipes: [TranslatePipe],

but errors comes.

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.