Discussion on Egret - Angular 19+ Admin Dashboard Template

Discussion on Egret - Angular 19+ Admin Dashboard Template

By
Cart 2,749 sales
Well Documented

ui-lib supports this item

Supported

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

822 comments found.

Hi, ng build—prod is giving below errors: Can you please help me. WARNING in Invalid background value at 8896:25. Ignoring.

WARNING in Invalid background value at 9019:25. Ignoring.

WARNING in Invalid background value at 9142:25. Ignoring.

WARNING in Invalid background value at 9265:25. Ignoring.

WARNING in Invalid background value at 9388:25. Ignoring.

WARNING in Invalid background value at 9511:25. Ignoring.

WARNING in Invalid background value at 9634:25. Ignoring.

WARNING in Invalid background value at 9757:25. Ignoring.

WARNING in Invalid background value at 9880:25. Ignoring.

WARNING in Invalid background value at 10003:25. Ignoring.

WARNING in Invalid background value at 10126:25. Ignoring.

WARNING in Invalid background value at 10249:25. Ignoring.

WARNING in Invalid background value at 10372:25. Ignoring.

WARNING in Invalid background value at 10495:25. Ignoring.

WARNING in Invalid background value at 10618:25. Ignoring.

WARNING in Invalid background value at 10741:25. Ignoring.

WARNING in Invalid background value at 10864:25. Ignoring.

WARNING in Invalid background value at 10987:25. Ignoring.

WARNING in Invalid background value at 11110:25. Ignoring.

WARNING in Invalid background value at 11245:25. Ignoring.

WARNING in Invalid background value at 11368:25. Ignoring.

WARNING in Invalid background value at 11491:25. Ignoring.

These are just warnings. It’s an issue of CLI. Please check related issues on github https://github.com/angular/angular-cli/issues/9784

I access Sign-in page from Dashboard, it is okay. Anyway when I refresh or access Sign-in page directly via http://localhost:4200/sessions/signin, UI seems not functioning properly. Please advise.

CSS style and HTML layout are broken to display.

Please add “egret-navy” class to body tag of index.html, this should fix the issue.

Thank you. It works.

Hi, I am getting below error after deploying ng build—prod files to godaddy hosting server. http://domain.com/assets/i18n/en.json—error , file not found.

i can see that en.json is present in assets folder. How to resolve this issue?

I found this issue on azure server, it was blocked by server. Can you contact godaddy support?

yes.. thanks for solution. There was an issue with godaddy sever.

Hi, Please help me with below 2 queries. 1. How to show progressbar before calling API? i see below code in signin component : this.progressBar.mode = ‘indeterminate’; but this is not working in my component. it is giving ‘mode’ is undefined error.

2. how to stop progressbar after gettign resonse from API.

I’m not clear about the first issue. You should assign valid vales for mode Please check APIs and examples https://material.angular.io/components/progress-bar/examples

2. You need to assign “determinate” in response callback this.progressBar.mode = ‘determinate’;

You can also set value. this.progressBar.value = 100;

Hi, I am integrating this theme with firebase(node.js) . After successful login , the token is saved in indexDB (browser) . can you tell me how to send authorization token with every request without repeated code?

Hello,

I have successfully built my app with the template and after some months that I wanted to do an upfated, I discovered that the app loses it’s theme. Please help

Hello, I don’t understand your issue. Please provide details about your issue & communicate with a supported account. Thanks

Hello, I want to open and work on this project using Visual Studio 2019. How could I use it in Visual Studio with Asp.net Core 3 Angular project ?

Thank you for your help.

Hi, Egret is a standard @angular/cli project, you can follow any tutorial of integrating angular with ASP.net

Thanks!

hi, the chat module is not working as it should be and it is not loading the chat and the Ui is not updating after we send a message but if we reload the page then the latest messages are visible. getting the following error on opening the chat module.

ERROR Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: ‘matSidenav: undefined’. Current value: ‘matSidenav: [object Object]’. at viewDebugError (core.js:22192) at expressionChangedAfterItHasBeenCheckedError (core.js:22169) at checkBindingNoChanges (core.js:22473) at checkNoChangesNodeInline (core.js:35227) at checkNoChangesNode (core.js:35200) at debugCheckNoChangesNode (core.js:36161) at debugCheckDirectivesFn (core.js:36058) at Object.eval [as updateDirectives] (AppChatsComponent.html:5) at Object.debugUpdateDirectives [as updateDirectives] (core.js:36043) at checkNoChangesView (core.js:35033)

