akveo/ngx-admin-dotnet-starter

Angular 10 ngx-admin .NET Starter dashboard

Documentation

This is ngx-admin dashboard with .NET backend.

Ngx-admin is a 20k+ stars dashboard, based on Nebular library. It includes extended Authorization and User Data Editing modules.

This bundle allows you to boost your web application development and save up to 300 developing hours (or even more!). You can run .Net Bundle from your IDE and start upgrading your app immediately.

How to get started?

You will get the archive with dashboard. Just a couple of simple steps and you will see our great

ngx-admin in action!

Key features

• Only things you really need: layered backend architecture, meaningful solution structure, and out-of-box authentication module

• ngx-admin Angular UI with 100+ UI components to use

• Authentication using JWT tokens is implemented and integrated with both client and server side

• Basic Roles Management and ACL is in place

• Entity framework for data access with the ability to easily replace it with other data access tools

• Data entities classes, independent of any ORM

• Dependency injection takes care of services and repositories instantiation

• Swagger included for automatic API testing and documentation

• Serilog is used for logging

• OWIN startup configured

• Comprehensive documentation included

The Starter Bundle has Authorization and User Data Editing modules with backend integration included, while Components and Charts do not have it. If you need Charts with backend integration, please explore E-commerce and IoT dashboards.

Check out .Net E-commerce Dashboard and .Net IoT Dashboard

Moreover, the backend integration in E-commerce Dashboard is implemented for:

• Е-commerce dashboard components

• Sample order table and order details pages

The backend integration in IoT Dashboard is implemented for:

• IoT dashboard components

• Sample devices table and device details pages

License

MIT license.

More from Akveo

• Ngx-admin 20k+ stars admin, based on Nebular library

• Nebular a web UI library, 6k+ stars

• UI Bakery an Angular-based low-code web app development platform

• Eva a customizable Design System

How can I support the developers?

• Star our GitHub repo ⭐

• Create pull requests, submit bugs, suggest new features or documentation updates 🔧

• Read us on Medium

• Follow us on Twitter 🐾

• Like our page on Facebook 👍

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-dotnet-starter's Issues

Forgot Password not working

I haven't been able to get the Forgot Password flow working yet.

Reset token generation works. I wired up an email service that links to the reset URL: auth/reset-password?reset_password_token=TokenGoesHere.

The link takes the user to the Change password page. They enter a new password and click CHANGE PASSWORD.

Expectation: This posts the password to the restore-pass API endpoint in the demo .NET API. Actually, it posts it to reset-pass, which expects the user to be logged in.

I changed the config to point to /auth/restore-pass:

resetPass: {
    endpoint: '/auth/restore-pass',
    method: 'post',
},

Now the endpoint is hit. However, Nebular doesn't populate the RestorePasswordDTO's Email property, so password reset fails.

Steps To Reproduce

1. Clone the repo.
2. Follow the instructions in the .NET and Angular READMEs.
3. Run the .NET API.
4. Run the Angular app.
5. When prompted to log in, click Register.
6. Open Chrome DevTools.
7. Fill out and submit the form.
8. Navigate to the Network tab in DevTools and find the request-pass request.
9. Click the Preview tab and copy the value of the response's data property.
10. Navigate to http://localhost:4200/auth/reset-password?reset_password_token=TokenGoesHere
11. Fill out and submit the form.

Expected Behavior

The user's password is successfully reset.

Actual Behavior

• If reset-password's URL points to reset-password in the API, the API returns an auth error (HTTP 401) because the user isn't authenticated, since this is an anonymous "forgot password" request.
• If the URL points to restore-password, password reset fails because the Email property of RestorePasswordDTO isn't populated.

UserStore - Property "user" is used before its initialization

