Discussion on Fuse - Angular Admin Template

Discussion on Fuse - Angular Admin Template

By
Cart 25,845 sales
Well Documented

srcn supports this item

Supported

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

1563 comments found.

Honestly, I’m in love with this Template. UI designs are amazing! Everything about backend implementation is already done for you. You just have to replace the MOCK-API Url with your own.

Well documented and commented!

I can’t believe I’m learning Angular already.

@Author, million thanks.

Thank you for your kind words, I’m glad you are enjoying Fuse.

What is the best suggested way to keep my project updated with the latest update from the project.

I will start now a new project and see there are several branches on github.

I want to be able to easily patch my code from the updates pushed to the fuse repository.

Should I use the starter or dev-starter branch? Fork and then apply the upstream updates?

Thanks for your time, and congratulations on this great template. The continuos update are welcome!

Hello,

Use the “starter” branch, fork and then add our repo as the “upstream”. Then you can pull the changes from the upstream just like you mentioned.

Do not use any of the dev branches as they are development branches.

Cheers

Amazing! Thanks for the quick response

@srcn, I appreciate your earlier response. However, I have another one. I was able to redirect users to various url based on their role. What I have not been able to achieve or don’t even know how to achieve it is “How to create different Navigation for users based on their role”. I thought of adding a directive (*ngIf) to hide/show an item on navigation menu but I don’t know how to do that since those items are populated through an API data. Any way out around this, please?

You can simply swap out the entire navigation data after the user logged in depending on the user’s role. You can find examples in our docs: https://angular-material.fusetheme.com/ui/fuse-components/components/navigation

For your future questions, please use our support ticket system at https://withinpixels.ticksy.com

Cheers

Million thanks, I’ll check it out

Hello there!

Please how are these two files communicating? 1. ‘app/core/auth/auth.service.ts’ (this one gets sign-in params from sign-in.component.ts and sends them to the mock-api below) 2. ‘app/mock-api/common/auth/api.ts’

Please don’t be hard on me as you know, I bought this template to learn Angular.

My problem is, I want to make a real Http request for Sign-In while still using your method.

So, I’m little bit confused about the location(s) of these url (or they are just dummies URL?):

“api/auth/forgot-password”

“api/auth/reset-password”

“api/auth/sign-in”

“api/auth/sign-in-with-token”

“api/auth/sign-up”

“api/auth/unlock-session”

If they are dummies, can they be replaced with real url?

Thanks in anticipation for your response.

Hello,

Those urls are handled by the MockApi module. You can simply replace the urls with your own API urls and everything will work automatically.

MockApi module handles things automatically so you don’t have to do anything with it. Just replace the API urls with the real ones and if your backend setup correctly, everything will start working with the real backend.

Cheers.

Thank you so much. It is working as expected.

Hi,

I have a need to make a navigation item active based on more than one URL.

For example in my navigation file i have an objection like this:

{ id: ‘patients’, title: ‘Patients’, type: ‘item’, icon: ‘people’, url: ’/patients’, },

however i have a page with the url of ’/visits’ that i also want to make the /patients navigation item active as well. Is there a way to do this?

Hello,

That’s not possible with the current version of the FuseNavigation, unfortunately.

That would require controlling the routerLinkActive directive using template references within the FuseNavigation’s template which potentially would make things a little too complicated.

I’ll take a note of this though and will see if it’s possible or not without making things too complicated.

Cheers

Thanks so much @srcn!

Hello there! Please do you have HTML version of this template? I love this template a lot. I’ll love to move my php app to this feature rich template but I’m not sound in Angular or React yet. If NO, can you do one for ME? PLEASE.

Hello,

We don’t have an HTML version of Fuse at the moment.

Cheers

Alright. Thanks. Perhaps, it’s time to learn Angular especially because of Fuse.

What’s your technical opinion on Angular vs React?

Hello,

I don’t have a strong opinion about which one to choose, both are good.

Usually enterprise solutions are built with Angular because people like the idea of having a big company backing up the library so, they think they won’t end up with a dead library that solves a crucial problem for them after couple of moths/years.

React on the other hand is more flexible compared to Angular, and usually a bit faster to build with but, it has its own issues. The main one in my opinion is that there are lots of different libraries trying to solve the same problems in different ways. Libraries tend to die a lot quicker because somebody else figures out a “better” way of solving the same problems.

This is mostly because people always want to use the “next big thing” so they dive too quickly since it’s the “newest tech/solution” so, libraries tend to become trendy very quickly but they also die down very quickly as well.

For me, honestly, none of these matter. There are still tons of applications that use AngularJS and they work fine. There are also tons of other apps that use early versions of React and they also work fine. Heck there are also still tons of applications that use jQuery and sometimes no javascript at all and yes you guessed it right, they also still work fine.

