Discussion on Fury - Angular 16+ Material Design Admin Template

Discussion on Fury - Angular 16+ Material Design Admin Template

By
Cart 1,868 sales
Well Documented

visurel supports this item

Supported

This author's response time can be up to 1 business day.

427 comments found.

hi,

We would like to know if there is a base version of the template without the components and examples.

regards, Sunil

We bought and downloaded the template today. After setting it up according to README.md I hadn’t been able to run ng serve in Angular 6.0.3 on it. I got this one:
ng serve
Could not find module "@angular-devkit/build-angular" from "/home/rkrell/work/demo-project".
Error: Could not find module "@angular-devkit/build-angular" from "/home/rkrell/work/demo-project".
    at Object.resolve (/home/rkrell/work/demo-project/node_modules/@angular-devkit/core/node/resolve.js:141:11)
    at Observable.rxjs_1.Observable [as _subscribe] (/home/rkrell/work/demo-project/node_modules/@angular-devkit/architect/src/architect.js:132:40)
    at Observable.subscribe (/home/rkrell/work/demo-project/node_modules/rxjs/internal/Observable.js:162:69)
    at DoOperator.call (/home/rkrell/work/demo-project/node_modules/rxjs/internal/operators/tap.js:71:23)
    at Observable.subscribe (/home/rkrell/work/demo-project/node_modules/rxjs/internal/Observable.js:159:22)
    at /home/rkrell/work/demo-project/node_modules/rxjs/internal/util/subscribeTo.js:22:31
    at Object.subscribeToResult (/home/rkrell/work/demo-project/node_modules/rxjs/internal/util/subscribeToResult.js:7:45)
    at MergeMapSubscriber._innerSub (/home/rkrell/work/demo-project/node_modules/rxjs/internal/operators/mergeMap.js:132:38)
    at MergeMapSubscriber._tryNext (/home/rkrell/work/demo-project/node_modules/rxjs/internal/operators/mergeMap.js:129:14)
    at MergeMapSubscriber._next (/home/rkrell/work/demo-project/node_modules/rxjs/internal/operators/mergeMap.js:112:18)

Has this project really been migrated to Angular 6?

After applying the basic migration steps from this guide: https://loiane.com/2018/05/upgrading-to-angular-v6/ I’ve been able to start it locally. The last step from this guide I applied has been: ncu -u which fixed several dependencies in package.json:

[..................] \ :
 angular-calendar                  ^0.24.1  →  ^0.25.2 
 chart.piecelabel.js                ^0.9.0  →  ^0.10.0 
 normalize.css                      ^7.0.0  →   ^8.0.0 
 @types/node                        ~9.4.6  →  ~10.1.2 
 jasmine-core                       ~2.8.0  →   ~3.1.0 
 karma                              ~1.7.0  →   ~2.0.2 
 karma-coverage-istanbul-reporter   ^1.2.1  →   ^2.0.0 
 karma-jasmine-html-reporter        ^0.2.2  →   ^1.1.0 
 protractor                         ~5.1.2  →   ~5.3.2 
 ts-node                            ~4.1.0  →   ~6.0.3 
 tslint                             ~5.9.1  →  ~5.10.0 
 typescript                         ~2.7.2  →   ~2.8.3 
Upgraded /home/rkrell/work/demo-project/package.json

Hey I have a question, if you have to validate a form input, like login, how do you show wrong password message?

Hey! Check the Input Component on the Components demo page. There’s a simple example, it all works really easily with ReactiveForms! You’ll need to use <mat-error>

Hi, I could never use the template that I bought, they would be grateful to solve the problem because I need to solve it quickly and I would like to use this template that I already bought and not go looking for another template. Then I add the error.

When I started running npm start, i have the next errors:

