822 comments found.
I just purchased the Egret template and would like access to the repo. At github I’m dkmullen
invitation sent! https://github.com/mh-rafi/egret-angular/invitations
Please add “engr-ziaullah” to GitHub repository.
Invitation sent! Please check notifications. Thanks
Admin please help me.. i am using Angular 6.07, Angular CLI 6.08, Node 10.1.0 I created new application through angular CLI. and copied theme to new created Application. I am getting following errors.
“RROR in ./src/assets/styles/app.scss (./node_modules/raw-loader./node_modules/sass-loader/lib/loader.js??ref—14-3!./src/assets/styles/app.scss)
Module build failed:
@import “~css-star-rating/scss/star-rating.scss
File to import not found or unreadable: ~css-star-rating/scss/star-rating.scss. in C:\Users\lenovo\AngularTest\src\assets\styles\app.scss (line 13, column 1) ERROR in src/app/app.module.ts(13,48): error TS2307: Cannot find module ’@ngx-translate/core’. src/app/app.module.ts(14,35): error TS2307: Cannot find module ’@ngx-translate/http-loader’. src/app/shared/components/customizer/customizer.component.ts(4,30): error TS2307: Cannot find module ‘perfect-scrollbar’. src/app/shared/components/header-side/header-side.component.ts(4,34): error TS2307: Cannot find module ’@ngx-translate/core’. src/app/shared/components/header-top/header-top.component.ts(5,34): error TS2307: Cannot find module ’@ngx-translate/core’. src/app/shared/components/layouts/admin-layout/admin-layout.component.ts(12,46): error TS2307: Cannot find module ’@angular/flex-layout’. src/app/shared/components/layouts/admin-layout/admin-layout.component.ts(13,34): error TS2307: Cannot find module ’@ngx-translate/core’. src/app/shared/components/layouts/admin-layout/admin-layout.component.ts(15,30): error TS2307: Cannot find module ‘perfect-scrollbar’. src/app/shared/components/sidebar-side/sidebar-side.component.ts(5,30): error TS2307: Cannot find module ‘perfect-scrollbar’. src/app/shared/components/sidebar-top/sidebar-top.component.ts(2,30): error TS2307: Cannot find module ‘perfect-scrollbar’. src/app/shared/directives/egret-side-nav-toggle.directive.ts(2,46): error TS2307: Cannot find module ’@angular/flex-layout’. src/app/shared/fake-db/calendarEvents.ts(10,8): error TS2307: Cannot find module ‘date-fns’. src/app/shared/models/event.model.ts(1,52): error TS2307: Cannot find module ‘angular-calendar’. src/app/shared/models/event.model.ts(11,8): error TS2307: Cannot find module ‘date-fns’. src/app/shared/shared.module.ts(5,34): error TS2307: Cannot find module ’@angular/flex-layout’. src/app/shared/shared.module.ts(6,33): error TS2307: Cannot find module ’@ngx-translate/core’. src/app/views/app-calendar/app-calendar.component.ts(2,84): error TS2307: Cannot find module ‘angular-calendar’. src/app/views/app-calendar/app-calendar.component.ts(8,8): error TS2307: Cannot find module ‘date-fns’. src/app/views/app-calendar/app-calendar.module.ts(17,34): error TS2307: Cannot find module ’@angular/flex-layout’. src/app/views/app-calendar/app-calendar.module.ts(18,32): error TS2307: Cannot find module ‘angular-calendar’. src/app/views/app-calendar/app-calendar.module.ts(19,35): error TS2307: Cannot find module ‘ngx-color-picker’. src/app/views/app-calendar/calendar-form-dialog/calendar-form-dialog.component.ts(3,31): error TS2307: Cannot find module ‘angular-calendar’. src/app/views/app-chats/app-chats.component.ts(3,46): error TS2307: Cannot find module ’@angular/flex-layout’.
src/app/views/app-chats/app-chats.module.ts(14,34): error TS2307: Cannot find module ’@angular/flex-layout’. src/app/views/app-inbox/app-inbox.component.ts(4,46): error TS2307: Cannot find module ’@angular/flex-layout’. src/app/views/app-inbox/app-inbox.module.ts(18,34): error TS2307: Cannot find module ’@angular/flex-layout’. src/app/views/app-inbox/app-inbox.module.ts(19,29): error TS2307: Cannot find module ‘ngx-quill’. src/app/views/app-tour/app-tour.component.ts(3,28): error TS2307: Cannot find module ‘hopscotch’. src/app/views/app-tour/app-tour.module.ts(8,34): error TS2307: Cannot find module ’@angular/flex-layout’. src/app/views/charts/charts.module.ts(8,34): error TS2307: Cannot find module ’@angular/flex-layout’. src/app/views/charts/charts.module.ts(9,30): error TS2307: Cannot find module ‘ng2-charts/ng2-charts’. src/app/views/cruds/cruds.module.ts(18,34): error TS2307: Cannot find module ’@angular/flex-layout’. src/app/views/cruds/cruds.module.ts(19,36): error TS2307: Cannot find module ’@swimlane/ngx-datatable’. src/app/views/dashboard/dashboard.module.ts(14,34): error TS2307: Cannot find module ’@angular/flex-layout’. src/app/views/dashboard/dashboard.module.ts(15,30): error TS2307: Cannot find module ‘ng2-charts/ng2-charts’. src/app/views/dashboard/dashboard.module.ts(16,36): error TS2307: Cannot find module ’@swimlane/ngx-datatable’. src/app/views/dragndrop/dragndrop.component.ts(2,32): error TS2307: Cannot find module ‘ng2-dragula’. src/app/views/dragndrop/dragndrop.module.ts(9,34): error TS2307: Cannot find module ’@angular/flex-layout’. src/app/views/dragndrop/dragndrop.module.ts(10,31): error TS2307: Cannot find module ‘ng2-dragula’. src/app/views/forms/basic-form/basic-form.component.ts(3,34): error TS2307: Cannot find module ‘ng2-validation’. src/app/views/forms/file-upload/file-upload.component.ts(2,30): error TS2307: Cannot find module ‘ng2-file-upload’. src/app/views/forms/forms.module.ts(18,34): error TS2307: Cannot find module ’@angular/flex-layout’. src/app/views/forms/forms.module.ts(19,29): error TS2307: Cannot find module ‘ngx-quill’. src/app/views/forms/forms.module.ts(20,36): error TS2307: Cannot find module ’@swimlane/ngx-datatable’. src/app/views/forms/forms.module.ts(21,34): error TS2307: Cannot find module ‘ng2-file-upload/ng2-file-upload’. src/app/views/home/home.component.ts(4,30): error TS2307: Cannot find module ‘perfect-scrollbar’. src/app/views/home/home.module.ts(10,34): error TS2307: Cannot find module ’@angular/flex-layout’. src/app/views/map/map.module.ts(8,34): error TS2307: Cannot find module ’@angular/flex-layout’. src/app/views/map/map.module.ts(9,31): error TS2307: Cannot find module ’@agm/core’. src/app/views/mat-icons/mat-icons.module.ts(8,34): error TS2307: Cannot find module ’@angular/flex-layout’. src/app/views/material/app-material.module.ts(38,34): error TS2307: Cannot find module ’@angular/flex-layout’. src/app/views/others/others.module.ts(20,34): error TS2307: Cannot find module ’@angular/flex-layout’. src/app/views/others/others.module.ts(21,36): error TS2307: Cannot find module ’@swimlane/ngx-datatable’. src/app/views/others/others.module.ts(22,30): error TS2307: Cannot find module ‘ng2-charts/ng2-charts’. src/app/views/others/others.module.ts(23,34): error TS2307: Cannot find module ‘ng2-file-upload/ng2-file-upload’. src/app/views/profile/profile-settings/profile-settings.component.ts(2,30): error TS2307: Cannot find module ‘ng2-file-upload’. src/app/views/profile/profile.module.ts(20,34): error TS2307: Cannot find module ’@angular/flex-layout’. src/app/views/profile/profile.module.ts(21,36): error TS2307: Cannot find module ’@swimlane/ngx-datatable’. src/app/views/profile/profile.module.ts(22,30): error TS2307: Cannot find module ‘ng2-charts/ng2-charts’. src/app/views/profile/profile.module.ts(23,34): error TS2307: Cannot find module ‘ng2-file-upload/ng2-file-upload’. src/app/views/sessions/sessions.module.ts(13,34): error TS2307: Cannot find module ’@angular/flex-layout’. src/app/views/sessions/signup/signup.component.ts(4,34): error TS2307: Cannot find module ‘ng2-validation’. src/app/views/shop/shop.module.ts(5,34): error TS2307: Cannot find module ’@angular/flex-layout’. src/app/views/shop/shop.module.ts(25,36): error TS2307: Cannot find module ’@swimlane/ngx-datatable’. src/app/views/shop/shop.module.ts(26,34): error TS2307: Cannot find module ‘angular-star-rating’. src/app/views/shop/shop.module.ts(27,37): error TS2307: Cannot find module ‘ngx-pagination’. src/app/views/tables/tables.module.ts(7,36): error TS2307: Cannot find module ’@swimlane/ngx-datatable’. src/app/views/tables/tables.module.ts(8,34): error TS2307: Cannot find module ’@angular/flex-layout’.”
please help me out ASAP. Thanks
You should start new project using seed provided in template.
There are few third party css and js files are added to “src/assets/styles/app.scss” and “polyfills.ts” if you create new project you should also setup these files.
Thanks
I want to fix top navigation always. What files must be changed to do this?
I found! It’s in the layout.services.ts file, changing the ‘navigationPos’ property to ‘top’. Thank you.
Great!
What and when will the next news of the template be?
I can not give you the exact time. There are few updates in github. I’ll upload those to ThemeForest soon. 
Hi, Does it support Angular 6 cli. Cause angular 6 has alot changes to previous versions. Product comes with any sample app build and tested on Angular 6?
Yes. It’s fully compatible with angular 6 cli. Project and it’s structure has been upgraded to angular 6. And product comes with app build.
Thanks
Is it possible to make it work on IE10
I’m not sure it’s possible. Even material.angular.io does not support IE10.
Hi, is it possible to get an access to the github repository just to try the theme out before I decide to buy it? My github username is: dindol. Thanks
Github invitation sent. please check notification.
have you checked the template?
Hey how are you. Please I need to add a custom theme for this template I have used a website online to generate new theme and this is the file:
/* For use in src/lib/core/theming/_palette.scss */ $md-mcgpalette0: ( 50 : #fffcf3, 100 : #fff7e0, 200 : #fff2cc, 300 : #ffedb8, 400 : #ffe9a8, 500 : #ffe599, 600 : #ffe291, 700 : #ffde86, 800 : #ffda7c, 900 : #ffd36b, A100 : #ffffff, A200 : #ffffff, A400 : #ffffff, A700 : #fffbf3, contrast: ( 50 : #000000, 100 : #000000, 200 : #000000, 300 : #000000, 400 : #000000, 500 : #000000, 600 : #000000, 700 : #000000, 800 : #000000, 900 : #000000, A100 : #000000, A200 : #000000, A400 : #000000, A700 : #000000, ) );
Where do I have to place this or how can I generate new theme based on new colours
If you haven’t tried out the instructions in the following blog post, please try out. http://blog.mhrafi.com/2017/07/21/creating-new-theme-for-angular-material-design/
Hope this will help, thanks
Has this been upgraded to support Angular 6. I have done it myself except stuck on this code: In breadcrumb.component.ts -
this.routeParts.reverse().map((item, i) => { item.breadcrumb = this.parseText(item); item.urlSegments.forEach((urlSegment, j) => { if(j === 0) return item.url = `${urlSegment.path}`; item.url += `/${urlSegment.path}` }); if(i === 0) { return item; } // prepend previous part to current part item.url = `${this.routeParts[i – 1].url}/${item.url}`; return item; });
Yes, Template is upgraded to Angular 6. And you don’t need to change anything in that piece of code.
Hi,
CRUD module / component is very good. Edit mode is design to work on the Popup dialog box. Can you please provide me some sample code while edit screen can appear on main screen instead of popup dialog box? If you can not send sample code then can you advise me the right direction ?
I know, this may not be a part of the support, but still thought to check with you if it is feasible for you.
Thanks in advance !!!
To edit an item on a page, first you need to define a new route for edit page with routeparams(path: ‘member/:id’), then you need to get that route param(id) in edit page component and make http call to get that item by id. Then you can edit that item.
I’m not sure you can do that by just following my instructions. It would be better if you watch tutorials on following topics. Angular router, route params, building angular CRUD applications.
Thanks
Hi is it possible to use both top and side navigation layout on the same project. Lets say user point to www.demo.com/user he get top-nav layout and if another user points to www.demo.com/admin he gets the sid-nav bar layout
yes, You can subscribe to route change and call this function (publishLayoutChange() from ‘app/shared/services/layout.service.ts’) and pass dynamic options based on current route. ‘publishLayoutChange()’ changes layout based on passed options.
Thanks.
Sorry i am new to Angular can you be more specific on where and how to go about that. and secondly i have been trying to update to Angular 6.0.7 against the 6.0.1 provided not been able to update keep showing errors guess to plugged you used are not compactable or outdated can you upgrade to the newest version
I have been able to update to the latest version I also updated all the third-party plugins as well if you what I can make pull request for that on github.
Now I only need example on how to change the layout Dynamically Thanks
Please take a look at ‘changePageTitle()’ method in app.component.ts. This method subscribe to route change events and changes page title. you do the same. subscribe to route change
this.router.events.pipe(filter(event => event instanceof NavigationEnd)).subscribe((routeChange) => {})
and call ‘publishLayoutChange()’ and pass layout configuration conditionally based on routeChange.
Thanks
We are looking for angular auto search in dropdown
I think you are looking for this component https://material.angular.io/components/autocomplete/examples
Hi! Please add me to the git repository my username is doItBinary, ty
invitation sent! https://github.com/mh-rafi/egret-angular/invitations
Thank you very much!
Hello! Please add me to the git repository username: thodoris , thanks a lot! keep the great work !
Invitation sent! https://github.com/mh-rafi/egret-angular/invitations
Hello, please i am having an issue, which i believe you can offer an advice, when i deploy my application, which i used this template, it lags, i dont know what could be the cause, i got this template about 4 months ago.
can you share your code somewhere? you can upload to bitbucket. my bitbucket username is mh-rafi
Hello, please add normowl to repo
Hi! Please add me to the git repository. My username is amitsindha
Invitation sent! Please check your github account. Thanks
Hi! Can you please send invitation again? i did not find any invitation in my account. My username is – “amitsindha”
you should see your invitation here https://github.com/mh-rafi/egret-angular/invitations
Thank you!!!, I got access.
Hello! Please add me to the git repository username rilwans thanks!
Invitation sent please check your github notification.
Hi,
adjust the code in file header-top.component.ts, line 42
from
let mainItems:any[] = res.slice(0, limit – 1)
to
let mainItems:any[] = res.slice(0, limit)
with 5 itens in menu, the last item not appear
regards
Thanks for the information. I’ll check out
hello, i just bought your template and start configuring to my needs. i wonder, instead of removing elements i dont need, my u can provide a starter-kit template for this, that will be an empty clean version with dashboard page only. this will be much easier then removing all unwanted pages also from routing, modules, etc… thanks
There are seed projects inside your downloaded folder. Please check out.
This item was featured on ThemeForest
Elite Author
Contact the Envato Market Help Team