There are small apps that built with Angular and there are enterprise level apps that are built with React. They all work fine.

All that being said, my only recommendation is; Whichever you are comfortable with, go with that.

Software should be all about stability and user experience. Going with bleeding edge tech is not a good concept to follow in software development. I don’t care if somebody uses the latest stuff to build their software. If it’s stable and provides a decent user experience, I will use it, otherwise I’ll pass.

Cheers

Thanks for your detailed answer. I personally like Angular because it’s a complete framework (while react is more a library) and the way it’s structured, so the code is splitted into different files based on their functionality.

will you release the html 5 version of this project?

No, we don’t have any plans for it.

Hello, Do you have the Backend available for sale?

Hello,

Unfortunately, we don’t have any backend that is for sale.

Cheers

OK,

Do you have the adobe XD or Sketch screens for this project?

if yes, how much does it cost?

tks

We don’t have design files for Fuse at the moment but we do have plans for releasing a Figma file in the future along with the template itself.

Cheers

Just wanted to let you know about a bug.

If you go to: https://angular-material.fusetheme.com/ui/forms/fields and navigate to the postal code section, on the first form, you will notice that the character counter is aligned in the “start” position but your HTML is set to:

<mat-hint align="end">{{postalCode.value.length}} / 5</mat-hint>

Notice, you have aligned set to “end.”

Could tailwind be overriding the style?

Hello,

Thank you for reporting this issue.

If you remove the css selector and its properties on line #768 from src/@fuse/styles/overrides/angular-material.scss file, this issue will be resolved.

We will include this fix in the next release.

Cheers

Hi! Is there any way to remove header into a specific view? I tried by css, but can’t found a way to do it. I added an ID to the header, i can show it in rendered code, but not the css.

Hello,

You can remove it using css, make sure you put your css into either a global style file or in a component that has encapsulation turned off.

If you need further help, please use our support ticket system at https://withinpixels.ticksy.com

Cheers

Hi, do you have any Vue version available ?

Hello,

Fuse only available for Angular and React at the moment.

Cheers

Are you planning on releasing any vue version in the near future?

No, we don’t have any immediate plans for a Vue version.

Cab be Supported for RTL ?

Hello,

Fuse Angular currently doesn’t support RTL languages.

Cheers

Can you please add SSR support?

Angular being the single page app is dreadful for SEO. SSR is the rescue here. I see from the comments that its been on your todo list for a while now. Can you please expedite this request?

SSR is in our todo list but it’s not something we can just implement. There are a lot of rules that you need to follow for a proper Angular SSR app but unfortunately libraries don’t really follow those rules.

Even if we fix everything in Fuse and make it compatible with SSR, bacause of those libraries, SSR won’t work. With the current set of libraries, it’s not possible to have SSR on Fuse, unfortunately.

Thank you, great works, are there any news for RTL support?

Hello,

We currently don’t have plans for an RTL version of Fuse Angular.

Hi, I like a lot your template but I don’t see many different tables, and they are very important in my Design. - Where can I see any sample of pagination in your tables? - Where can I see any search field feature to find any word in your tables? - Is there any component to export the table content? Thanks.

Hello,

We will add more table examples in the following weeks but for now you can check Angular Material’s table components: https://material.angular.io/components/table/overview

Since Fuse uses Angular Material, you can use their tables out of the box.

You can also check the E-Commerce app on the Demo: https://angular-material.fusetheme.com/apps/ecommerce/inventory

Cheers

Hello ,

we are using latest Fuse theme for Anguglar.

fuse-starter-v14.2.0

while we make production build for theme without adding anything on it , build size is 10MB which is way higher.

ng build—prod—aot=true

Any work around for same?

Hello,

Skeleton build weighs around 3MB without the asset files. It’s important to check and remove the assets that you won’t be needing within the final build.

Cheers

Hi,

I really liked the theme and would like to purchase. I just want to know if i can use it without CLI. Is there anyway you suggest?

Hello,

This is an Angular template, you cannot use it as a normal HTML template if you are asking that. You have to use it with Angular.

Cheers

I know its an Angular template. I want to use Angular. But i just dont want to use node/cli for install angular

Where is the Dtatable template with Paginsation?THis Big Template dont have this UI?

inter

Where is the Navigation File ?I cannot find it?WHats the location?

Navigation is coming from our Mock API which is a fake API component.

Please use our support ticket system for your questions as we don’t provide support from item comments: https://withinpixels.ticksy.com

Is top header can be fixed in horizontal view?

Hello,

The top toolbar can become sticky/fixed in all layout options.

Cheers

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