First remove from changeDetection: ChangeDetectionStrategy.OnPush “shared/components/layouts/admin-layout/admin-layout.component.ts”.

Then remove this.cdr.markForCheck(); from all chat related components(chat-left-sidenav.component.ts, chat-contents.component.ts)

These are for manual change detection and I think it’s causing that issue.

Hey there, I was able to sort out my issue after reviewing a lot of code and I found the issue. Within your admin-layout.template.html file, you don’t specify <mat-sidenav-content> tags whereas I had in my old template.

The Documentation for Material Angular https://material.angular.io/components/sidenav/overview states:

The main content should be wrapped in a <mat-sidenav-content>. If no <mat-sidenav-content> is specified for a <mat-sidenav-container>, one will be created implicitly and all of the content inside the <mat-sidenav-container> other than the <mat-sidenav> elements will be placed inside of it.

So I’m assuming for whatever reason when Angular does its magic the implicitly created set of tags messes with AG-Grid and the view/zones.

Anyhow, this might fix a lot of those little issues people are seeing with change detection

I just added <mat-sidenav-content> and updated the template :) Thanks!

Hi, i am using the crud table in egret dynamically. Data response from the server is very quick, but it takes a lot of time to render it on the front end. Can you tell me what is the issue?

Please check line 19 is commented out of this file shared/components/layouts/admin-layout/admin-layout.component.ts

This disables manual change detection.

hi getting error while run npm install from inside project folder

Do have git installed? if not please install git https://git-scm.com/downloads

hi it is resolved by installing git thank you.

Hello,

Could you help me, when i run ng serve,

ERROR in ./src/assets/styles/app.scss (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js\\./node_modules/sass-loader/lib/loader.js??ref—13-3!./src/assets/styles/app.scss) Module build failed (from ./node_modules/sass-loader/lib/loader.js): Consider `@extend .star, .direction-rtl` instead. See http://bit.ly/ExtendCompound for details.

@extend .star.direction-rtl;
       ^
Compound selectors may no longer be extended.

i have this error

Salutations

it’s a joke, it’s 404, page not found !!!!!!

log in your github account before visiting that link, that link is only visible to user nds-info

God, sorry i will try

Hey there,

I’ve been working with your theme the last few days integrating my old dashboards components written in Angular 8 to your dashboard theme and I’ve run into a very interesting issue with AG-Grid.

I have been testing this with my current application and it works fine as expected however trying to filter in the new dashboard theme, my custom filter containing a mat-form-field with a mat-select will not open up unless I move my mouse to the side nav. I’m currently testing out other methods to see what I can do on my but any help would be great.

Thanks!

Hi, You need to detect changes manually, Please follow this thread https://themeforest.net/item/egret-angular-4-material-design-admin-template/20161805/comments?page=25&filter=all#comment_22326113

or you can disable manual change detection by commenting out line 19 of shared/components/layouts/admin-layout/admin-layout.component.ts

Thanks

Good day.

I am just following up once again. We need the link sent to my email address , joshua@duple.co – we submitted everything on the git link. We need to work on the project this weekend.

When can we get feedback on this.

Thank you

Please provide github username instead of you email. Thanks