ERROR in src/app/core/sidenav/sidenav.service.ts(154,22): error TS2339: Property ‘parent’ does not exist on type ‘number | ((predicate: (value: SidenavItem, index: number, obj: SidenavItem[]) => boolean, thisArg…’. Property ‘parent’ does not exist on type ‘number’. src/app/core/sidenav/sidenav.service.ts(155,39): error TS2345: Argument of type ‘number | ((predicate: (value: SidenavItem, index: number, obj: SidenavItem[]) => boolean, thisArg…’ is not assignable to parameter of type ‘SidenavItem’. Type ‘number’ is not assignable to type ‘SidenavItem’. src/app/core/toolbar/toolbar-search-bar/toolbar-search-bar.component.ts(32,54): error TS2345: Argument of type ‘number | ((predicate: (value: SidenavItem, index: number, obj: SidenavItem[]) => boolean, thisArg…’ is not assignable to parameter of type ‘SidenavItem’. Type ‘number’ is not assignable to type ‘SidenavItem’. src/app/core/toolbar/toolbar-search-bar/toolbar-search-bar.component.ts(37,40): error TS2345: Argument of type ‘number | ((predicate: (value: SidenavItem, index: number, obj: SidenavItem[]) => boolean, thisArg…’ is not assignable to parameter of type ‘SidenavItem’. Type ‘number’ is not assignable to type ‘SidenavItem’. src/app/core/toolbar/toolbar-search-bar/toolbar-search-bar.component.ts(50,47): error TS2345: Argument of type ‘number | ((predicate: (value: SidenavItem, index: number, obj: SidenavItem[]) => boolean, thisArg…’ is not assignable to parameter of type ‘SidenavItem’. Type ‘number’ is not assignable to type ‘SidenavItem’. src/app/core/toolbar/toolbar-search-bar/toolbar-search-bar.component.ts(53,42): error TS2345: Argument of type ‘number | ((predicate: (value: SidenavItem, index: number, obj: SidenavItem[]) => boolean, thisArg…’ is not assignable to parameter of type ‘SidenavItem’. Type ‘number’ is not assignable to type ‘SidenavItem’. src/app/core/toolbar/toolbar-search-bar/toolbar-search-bar.component.ts(56,50): error TS2345: Argument of type ‘number | ((predicate: (value: SidenavItem, index: number, obj: SidenavItem[]) => boolean, thisArg…’ is not assignable to parameter of type ‘SidenavItem’. Type ‘number’ is not assignable to type ‘SidenavItem’. src/app/core/toolbar/toolbar-search-bar/toolbar-search-bar.component.ts(59,43): error TS2345: Argument of type ‘number | ((predicate: (value: SidenavItem, index: number, obj: SidenavItem[]) => boolean, thisArg…’ is not assignable to parameter of type ‘SidenavItem’. Type ‘number’ is not assignable to type ‘SidenavItem’. src/app/core/toolbar/toolbar-search-bar/toolbar-search-bar.component.ts(62,47): error TS2345: Argument of type ‘number | ((predicate: (value: SidenavItem, index: number, obj: SidenavItem[]) => boolean, thisArg…’ is not assignable to parameter of type ‘SidenavItem’. Type ‘number’ is not assignable to type ‘SidenavItem’.

Thank you very much.

Hey! Sorry for the inconvenience. It looks like you added code to our template, would you mind sharing the code you added with us on support@martinsuess.com? Other than that it seems like you pushed an object of type number into the SidenavItems Array, which obviously doesn’t work.

This has been fixed in our latest update. :)

Hellow, when i try to run npm start, i have a lot of errors, can you help me?

ERROR in src/app/core/sidenav/sidenav.service.ts(154,22): error TS2339: Property ‘parent’ does not exist on type ‘number | ((predicate: (value: SidenavItem, index: number, obj: SidenavItem[]) => boolean, thisArg…’. Property ‘parent’ does not exist on type ‘number’. src/app/core/sidenav/sidenav.service.ts(155,39): error TS2345: Argument of type ‘number | ((predicate: (value: SidenavItem, index: number, obj: SidenavItem[]) => boolean, thisArg…’ is not assignable to parameter of type ‘SidenavItem’. Type ‘number’ is not assignable to type ‘SidenavItem’. src/app/core/toolbar/toolbar-search-bar/toolbar-search-bar.component.ts(32,54): error TS2345: Argument of type ‘number | ((predicate: (value: SidenavItem, index: number, obj: SidenavItem[]) => boolean, thisArg…’ is not assignable to parameter of type ‘SidenavItem’. Type ‘number’ is not assignable to type ‘SidenavItem’. src/app/core/toolbar/toolbar-search-bar/toolbar-search-bar.component.ts(37,40): error TS2345: Argument of type ‘number | ((predicate: (value: SidenavItem, index: number, obj: SidenavItem[]) => boolean, thisArg…’ is not assignable to parameter of type ‘SidenavItem’. Type ‘number’ is not assignable to type ‘SidenavItem’. src/app/core/toolbar/toolbar-search-bar/toolbar-search-bar.component.ts(50,47): error TS2345: Argument of type ‘number | ((predicate: (value: SidenavItem, index: number, obj: SidenavItem[]) => boolean, thisArg…’ is not assignable to parameter of type ‘SidenavItem’. Type ‘number’ is not assignable to type ‘SidenavItem’. src/app/core/toolbar/toolbar-search-bar/toolbar-search-bar.component.ts(53,42): error TS2345: Argument of type ‘number | ((predicate: (value: SidenavItem, index: number, obj: SidenavItem[]) => boolean, thisArg…’ is not assignable to parameter of type ‘SidenavItem’. Type ‘number’ is not assignable to type ‘SidenavItem’. src/app/core/toolbar/toolbar-search-bar/toolbar-search-bar.component.ts(56,50): error TS2345: Argument of type ‘number | ((predicate: (value: SidenavItem, index: number, obj: SidenavItem[]) => boolean, thisArg…’ is not assignable to parameter of type ‘SidenavItem’. Type ‘number’ is not assignable to type ‘SidenavItem’. src/app/core/toolbar/toolbar-search-bar/toolbar-search-bar.component.ts(59,43): error TS2345: Argument of type ‘number | ((predicate: (value: SidenavItem, index: number, obj: SidenavItem[]) => boolean, thisArg…’ is not assignable to parameter of type ‘SidenavItem’. Type ‘number’ is not assignable to type ‘SidenavItem’. src/app/core/toolbar/toolbar-search-bar/toolbar-search-bar.component.ts(62,47): error TS2345: Argument of type ‘number | ((predicate: (value: SidenavItem, index: number, obj: SidenavItem[]) => boolean, thisArg…’ is not assignable to parameter of type ‘SidenavItem’. Type ‘number’ is not assignable to type ‘SidenavItem’.

Answered in the other comment :)

Hi ,

I bought today the Fury template. The file downloaded seems missing some files, for example, “node_module” is missing. Or it’s not part of the file provided?

I created a new app where I copy/paste your file. But it’s not working. I’m getting the error: webpack: Failed to compile.

I tried to check the documentation provided with no success to start the application. Please could you advise what i’m missing in the installation? what’s my error? How to proceed?

Thank you

Hey! Please follow the documentation step-by-step, it explains everything. You need npm to install the needed dependencies, as in any other Angular app. :) Install npm and then run `npm install` from the console and everything will be ready to go.

I have been using the template in various versions for a while…decided to do an upgrade.

Steps I took: 1) pulled a fresh copy down, 2) ran npm install, 3) ran npm run build

I get the following errors:

ERROR in src/app/core/sidenav/sidenav.service.ts(154,22): error TS2339: Property ‘parent’ does not exist on type ‘number | ((predicate: (value: SidenavItem, index: number, obj: SidenavItem[]) => boolean , thisArg…’. Property ‘parent’ does not exist on type ‘number’. src/app/core/sidenav/sidenav.service.ts(155,39): error TS2345: Argument of type ‘number | ((predicate: (value: SidenavItem, index: number, obj: SidenavItem[]) => boolean, thisArg…’ is not assignable t o parameter of type ‘SidenavItem’. Type ‘number’ is not assignable to type ‘SidenavItem’. src/app/core/toolbar/toolbar-search-bar/toolbar-search-bar.component.ts(32,54): error TS2345: Argument of type ‘number | ((predicate: (value: SidenavItem, index: number, obj: SidenavItem[]) => boolean, thisArg…’ is not assignable to parameter of type ‘SidenavItem’. Type ‘number’ is not assignable to type ‘SidenavItem’. src/app/core/toolbar/toolbar-search-bar/toolbar-search-bar.component.ts(37,40): error TS2345: Argument of type ‘number | ((predicate: (value: SidenavItem, index: number, obj: SidenavItem[]) => boolean, thisArg…’ is not assignable to parameter of type ‘SidenavItem’. Type ‘number’ is not assignable to type ‘SidenavItem’. src/app/core/toolbar/toolbar-search-bar/toolbar-search-bar.component.ts(50,47): error TS2345: Argument of type ‘number | ((predicate: (value: SidenavItem, index: number, obj: SidenavItem[]) => boolean, thisArg…’ is not assignable to parameter of type ‘SidenavItem’. Type ‘number’ is not assignable to type ‘SidenavItem’. src/app/core/toolbar/toolbar-search-bar/toolbar-search-bar.component.ts(53,42): error TS2345: Argument of type ‘number | ((predicate: (value: SidenavItem, index: number, obj: SidenavItem[]) => boolean, thisArg…’ is not assignable to parameter of type ‘SidenavItem’. Type ‘number’ is not assignable to type ‘SidenavItem’. src/app/core/toolbar/toolbar-search-bar/toolbar-search-bar.component.ts(56,50): error TS2345: Argument of type ‘number | ((predicate: (value: SidenavItem, index: number, obj: SidenavItem[]) => boolean, thisArg…’ is not assignable to parameter of type ‘SidenavItem’. Type ‘number’ is not assignable to type ‘SidenavItem’. src/app/core/toolbar/toolbar-search-bar/toolbar-search-bar.component.ts(59,43): error TS2345: Argument of type ‘number | ((predicate: (value: SidenavItem, index: number, obj: SidenavItem[]) => boolean, thisArg…’ is not assignable to parameter of type ‘SidenavItem’. Type ‘number’ is not assignable to type ‘SidenavItem’. src/app/core/toolbar/toolbar-search-bar/toolbar-search-bar.component.ts(62,47): error TS2345: Argument of type ‘number | ((predicate: (value: SidenavItem, index: number, obj: SidenavItem[]) => boolean, thisArg…’ is not assignable to parameter of type ‘SidenavItem’. Type ‘number’ is not assignable to type ‘SidenavItem’.

It looks like there’s an issue with this line? let result = find(collection, { ‘routeOrFunction’: route });

but I’m not sure. Looking for some guidance, thanks!

This issue has been fixed with the latest update. :)

”fadeInAnimation” has not been registered!` on the login page not fixed, any update?

Simply replace fadeInAnimation by routeAnimation or fadeOutAnimation. :)

Hi,

I’ve got a problem with findByRouteRecursive function in sidenav.service.ts.

src/Site/furyThemeModule/sidenav/sidenav.service.ts(110,22): error TS2339: Property ‘hasParent’ does not exist on type ‘number | ((callbackfn: (value: SidenavItem, index: number, array: SidenavItem[]) => void, thisArg…’.

Do you have an idea how to solve this ?

Thank you very much

Hey! To fix this replace line 164 in sidenav.service.ts with let result = collection.find(i => i.routeOrFunction === route);

Would be possible to have a “loading…” panel like BlockUi? would be great since it’s an Admin template. Thanks!

It’s included! Check the dashboard for the loading-overlay. :)

Hey, Why every version I download is different than the Demo? please be professional, and provide exactly what you offer. Lastest version doesn’t have backgrounds!!!!!!

Hey! Please read the description, backgrounds need to be downloaded seperately, because of the licensing, but we provide the download links for that. :)

(Y)

I am getting 404 on background images such as – /assets/img/backgrounds/chat.png

Some background images need to be downloaded seperately, due to licensing of these images.

Hi, I made the following question more than a week ago. I’m not asking for help to install the theme, I’m not asking for help with customization. I’m asking how to use a resource that you include in your theme (how to pass events in the configuration object of YOUR nvD3 component). In class documentation is ZERO and when we buy your theme it’s advertised that it is supported and that you answer in 1 busines day, so where is this support?

“Hi, in yout Traffic Sources component, is there any way to attach a click event on the data points?

I see that the nvD3.component.ts has a configureEvents method, but I didn’t figure it out how it works.”

Hey! Sorry for the way too late response, we’ve been on holidays. I have just answered your question on the other comment. If you ever encounter any issues, feel free to contact us at support@martinsuess.com. If it’s urgent we’ll answer there even on holidays. Sorry for the inconvenience and we hope you like our template!

Hi,

before purchasing the template I have some questions:

1) It’s only html and css, or it includes Angular components? 2) Can it be added to an existing project? 3) Is it aot compliant? 4) And do you use:

"noEmitHelpers": true,
  "noImplicitAny": true,
  "noUnusedLocals": true,
  "noUnusedParameters": true,

for ts settings?

Because our project does’s an we don’t want the console full of errors :)

Hear from you soon, Best, Janis.!

Hey! Sorry for the way too late response, we’ve been on holidays.

1) It’s completely ready Angular components, ready to be used.

2) We recommend starting a new project with our template, but you can also copy over the components you need into your existing project.

3) Yep! We’re using the Angular-CLI recommended TSLint settings.

If you have any more questions, let us know! :)

Hi, can you tell me how to use AspectRatioDirective? I can’t find any documentation or tutorial.

Just a take a look at the dashboard.component.html, it’s used there. You just pass the AspectRatioDirective the needed aspect ratio. e.g. 16:9 (separated with a : ) and add the AspectRatioContentDirective to the inner element that should have this AspectRatio. You’ll always need a container surrounding only the Content element. :)

Hi, in yout Traffic Sources component, is there any way to attach a click event on the data points?

I see that the nvD3.component.ts has a configureEvents method, but I didn’t figure it out how it works.

Hey! Sorry for the late reply, we were on holidays the last week. To add listeners to the chart, you should use the chart configuration and add a dispatch: { } option in which you can use the listener name as key and the function you want to dispatch as value. If you encounter any issues, or need more detailed description, best is to contact us at support@martinsuess.com and we’ll work this out with you. :)

Could you add an 404 error page ? Thank you :)

Thanks for the feedback! We surely will! :)

Please stop rewrite the whole app each time, it’s a pain to update my project. I know the structure is maybe better but every time I have to fully rewrite my project because the structure has totally changed.

Hey! We’re always trying to keep up with the latest conventions and structures, that’s why we adopted the latest changes. But I can guarantee you that for now Fury is absolutely perfect structure wise and there will be no more that great breaking changes. We had to change the whole structure a bit to allow for users to easily start a new project. Now it’s possible to just remove the demo folder and adjust the app-routing.module.ts and you have a clean and ready to go seed project with ONLY the things you need and want. :)

We import the Core Modules individually so users can completely customize the template to their needs. If we would use a SharedModule with everything inside Users would have to change that Module and adjust the template on a lot of places. But this way nobody has to do that and our users can easily use only the parts they need. :)

Yeah I can see the structure made some progress from the beginning, now it’s very clear and nice to develop on it. You did a great job on this template, but this is frustrating to have to rewrite again my whole code.

I think this is the last time I do that. If the next time I can’t update, too bad for me, I won’t enjoy your new features :(

BTW I have 2 bugs on the new update : `Error: The provided animation trigger “fadeInAnimation” has not been registered!` on the login page, and the CSS is exploded if you go to /register, and come back to /login from the browser arrow.

Thanks for your work !

This is fixed on the preview, download coming soon! :)

Hi @visurel, I also experience the scrollTo issue in components on FireFox using the preview of the 5.5.0: Clicking a item in the menu (for instance Cards) does not scroll to that item ref/component on the page. I don’t see nothing in the console neither which could explain the issue. It works fine on Chrome though.

We’ll look into this, thanks for reporting! :)

This is fixed now. :)

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