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.

I just bought the template but I’m not able to run it… Whenever I try to do ng build, I get tons of errors, like this, for example:

ERROR in /Users/user/AngularMaterial/Full-version/src/app/views/tables/tables.module.ts (5,3): Module ’”/Users/user/AngularMaterial/Full-version/node_modules/@angular/material/material”’ has no exported member ‘MdInputModule’. ERROR in MdSidenavModule is not an NgModule

I get this for ALL modules…. I’ve been running angular cli applications before, so not sure what’s happening.

OK… after I applied one suggestion that you previously mentioned on a comment, I was able to get past that error…. now I get:

ERROR in /Users/user/AngularMaterial/Full-version/node_modules/@angular/material/typings/table/row.d.ts (20,39): Generic type ‘CdkRowDef<T>’ requires 1 type argument(s). ERROR in /Users/user/AngularMaterial/Full-version/node_modules/@angular/material/typings/table/row.d.ts (23,40): Generic type ‘CdkRowDef<T>’ requires 1 type argument(s).

Fixed. @angular/cdk has to be the same version as @angular/material. You should update the package.json – your default one is not working at the moment. Thanks.

Right, we need to remove caret(^) sign from package.json in the current version, I’ll update the template with the fixes and new features in this month.

Where would be the best place to put a component that is used in one of the view components in the view folder?

Please take a look in app.routes.ts, all of your modules in view directory are being loaded via loadChildren property. app.routes.ts file is kind of backbone of your application.

My others.routing not working when i did the login using canActive, whats is the problem with that?, i sorry i am begginner in angular

i resolved the why? doesn’t work my others.routing is because it need to add in my state: ‘dashboard/myRoute’, doesn’t work state: ‘myNewRouteNavigation/myRoute’,

I really don’t understand what you are saying :( BTW have you bought Egret? if yes, please use that buyer account.

Thanks for great theme :-)

Just purchased theme and now trying to running theme in my macbook but i get the error

ERROR in /Applications/MAMP/htdocs/Full-version/src/app/views/material/app-material.module.ts (13,5): Module ’”/Applications/MAMP/htdocs/Full-version/node_modules/@angular/material/material”’ has no exported member ‘MdCoreModule’. ERROR in MdCoreModule is not an NgModule

webpack: Failed to compile.

OS : Mac OS Sierra

ng -v output

@angular/cli: 1.3.2 node: 6.11.3 os: darwin x64 @angular/animations: 4.3.6 @angular/cdk: 2.0.0-beta.11 @angular/common: 4.3.6 @angular/compiler: 4.3.6 @angular/core: 4.3.6 @angular/flex-layout: 2.0.0-beta.8 @angular/forms: 4.3.6 @angular/http: 4.3.6 @angular/material: 2.0.0-beta.11 @angular/platform-browser: 4.3.6 @angular/platform-browser-dynamic: 4.3.6 @angular/router: 4.3.6 @angular/cli: 1.3.2 @angular/compiler-cli: 4.3.6

Let me know if you need more information or package.json or package-lock.json file

Thanks Ankit

Please remove all caret() sign from package.json (”@angular/material”: “2.0.0-beta.10”) then delete node_modules directory and install packages again, hope this will solve the issue.

Solved Thanks

Your solution +

updated angular library 4.3.6 to 4.4.3

"@angular/animations": "4.4.3",
   "@angular/common": "4.4.3",
   "@angular/compiler": "4.4.3",
   "@angular/core": "4.4.3",
   "@angular/forms": "4.4.3",
   "@angular/http": "4.4.3",
   "@angular/platform-browser": "4.4.3",
   "@angular/platform-browser-dynamic": "4.4.3",
   "@angular/router": "4.4.3",

and then installed @angular/cdk again ( npm install @angular/cdk—save )

Thanks for your help (y)

Pre-sales question: How difficult would it be to get rid of the side navigation completely, and add a pure horizontal menu?

My app will need a lot of data in the form of datatables consumed from an ASP.NET MVC 4 WebApi. Is Lazy-loading supported from the theme?

Awesome theme btw and congrats on NO Bootstrap / JQuery! Nice, clean approach to the template!

Are “modals” or dialog boxes easy to implement such as those in Bootstrap? We would need to make heavy use of those as well.

Cheers!

you can easily remove sidenav. but you have to make horizontal menu by yourself. Lazy loading is supported. modals are also easy to use. here are the references for material components https://material.angular.io/components/dialog/overview

Hi Sir, Since 09/21/2017, the framework doesn’t work anymore. To solve the problem, I’ve tried to upgrade from Angular 4.3.6 to 4.4.3 but it doesn’t work. Could you help, please? Thanks in advance npm WARN prefer global node-gyp@3.6.2 should be installed with -g