hi, i am not able to run this template in docker , it gives me error message, can you please help? it works fine without docker, something is wrong in the template

Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/lib/loader.js):
Consider `@extend .star, .direction-rtl` instead.
See http://bit.ly/ExtendCompound for details.
297 │       @extend .star.direction-rtl;
    │               ^^^^^^^^^
    ╵
  node_modules/css-star-rating/scss/_elements.scss 297:15  root stylesheet
      in /src/Web/CT.Web.SPA/ClientApp/node_modules/css-star-rating/scss/_elements.scss (line 297, column 15)
    at runLoaders (/src/Web/CT.Web.SPA/ClientApp/node_modules/webpack/lib/NormalModule.js:301:20)
    at /src/Web/CT.Web.SPA/ClientApp/node_modules/loader-runner/lib/LoaderRunner.js:367:11
    at /src/Web/CT.Web.SPA/ClientApp/node_modules/loader-runner/lib/LoaderRunner.js:233:18
    at context.callback (/src/Web/CT.Web.SPA/ClientApp/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
    at render (/src/Web/CT.Web.SPA/ClientApp/node_modules/sass-loader/lib/loader.js:52:13)
    at Function.$2 (/src/Web/CT.Web.SPA/ClientApp/node_modules/sass/sass.dart.js:24388:48)
    at wO.$2 (/src/Web/CT.Web.SPA/ClientApp/node_modules/sass/sass.dart.js:15315:15)
    at uT.vr (/src/Web/CT.Web.SPA/ClientApp/node_modules/sass/sass.dart.js:9046:42)
    at uT.vq (/src/Web/CT.Web.SPA/ClientApp/node_modules/sass/sass.dart.js:9048:32)
    at iA.uD (/src/Web/CT.Web.SPA/ClientApp/node_modules/sass/sass.dart.js:8396:46)
    at us.$0 (/src/Web/CT.Web.SPA/ClientApp/node_modules/sass/sass.dart.js:8538:7)
    at Object.eH (/src/Web/CT.Web.SPA/ClientApp/node_modules/sass/sass.dart.js:1512:80)
    at ad.ba (/src/Web/CT.Web.SPA/ClientApp/node_modules/sass/sass.dart.js:8459:3)
    at iO.ba (/src/Web/CT.Web.SPA/ClientApp/node_modules/sass/sass.dart.js:8389:25)
    at iO.cv (/src/Web/CT.Web.SPA/ClientApp/node_modules/sass/sass.dart.js:8376:6)
    at py.cv (/src/Web/CT.Web.SPA/ClientApp/node_modules/sass/sass.dart.js:8166:35)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! ct.web.spa@8.0.0 build: `ng build “—prod”`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the ct.web.spa@8.0.0 build 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!     /root/.npm/_logs/2019-11-14T18_01_06_625Z-debug.log

If this works in pc, should work on mobile. because your build is completed successfully. What it’s saying on mobile?

it is working now, thanks, i was typing wong IP forwarding, is there a new version of Shop app that it works in socker?

When I try to edit some event on the calendar in mobile, and as soon as I touch an item the calendar jumps and wont let me edit, however sometimes i get the edit pop up though, do I need to update anything?

Good day.

I tried to get access via the Github Repo.

I submitted my GitHub username as DupleProjects and system@duple.co Also submitted two email addresses being joshua@duple.co and system@thecloudcompany.co.za – we prefer joshua@duple.co We also submitted the purchase code. Nothing was emailed.

Please can you help. We want to be able to start working on this over the weekend.

Can you please provide your github username, not email? thanks

Hi, we’ve experiencing a strange issue with the UI. While using the template some html elements don’t show up until there’s some interaction with the interface, at which point they appear. The interaction can be as simple as clicking on an input field or resizing browser window. To troubleshoot we created a new angular project and everything renders right away. We even tried giving focus to an input programmatically to force UI interaction but that didn’t work either. Some elements remain invisible until manual interaction and appear only after that.

Please help.

You need to disable manual change detection by removing this changeDetection: ChangeDetectionStrategy.OnPush from “shared/components/layouts/admin-layout/admin-layout.component.ts”

or if you want to detect change manually, please follow this https://themeforest.net/item/egret-angular-4-material-design-admin-template/20161805/comments?page=25&filter=all#comment_22326113

do you still have the bug with resizing and not getting the sidebar as mentioned in reviews?

Yeah, Egret supports Angular v8

do you still have the bug with resizing and not getting the sidebar as mentioned in reviews? also “template won’t be updated unless you trigger ChangeDetection manually”

are those fixed?

These issues are fixed.

Hello.

Can you please provide a guide to upgrade v7 to v8 of this template, please?

Hi, I followed this https://update.angular.io/ guide to update the template. You can follow that to update your project. Thanks

hi there i downloaded the theme and trying to run npm install but following error is shown on the console for both seed and full project

2860 verbose cwd D:\Freelancer Project\Theme by default\Egret-v8.0.0\full 2861 verbose Windows_NT 10.0.18362 2862 verbose argv “C:\\Program Files\\nodejs\\node.exe” “C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js” “install” 2863 verbose node v10.16.3 2864 verbose npm v6.9.0 2865 error path git 2866 error code ENOENT 2867 error errno ENOENT 2868 error syscall spawn git 2869 error enoent Error while executing: 2869 error enoent undefined ls-remote -h -t ssh://git@github.com/angular/web-animations-js.git 2869 error enoent 2869 error enoent 2869 error enoent spawn git ENOENT 2870 error enoent This is related to npm not being able to find a file. 2871 verbose exit [ 1, true ]

ok it seems like some packages needs the git to be installed that was the problem . Installed git and that solved the problem

Yeah, that’s right :)

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