export class UserStore {
private user: User = null;

protected userState$ = new BehaviorSubject(this.user);

angular 11/nebular 7 build gives error: UserStore - Property "user" is used before its initialization
previous versios gives only warning on build succees but on newer versions build faild on error.
I bought this code and it won't work!!!

HTTP Error 403.14 - Forbidden

After clone it and build I got the below issue while running the project from VS 2019

HTTP Error 403.14 - Forbidden
The Web server is configured to not list the contents of this directory.

Does not Build

We are testing/trying this but it does not work.

gyp info it worked if it ends with ok
gyp verb cli [
gyp verb cli   'C:\\Program Files\\nodejs\\node.exe',
gyp verb cli   'C:\\1_Code\\testbed_Frontend\\ngx-admin\\frontend\\node_modules\\node-gyp\\bin\\node-gyp.js',
gyp verb cli   'rebuild',
gyp verb cli   '--verbose',
gyp verb cli   '--libsass_ext=',
gyp verb cli   '--libsass_cflags=',
gyp verb cli   '--libsass_ldflags=',
gyp verb cli   '--libsass_library='
gyp verb cli ]
gyp info using [email protected]
gyp info using [email protected] | win32 | x64
gyp verb command rebuild []
gyp verb command clean []
gyp verb clean removing "build" directory
gyp verb command configure []
gyp verb check python checking for Python executable "python2" in the PATH
gyp verb `which` failed Error: not found: python2
gyp verb `which` failed     at getNotFoundError (C:\1_Code\testbed_Frontend\ngx-admin\frontend\node_modules\which\which.js:13:12)
gyp verb `which` failed     at F (C:\1_Code\testbed_Frontend\ngx-admin\frontend\node_modules\which\which.js:68:19)
gyp verb `which` failed     at E (C:\1_Code\testbed_Frontend\ngx-admin\frontend\node_modules\which\which.js:80:29)
gyp verb `which` failed     at C:\1_Code\testbed_Frontend\ngx-admin\frontend\node_modules\which\which.js:89:16
gyp verb `which` failed     at C:\1_Code\testbed_Frontend\ngx-admin\frontend\node_modules\isexe\index.js:42:5
gyp verb `which` failed     at C:\1_Code\testbed_Frontend\ngx-admin\frontend\node_modules\isexe\windows.js:36:5
gyp verb `which` failed     at FSReqCallback.oncomplete (fs.js:183:21)
gyp verb `which` failed  python2 Error: not found: python2
gyp verb `which` failed     at getNotFoundError (C:\1_Code\testbed_Frontend\ngx-admin\frontend\node_modules\which\which.js:13:12)
gyp verb `which` failed     at F (C:\1_Code\testbed_Frontend\ngx-admin\frontend\node_modules\which\which.js:68:19)
gyp verb `which` failed     at E (C:\1_Code\testbed_Frontend\ngx-admin\frontend\node_modules\which\which.js:80:29)
gyp verb `which` failed     at C:\1_Code\testbed_Frontend\ngx-admin\frontend\node_modules\which\which.js:89:16
gyp verb `which` failed     at C:\1_Code\testbed_Frontend\ngx-admin\frontend\node_modules\isexe\index.js:42:5
gyp verb `which` failed     at C:\1_Code\testbed_Frontend\ngx-admin\frontend\node_modules\isexe\windows.js:36:5
gyp verb `which` failed     at FSReqCallback.oncomplete (fs.js:183:21) {
gyp verb `which` failed   code: 'ENOENT'
gyp verb `which` failed }
gyp verb check python checking for Python executable "python" in the PATH
gyp verb `which` succeeded python C:\Python39\python.EXE
gyp ERR! configure error
gyp ERR! stack Error: Command failed: C:\Python39\python.EXE -c import sys; print "%s.%s.%s" % sys.version_info[:3];
gyp ERR! stack   File "<string>", line 1
gyp ERR! stack     import sys; print "%s.%s.%s" % sys.version_info[:3];
gyp ERR! stack                       ^
gyp ERR! stack SyntaxError: invalid syntax
gyp ERR! stack
gyp ERR! stack     at ChildProcess.exithandler (child_process.js:308:12)
gyp ERR! stack     at ChildProcess.emit (events.js:315:20)
gyp ERR! stack     at maybeClose (internal/child_process.js:1048:16)
gyp ERR! stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:288:5)
gyp ERR! System Windows_NT 10.0.18363
gyp ERR! command "C:\\Program Files\\nodejs\\node.exe" "C:\\1_Code\\testbed_Frontend\\ngx-admin\\frontend\\node_modules\\node-gyp\\bin\\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
gyp ERR! cwd C:\1_Code\testbed_Frontend\ngx-admin\frontend\node_modules\node-sass
gyp ERR! node -v v14.15.4
gyp ERR! node-gyp -v v3.8.0
gyp ERR! not ok
Build failed with error code: 1
npm WARN [email protected] requires a peer of @angular/common@^8.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of @angular/compiler@^8.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of @angular/core@^8.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of [email protected] - 3 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of popper.js@^1.14.7 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of @angular/core@^8.2.7 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of @angular/forms@^8.2.7 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of @angular/common@^8.2.7 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of typescript@>= 2.3.1 < 3 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] No description
npm WARN [email protected] license should be a valid SPDX license expression
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\chokidar\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"})

Can you also update to .Net 5

Dotnet starter not actually using Angular 10

Just a quick note. The Github page of this project claims it is using Angular 10, while it is still actually on Angular 9 (which can be seen by looking in "package.json").

Im getting NETWORK REQUEST FAILED trying to sign up

I got an error trying to test the login using the netcore-mobile-starter, when i click in SIGN IN i get an "NETWORK REQUEST FAILED" message, ENV is set to https://127.0.0.1/api and the webservice is running, also if i test the API from SAFARI it works.