npm install

> node-sass@4.5.3 install /home/develop/Seed-project/node_modules/node-sass > node scripts/install.js

Cached binary found at /home/develop/.npm/node-sass/4.5.3/linux-x64-48_binding.node

> uglifyjs-webpack-plugin@0.4.6 postinstall /home/develop/Seed-project/node_modules/uglifyjs-webpack-plugin > node lib/post_install.js

> node-sass@4.5.3 postinstall /home/develop/Seed-project/node_modules/node-sass > node scripts/build.js

Binary found at /home/develop/Seed-project/node_modules/node-sass/vendor/linux-x64-48/binding.node Testing binary Binary is fine egret@1.1.1 /home/develop/Seed-project ├── @agm/core@1.0.0-beta.1 ├─┬ @angular/animations@4.3.6 │ └── tslib@1.7.1 ├── @angular/cdk@2.0.0-beta.11 ├─┬ @angular/cli@1.3.2 │ ├─┬ @angular-devkit/build-optimizer@0.0.13 │ │ └─┬ loader

…..

│ ├── semver-diff@2.1.0 │ └── xdg-basedir@3.0.0 ├── typescript@2.3.4 └── zone.js@0.8.4

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.0.0 (node_modules/chokidar/node_modules/fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.1.2: wanted {os“} (current: {os“}) npm WARN ng2-charts@1.5.0 requires a peer of angular/common2.3.0 but none was installed. npm WARN ng2-charts@1.5.0 requires a peer of angular/core2.3.0 but none was installed. npm WARN ng2-dragula@1.3.1 requires a peer of @angular/compiler@2.4.3 but none was installed. npm WARN ng2-dragula@1.3.1 requires a peer of @angular/forms@2.4.3 but none was installed. npm WARN ng2-translate@5.0.0 requires a peer of angular/core2.0.0 but none was installed. npm WARN ng2-translate@5.0.0 requires a peer of angular/http2.0.0 but none was installed. npm WARN angular/<redpre#24> requires a peer of @angular/core4.4.3 but none was installed. npm WARN angular/<redpre#25> requires a peer of @angular/common4.4.3 but none was installed. npm WARN angular/<redpre#26> requires a peer of @angular/core4.4.3 but none was installed. npm WARN angular/<redpre#27> requires a peer of @angular/common^4.4.3 but none was installed

Oh, thanks a lot for your excellent support.

I just applied the solutions by adding “optionalDependencies”: { “fsevents”: ”*” } in package.json and reinstall with—no-optional : npm install—no-optional

npm install—no-optional

> node-sass@4.5.3 install /home/develop/Seed-project/node_modules/node-sass > node scripts/install.js

Cached binary found at /home/develop/.npm/node-sass/4.5.3/linux-x64-57_binding.node

> uglifyjs-webpack-plugin@0.4.6 postinstall /home/develop/Seed-project/node_modules/uglifyjs-webpack-plugin > node lib/post_install.js

> node-sass@4.5.3 postinstall /home/develop/Seed-project/node_modules/node-sass > node scripts/build.js

Binary found at /home/develop/Seed-project/node_modules/node-sass/vendor/linux-x64-57/binding.node Testing binary Binary is fine added 1124 packages in 43.996s

everything looks good, I hope demo is running on your computer?

Yes, it is running on my computer. Thanks

MdMenu seems to have a problem with beta 11 of @angular/material. It works if you downgrade to beta 10.

Right, I’ll remove caret sign in next update ”@angular/material”: “^2.0.0-beta.10”

I have a problem I’ve seen another user have as well. It’s this error:

Here are some details:

http://morrisdev.com/eret-error/

if I remove the #whatevername=”mdMenu” in the code, the code will not fail, but the menus obviously won’t work.

Any help would be greatly appreciated.

you are right, I should have removed caret sign. I’ll fix that in next update. Thanks

No problem at all. I’m going to need some help with this system. Do you have 40hrs of time available next month?

Yeah, I’ll be available. here is my skype id m.h.rafi

For those wanting form wizards, checkout https://material.angular.io/components/stepper/overview . We get caught up on “form wizard” and miss the available options. I wanted the same thing and installed from an online tutorial, then found this.

Great! they added this component recently. I’ll add that to template ASAP. Thank you!

Your Welcome Rafi.

How does the directive appEqualValidator work? In your sample “signup” form, I can type in 2 different values for Password and Confirm Password and the validator does not seem to do anything.

Please use equalTo of ng2-validation. It’s already installed in template. I’ll remove appEqualValidator from template in next update.

Hi How to use TranslateService inside component ?

i have added translation for menu . all is ok . I have added fr language =>ok

but when i want translite inside signin component , i have : The pipe ‘translate’ could not be found (“

ERROR Error: Uncaught (in promise): Error: Template parse errors:

in the ts

i have well :

import { TranslateService } from ‘ng2-translate/ng2-translate’;

constructor(private backand: BackandService,public snackBar: MdSnackBar,public translate: TranslateService ) {
translate.addLangs(["en", "fr"]);
       translate.setDefaultLang('en');
let browserLang = translate.getBrowserLang();
     translate.use(browserLang.match(/en|fr/) ? browserLang : 'en');
}

Best regards

Hi ! i have the same problem with the directive appEqualValidator

As said before, don’t use (click) and routerLink together. you should call router.navigateByUrl(”/sessions/signin”) in signOut method to redirect user to signin page.

And please use equalTo of ng2-validation. It’s already installed in template. I’ll remove appEqualValidator from template in next update.

Yes !! truly thank for your help !

Hi, awesome theme, thank you so much for your hard work. I would like to know if there is a way to make the topbar fixed?

Thanks for the reply, I tried what you suggested and I’m getting a strange result with it now showing two scroll bars and the top bar is on-top of the menu as well :/ any other suggestions perhaps? In the mean time I’ll try a few more things.

Here is a better fix to have a fixed top bar, create a new css class or modify the existing one inside md-sidenav-container:

.rightside-content-hold { overflow: auto; position: absolute; bottom:0; left:0; right:0; top:110px; }

maybe add this fix in to toggle a fixed topbar :)

Great! I’ll try your solution. Thank you so much!

I need this beautiful template having RTL support also. Is there any plan to convert this template into RTL?

Yes, I hope I can add RTL and update the template in next month.

hello.., new update?

I hope I can update in next month. Thanks

I need to be able to change the breadcrumbs. Some of the breadcrumb names need to include parameters, like :

jobs / job 123 / item list / item 456

modifying the data {some items} in the routing won’t accept variables. You can modify the activeRoute and update it, so if I’m on a job, I can change

jobs / job 123

using : constructor(r:ActivatedRoute){ r.snapshot.data[‘breadcrumb’]=’Job# ‘+id.toString(); } on the job page, but when you leave…. that’s it. it goes back to dynamic creation.

I’ve dug around in the route-parts service and breadcrumbs, etc… all day. Please give me some solution. Please.

thanks – dan

Hey, If you have parameter in path path: 'jobs/:jobId' then you can access parameter in breadcrumb like this data: {breadcrumb: 'Job / {{jobId}}'}

Can we have a form wizard page?

That may take a while, I’m waiting for angular 5. Most probably I’ll able to update in next month.

Hi mate,

The release date of angular 5 has been delayed for 1 month. I don’t think it would be a good idea to wait for it until then. If you could add the form wizard in the template, that would be really nice.

You might wanna read this article in the following link below.

https://www.techworld.com.au/article/627442/angular-5-javascript-framework-delayed/

Thanks

Hello Nechar, Form wizard is added to the official angular material. https://material.angular.io/components/stepper/overview You can use this component. I’ll also add this to template very soon.

Hi,

I’ve got a contract to build an admin system and yours is beautiful. So…2 things.

-First, do you have time to do customization work and what is your hourly rate.

-Second, although it might take 2 years to complete, my client thinks they’ll be able to sell this tool once it is done; either as a service or outright. What is the rule about that?

Thanks,

Dan

Yes, I’ll able to do customization work. This is my skype address m.h.rafi we can talk about your project in skype.

If you start selling product/service which uses any ThemeForest item, you have to buy an extended licence for that item.

Hello.. I purchased your template and have a question. The side menu does not scroll, if the menu’s overflow the screen.

I’m also talking about navigation panel. when you hover over navigation panel and scroll, the scrollbar will appear if the panel height exceeds window height.

I thought of that… I changed resolution of monitor, just to check and I have no where to click on when I hover over the navigation.. I went to that browser link and same thing..

Have checked on other windows 7? I don’t understand why sidebar scroll is not working on your computer.

Kindly add form wizard and sweet alerts am almost buying now

I’ll consider adding those thing in near future update. Thanks.

Hi there! I bought your template – a good job!
I have a question: how to display the sub navigation in the breadcrumb component?
Example: if I go to Forms->Basic I want the breadcrumb to show on top (as it’s now) and below would be sub navigations for the Forms: Basic, Editor, Upload

I think the best solution would be creating a new component and place that under breadcrumb. That new component will grab the siblings or child routes of its parent.

It’s not possible to teach/explain everything in comment. You have to work on this.

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