822 comments found.
Hi, I’m trying to create a subitem for my menu <md-nav-list> on the left menu.
So on the template file I did this:
<md-list-item class=”sidebar-list-item”> <md-icon>icon</md-icon> Item </md-list-item>How can I add a subitem to the above please?
You should not edit navigation template file to add menu item. Please take a look in services/navigation/navigation.service.ts
This service serves menu items to navigation component.
You just need to add an object like this
{
name: 'CALENDAR',
type: 'link',
tooltip: 'Calendar',
icon: 'date_range',
state: 'calendar'
}
in “defaultMenu” array to add an item.
What about a subitem?
This is how you will add subitem
{
name: 'FORMS',
type: 'dropDown',
tooltip: 'Forms',
icon: 'description',
state: 'forms',
sub: [
{name: 'BASIC', state: 'basic'},
{name: 'EDITOR', state: 'editor'},
{name: 'UPLOAD', state: 'upload'},
]
}
Hi there, I am playing around with the seed project. Currently on the sidemenu (left) it’s got +add to add menu items at runtime.
My question is:
How can I hardcode the menu instead if using the current adding at runtime?
That add button is used for demo purpose, you can remove that from components/common/navigation/navigation.template.html
And you need to define your own navigation items in services/navigation/navigation.service.ts
Thanks
After upgrading to Material Beta 10 we have noticed that the toggleCollapse no longer works correctly from the topbar.component.ts
Is there an update available for this?
Thanks.
I’ve also updated to latest version, I’ve seen the issue. I’ll let you know when the issue is fixed.
Hey, Egret is updated to latest angular and Material design. That issue is fixed.
Hi, how can I remove the breadcrumbs from the seed project please?
Thanks
S
Please go to “components/common/layouts/admin-layout/admin-layout.template.html” and remove “app-breadcrumb” tag.
Hi there…Has this admin dashboard been created using the Angular-cli ?
Thanks
Yes, Egret is created with Angular CLI.
A small issue, on iphone, when I start typing in username/password, it’ll automatically zoom in, but after login, it won’t show whole view unit I manually zoom out, can you please take a look?
Sure, I’ll take a look. Thanks for that information.
Are you same developer as https://themeforest.net/item/primer-angular-2-material-design-admin-template/19228165
No, I’m not the same developer.
do you have a angular cli version documentation somehwere, that details how breadcrumbs have been setup, how menus have been setup
Please go to https://cli.angular.io/ for cli doc. How to use breadcrumb and navigation http://egret-doc.mhrafi.com/#breadcrumb
If you want to understand how those things work you need to take a look inside code, and it’s pretty simple I can assure you.
Thanks
Hi @mh_rafi,I really like your theme so far! Really good job! I mostly bought to check out a professional use of flex-layout. It is really helping me, thanks!
I’m having trouble to make your spinner in index.html work though. Do I need any dependencies besides css?
That spinner doesn’t have any other dependencies. If you have this markup
<div class="app-loader">
<div class="spinner">
<div class="double-bounce1 mat-bg-primary" />
<div class="double-bounce2 mat-bg-accent" />
</div>
</div>
in index.html and it’s css in assets/styles/styles.css, spinner should work perfectly.
Thanks
Was missing the color, thanks mh_rafi, super fast response!
Authors may ask you for a purchase code to verify that you’ve purchased this item. 12a71500-0869-4380-9253-4006ecea7d02 – 21 Aug 2017 REGULAR LICENSE
Hallo,
I need support to get a shared directive work in the app-common.module.ts, as well as in the session.module.ts.
Can you help me with that?
if you include “CommonDirectivesModule” from “directives/common/common-directives.module.ts” in “app-common.module.ts”, you should able to use common directives in the child components of “app-common.module.ts”.
Please check “views/app-inbox/app-inbox.module.ts” to see how I included and used those directives.
Thanks
Thank you so much!
Great work! Very cleanly designed. Started playing with it, noticed one issue so far. It doesn’t compile with latest angular (4.3.5). Would you consider update dependencies soon?
Angular team will release stable version 5 in next month. I’m also going to update the template to version 5 in next month. And I believe version change won’t be a nightmare again because recent versions are backward compatible.
Here is the release schedule of angular. https://github.com/angular/angular/blob/master/docs/RELEASE_SCHEDULE.mdThanks
Hi, I experience Problems with the angular egret template. Even if I install everything from scratch and add a design to it, it doesn’t show the page with colors and layout (just structure). What can I do?
Please check browser console if there is any error. And make sure you have included your new component in ngModule.
Great work! Best of sales to you
Thank you 
hi. top menu layout? new update?
I don’t have plan to add top menu layout in next update. May be I’ll add that in near future.
Thanks
hello.., waiting new update.
You will get a new update within 2/3 days, but you won’t get top menu layout in this update. I can not assure you for that new layout as I said before.
If you need that urgently, please make a topbar with dropdown menu using a js plugin for now.
Hi, do you have jquery in your project?
No, I didn’t use jQuery. Thanks
ok just bought this project(about 2 hours ago another project with jquery, assuming jquery is very bad for angular i decided to buy this project) but in your project is present dom.helper.ts which is same as jquery, this code change dom. Ok i’m didn’t asked about specific code which change dom…
so 50$ in trash…
2 questions: can i refund this project? how bad this code “dom.helper.ts” for angular projects?
That dom.helper.ts is only used for add/remove classes for themes in body tag and for sidenav dropdown.
you won’t have to use and interact with that dom.helper. Dom is only manipulated for design purpose.
And of course, you have refund option. but I think manipulating dom only for design purpose is not bad.
Thanks
First of all, congratulation for the clean, easy to understand code and excellent folder structure of the design!
I found a bug in the design, probably you can help me in resolving it. I have implemented the login functionality, and came across this issue. After a user logs out, then back in, the navigation bar remains closed. I’ve added steps to reproduce the issue: Step 1. Go to: http://egret-angular.mhrafi.com/dashboard Step 2. Logout (user icon -> Logout) Step 3. press the back button in the browser (go back in history 1 step) It will open the dashboard, but the navigation bar remains closed. It should be opened. How can I fix that?
Suggestions: 1. You should add extra pages, like: 404, 500, maintenance, etc.. 2. To the table section you should add the material table (cdk) also. 3. Probably you should add more charts/chart libraries
Thank you so much for your information and suggestions. I’m going to fix that ASAP.
Hi, do you have a changelog for the new release? Thank you
I’m going to add changelog in product description. Thank you.
Hi, I noticed that none of the tests for the various components pass right now (largely due to spec files not including dependencies). Is this something you could correct so that we don’t have to fix all of the failed tests to get builds to work properly?
Actually the spec files has not been touched since these ware generated by CLI. You don’t need to test layout components. Please delete these spec files and write tests for your components.
Thanks
We agree that purely presentational components should not need tests, but the project also includes services, directives, helper classes and components with publicly available methods.
Since the spec files included in the project are either for a) components that are going to be slightly modified prior to usage by developers like ourselves, or b) used outright as delivered, it would be good if the basic spec files included could be run effectively using ‘npm test’.
Obviously any modifications we make should result in updated tests after that point.
Given this is the case, we hope you may reconsider and provide some basic tests for others to build upon.
I’m going to fix the issues. Thanks for the information you provided in spread sheet.
Your welcome. Please let us know when there is an update with the new tests. Looking forward to integrating them.
I’ve implemented basic tests and updated the files, please download the latest copy. Thanks
It would be more effective if you added carousel or flipping cards .
I didn’t think about carousel or flipping cards, I’ll think about this 
hi, Do you intend to implement : RTL & LTR ?
yes, I’ve planned to add RTL support in next update.
Thanks
is there any updates !!
I got busy with my other side projects. I’m going to update for Angular 5 very soon. I’ll try to add RTL feature.
believe me my friend RTL feature no less important than any component, there are people who want to buy the template but without this feature it is difficult
I’ll add RTL support. But I can’t assure you that it’ll happen very soon. I’m just spending crazy busy days.
If you don’t know, Feature request is not included in Item Support.
Thank you 
Hello, I want to buy a new template because the one I use is not fully compatible with angular 4. So, can you confirm that yours is fully compatible please? Thanks in advance
Yes, I can assure you that it’s fully built based on Angular 4 
Hello, And if I want to give permissions to my user’s, for exemple: The user with ADMIN permission can access to Dashboard, Mail, Chat, etc.., and see the menu on sidebar. But the user with USER permission only can access to Dashboard and Mail, for exemple. And logical the menu Chat don’t appear onde sidebar.
And great Job with the theme. Thank’s
You can define/generate different sidemenu(json) based on user type in navigation.service.ts
Thanks 