Discussion on Egret - Angular 19+ Admin Dashboard Template

Discussion on Egret - Angular 19+ Admin Dashboard Template

By
Cart 2,747 sales
Well Documented

ui-lib supports this item

Supported

This author's response time can be up to 2 business days.

822 comments found.

Hello! I’m trying to launch the egret theme dashboard and I have some trouble. The npm install command doesn’t work. Could you help me?

can you share the error message? A screenshot will be helpful. Thanks

Hello,

I have successfully follow the guide using “seed” project. However it is bare minimum and pls help me in my challenges as described below

1) If I wanted to copy the CRUD module working in “FULL” to my “SEED” project, pls advise how do I make it work to my “seed” project.

2) I would like to keep the Settings(footer right side) feature but add in menu. Can tell me where in the code that captures the values selected by user and how do i eventually saved as a user profile settings(in a db)?

3) How to remove in the code “BUY EGRET” in the footer?

Thanks, Codemeadow

1) Copy cruds folder from app/views then add a route to src/app/app.routing.ts (follow the full version)

2) Take a look at src/app/shared/components/customizer/customizer.component.ts

3) Edit src/app/shared/components/footer/footer.component.html

Getting the below error, please advise An unhandled exception occurred: Cannot find module ’@angular-devkit/build-angular/package.json’ Require stack: - /usr/local/lib/node_modules/@angular/cli/node_modules/@angular-devkit/architect/node/node-modules-architect-host.js

When did you face this issue? during “npm install” or “ng serve”? Which node version you are using?

Where are the dashboard styles??

Do you mean topbar/header? you can remove header from layout.

No I meant a top banner where you can put notifications in top of the header

Hi, Right now Egret does not has this type of notification toaster/banner.

Great Template.

I am having problems with the print function. Only the first page is ever printed. An example (table) over several pages would be nice.

Greetings from Berlin

Solution in sight?

Hi, the print function only going to print which are displayed on screen.

i have purchased angular 12 theme from you, all my npm and angular latest version is installed, but when i run npm install in seed directory, it was not complete, and stopping after error What do i do?

Have you tried full version? is it happening only in seed? which node version and OS you are using? Can you share a screenshot of error?

Thanks

Just bought your template and I’m having so many issues trying to make it work with the following specs: Angular CLI: 12.1.4 Node: 14.17.3 Package Manager: yarn 1.22.10 OS: win32×64

Angular: 12.1.5 ... animations, common, compiler, compiler-cli, core, forms ... platform-browser, platform-browser-dynamic, router

Package Version

@angular-devkit/architect 0.1201.4 @angular-devkit/build-angular 12.1.4 @angular-devkit/core 12.1.4 @angular-devkit/schematics 12.1.4 @angular/cdk 12.2.3 @angular/cli 12.1.4 @angular/flex-layout 12.0.0-beta.34 @angular/material 12.2.3 @schematics/angular 12.1.4 rxjs 6.6.7 typescript 4.3.5

When are you going to fix these vulnerabilities in package.json ??

can you please let me know when this will be? this template will be able to function properly with the latest version of angular/cli 12.1.4, the one I showed you in my first comment? We got the enterprise version and get this template for time constraints, but I really need to be able to implement it without issues.

Hello any news about the vulnerabilities, here are the errors I’m getting at soon as I upgrade to the latest version of angular and Im sure is for incompatibility libraries: ./node_modules/@angular/material/fesm2015/autocomplete.js:536:32-47 – Error: export ‘_getEventTarget’ (imported as ‘_getEventTarget’) was not found in ’@angular/cdk/platfo rm’ (possible exports: Platform, PlatformModule, _getShadowRoot, _supportsShadowDom, getRtlScrollAxisType, getSupportedInputTypes, normalizePassiveListenerOptions, support sPassiveEventListeners, supportsScrollBehavior)

./node_modules/@angular/material/fesm2015/bottom-sheet.js:204:34-67 – Error: export ‘_getFocusedElementPierceShadowDom’ (imported as ‘_getFocusedElementPierceShadowDom’) w as not found in ’@angular/cdk/platform’ (possible exports: Platform, PlatformModule, _getShadowRoot, _supportsShadowDom, getRtlScrollAxisType, getSupportedInputTypes, norm alizePassiveListenerOptions, supportsPassiveEventListeners, supportsScrollBehavior) PLUS Error: src/app/shared/components/layouts/admin-layout/admin-layout.component.ts:44:16 – error TS2769: No overload matches this call. Overload 1 of 5, ‘(observer?: PartialObserver<Event_2>): Subscription’, gave the following error. Argument of type ‘(routeChange: NavigationEnd) => void’ is not assignable to parameter of type ‘PartialObserver<Event_2>’. Property ‘complete’ is missing in type ‘(routeChange: NavigationEnd) => void’ but required in type ‘CompletionObserver<Event_2>’. Overload 2 of 5, ‘(next?: (value: Event_2) => void, error?: (error: any) => void, complete?: () => void): Subscription’, gave the following error. Argument of type ‘(routeChange: NavigationEnd) => void’ is not assignable to parameter of type ‘(value: Event_2) => void’. Types of parameters ‘routeChange’ and ‘value’ are incompatible. Type ‘Event_2’ is not assignable to type ‘NavigationEnd’. Type ‘ActivationEnd’ is missing the following properties from type ‘NavigationEnd’: urlAfterRedirects, id, url

44 .subscribe((routeChange: NavigationEnd) => { ~~~~~~~~~~~~~~~~

node_modules/rxjs/internal/types.d.ts:64:5
  64     complete: () => void;
         ~~~~~
  'complete' is declared here.

Hello, give us some time , we will fix this issue . thank you

Hello! I just bough (re-newed) the anguar version of the egret “version”: “12.0.0”.

Now getting error when trying to install packages via npm install

npm ERR! code 127 npm ERR! git dep preparation failed npm ERR! command /Users/mike/.nvm/versions/node/v15.14.0/bin/node /Users/mike/.nvm/versions/node/v15.14.0/lib/node_modules/npm/bin/npm-cli.js install—force—cache=/Users/hamik/.npm—prefer-offline=false—prefer-online=false—offline=false—no-progress—no-save—no-audit npm ERR! npm WARN using—force Recommended protections disabled. npm ERR! npm ERR! code 127 npm ERR! npm ERR! path /Users/mike/.npm/_cacache/tmp/git-clone-6da4d1d4/node_modules/canvas-prebuilt npm ERR! npm ERR! command failed npm ERR! npm ERR! command sh -c node_modules/.bin/node-pre-gyp install npm ERR! npm ERR! sh: node_modules/.bin/node-pre-gyp: No such file or directory

What to do to fix this issue ?

thanks in advance

Do you have git installed? Can you follow the solutions from here? https://github.com/nodejs/node-gyp/issues/1599

Dears, I have some issue in the design, may you check it from the image I uploaded

- the crud table design https://files.fm/u/sk8apgmu4#/view/w5rt7k7qc - the wizard label numbers and icon after change the direction from RTL to LTR and vice versa https://files.fm/u/awwry2j48#/view/vwuz6djq6 - dashes appear in the wizard header after increase the wizard steps count , the issue occurred when resize the browser or view it from mobile https://files.fm/u/wqaf6k4ed#/view/uh4jq8rhn

yes, I changing the direction in code, and I use your code, and I think the direction should changing in code, what is issue with that?

the problem occurred in design when minimize the browser, not when changing the direction, the template need more attention from your side

Hi, I found this happened when browser is resized to mobile size and sidebar get closed. Ideally user will not resize browser to mobile size. On mobile device user will directly land on that size. So user will not face this. And it’s actually ngx-datatable and angular material package issue. Whenever they will release new update we’ll also update the package.

I write you to explain there is an error in the template, when you try to see in a phone , the scroll-y don’t work correctly and you can’t see the full page. Step to reproduce: -1 enter url http://egret-angular.ui-lib.com/icons in your phone(only happens in phones). -2 try to scroll down.

Thanks you are doing a great job.

Hi, I’ve tested in chrome and safari in iphone, Which phone and browser you have used?

Hi Just to let you know I’m still waiting on the update of the documentation of custom themes or if you could provide those steps directly to me that would be great.

Nevermind, I just saw your reply to my previouse comment. Will try out those steps. Thanks for the help

Great, Thanks!

Purchased Latest angular 12 version

Shows error while installing

npm install npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: egret@12.0.0 npm ERR! Found: @angular/common@12.0.1 npm ERR! node_modules/@angular/common npm ERR! angular/common“12.0.1” from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer angular/common“^6.0.0 || ^7.0.0 || ^8.0.0” from @agm/core@1.1.0 npm ERR! node_modules/@agm/core npm ERR! agm/core“1.1.0” from the root project npm ERR! npm ERR! Fix the upstream dependency conflict, or retry npm ERR! this command with—force, or—legacy-peer-deps npm ERR! to accept an incorrect (and potentially broken) dependency resolution. npm ERR!

can you try “npm install—legacy-peer-deps” or “npm install—force”

It works after re install node & angular cli but now shows lots of vulnerabilities : found 276 vulnerabilities (141 low, 103 moderate, 32 high)

This won’t create any issues. we’re going to fix these vulnerabilities in package.json soon. Thanks

I can’t upgrade version 11 to 12 and got an error message ✖ Package install failed and after that, I can’t find the folder node_modules

I’m sorry, I did all steps but the problem still occurred

I made some workaround to resolve this problem, but now I’m facing another issue When using ng server then I got the message (You tried to parse SCSS with the standard CSS parser; try again with the postcss-scss)

I can not install this theme im getting this error when doing npm install (for seed and full): npm WARN using—force Recommended protections disabled. npm ERR! code 127 npm ERR! git dep preparation failed npm ERR! command /opt/homebrew/Cellar/node/15.9.0/bin/node /opt/homebrew/lib/node_modules/npm/bin/npm-cli.js install—force—cache=/Users/boi/.npm—prefer-offline=false—prefer-online=false—offline=false—no-progress—no-save—no-audit npm ERR! npm WARN using—force Recommended protections disabled. npm ERR! npm ERR! code 127 npm ERR! npm ERR! path /Users/boi/.npm/_cacache/tmp/git-clone-27e0a9d9/node_modules/canvas-prebuilt npm ERR! npm ERR! command failed npm ERR! npm ERR! command sh -c node_modules/.bin/node-pre-gyp install npm ERR! npm ERR! sh: node_modules/.bin/node-pre-gyp: No such file or directory npm ERR! npm ERR! npm ERR! A complete log of this run can be found in: npm ERR! npm ERR! /Users/boi/.npm/_logs/2021-07-14T14_20_20_708Z-debug.log

npm ERR! A complete log of this run can be found in: npm ERR! /Users/boi/.npm/_logs/2021-07-14T14_20_26_942Z-debug.log

im using node v15.9.0 and npm 7.5.3

Can you use node v14?

I was looking at the documentation about adding themes. The files mentioned on the documentation do not exist. Could you please update the documentation

Hi, Thanks for reporting this. We’ve updated the doc http://demos.ui-lib.com/egret-doc/#theming

Thanks :)

Hello Support Team,

I have errors…

Namespace ’”f:/PawnshopThemeEvet/web-goldwin/node_modules/chart.js/types/index.esm”’ has no exported member ‘ChartPoint’.

Namespace ’”f:/PawnshopThemeEvet/web-goldwin/node_modules/chart.js/types/index.esm”’ has no exported member ‘ChartPoint’.

Namespace ’”f:/PawnshopThemeEvet/web-goldwin/node_modules/chart.js/types/index.esm”’ has no exported member ‘PluginServiceGlobalRegistration’.

Namespace ’”f:/PawnshopThemeEvet/web-goldwin/node_modules/chart.js/types/index.esm”’ has no exported member ‘PluginServiceRegistrationOptions’.

’”f:/PawnshopThemeEvet/web-goldwin/node_modules/chart.js/types/index.esm”’ has no exported member named ‘ChartDataSets’. Did you mean ‘ChartDataset’?

Did you install dependencies by running “npm install”? when did you face this issue? can you share a screenshot?

i purchased this template but i cant find rtl version

npm ERR! npm WARN deprecated core-js@1.2.7: core-js@<3.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Please, upgrade your dependencies to the actual version of core-js. npm ERR! npm WARN deprecated core-js@2.4.1: core-js@<3.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Please, upgrade your dependencies to the actual version of core-js. npm ERR! npm WARN deprecated core-js@2.4.1: core-js@<3.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Please, upgrade your dependencies to the actual version of core-js.

so many issue occurred in npm install

Which node version you are using? Do you have git installed?

node—version v16.3.0 npm—version 7.18.1 git—version git version 2.32.0

Pls try current(recommended) LTS version of Nodejs v14

Hi, I have problem with npm install.

$ npm install npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: egret@11.0.0 npm ERR! Found: zone.js@0.11.3 npm ERR! node_modules/zone.js npm ERR! zone.js@”0.11.3” from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer zone.js@”~0.10.3” from @angular/core@11.0.4 npm ERR! node_modules/@angular/core npm ERR! angular/core“11.0.4” from the root project npm ERR! peer angular/core”>=2.3.1 <13.0.0 || 12.0.0-next || ^12.1.0-next || ^12.2.0-next” from codelyzer@6.0.2 npm ERR! node_modules/codelyzer npm ERR! dev codelyzer@”6.0.0” from the root project npm ERR! npm ERR! Fix the upstream dependency conflict, or retry npm ERR! this command with—force, or—legacy-peer-deps npm ERR! to accept an incorrect (and potentially broken) dependency resolution. npm ERR! npm ERR! See C:\Users\Murat\AppData\Local\npm-cache\eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Murat\AppData\Local\npm-cache\_logs\2021-06-05T15_37_58_196Z-debug.log

Murat@DESKTOP-MD0DN3Q MINGW64 ~/Desktop/test $ node -v v14.17.0

Murat@DESKTOP-MD0DN3Q MINGW64 ~/Desktop/test $ npm -v 7.10.0

Murat@DESKTOP-MD0DN3Q MINGW64 ~/Desktop/test $ git—version git version 2.31.1.windows.1

Hi, which node version you are using? Do you have git installed?

Hi,

Murat@DESKTOP-MD0DN3Q MINGW64 ~/Desktop/test $ node -v v14.17.0

Murat@DESKTOP-MD0DN3Q MINGW64 ~/Desktop/test $ npm -v 7.10.0

Murat@DESKTOP-MD0DN3Q MINGW64 ~/Desktop/test $ git—version git version 2.31.1.windows.1

Can you try with node v12?

Dear Sir or Madam,

on May 18, 2021 we chewed the following product:

- Egret – Angular 11+ Material Design & HTML Admin Template, regular License

For this we need an invoice. Our invoice details are: IKS GmbH Siemensstr. 27 40721 Hilden

Thank you very much!

With best regards Sarah Schmitt

Hi, we can not give you the invoice because we do not process payments. You can Envato support for invoice https://help.market.envato.com/hc/en-us

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey