It would be great if someone from the community can take up this task.

Basically, all you need to do is fix / add localization resources.

Most of the texts in the Blazor components are not localization-ready. You have to add something like

@inject IStringLocalizer<NavMenu> L

to the component where NavMenu is the component name.

Now, you can use @L["Text"] for implementing localization.

For Example

Convert

<MudNavLink Href="/dashboard" Match="NavLinkMatch.All" Icon="@Icons.Material.Outlined.Dashboard">Dashboard</MudNavLink>

into

<MudNavLink Href="/dashboard" Match="NavLinkMatch.All" Icon="@Icons.Material.Outlined.Dashboard">@L["Dashboard"]</MudNavLink>

Similarly, go through each and every component of the project and do the required changes. Even if you could do this change for a single component, I would appreciate it :)

Once that's done, Navigate to the Client project to Client/Resources

Here is where you can find the RESX files arranged in a folder view.

For example,

the NavMenu.razor component resides under Client/Shared/NavMenu.razor

and the RESX file for this component resides under Client/Resources/Shared/NavMenu.{lang}.resx where {lang} is the LanguageKey.

In this RESX file, add the Name and Values, where Name is what you mentioned under @l["Dashboard"] and Value will be the localizes string.

Also note that the existing RESX files are copied over from BlazorHero. Thus, there can be chances that RESX files are in different directories altogether for certain components. So, Re-arrangement of RESX might also be necessary to properly load Localization files.

Thanks for the support! I will leave a sample commit for your reference.

Hello,
When I generate the UpdateProductRequest with the NSwag command, how can I specify the default value of a property ?
For exemple instead of = default! I want to set = 1.
I made the property in the API class UpdateProductRequest to = 1, but when launching the command it's not taking it.

Is it normal or there is another way to do it ?
Thanks.

Hello @iammukeshm ! I like to contribute in this wasm project in my free time. Can you create a proper milestone for this project as well. so I can see what needs to implement.

Thanks

Hi,

When I buid app, and try create user, I alway see email & Password of admin to be cached in creat user user form ,,, Please help to fixed it :

Switching Language to Arabic should automatically change the app view orientation to RTL.

While using AzureAd Auth I see the error (below) in the browser tools (so client side wasm) - probably due to the fact we are kind of skip showing thoese controls completely when in AzureAd Auth mode

blazor.webassembly.js:1
crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
Unhandled exception rendering component: Object reference not set to an instance of an object.
System.NullReferenceException: Object reference not set to an instance of an object.
at MudBlazor.Utilities.MudColor..ctor(String value)
at MudBlazor.Utilities.MudColor.op_Implicit(String input)
at FSH.BlazorWebAssembly.Client.Shared.BaseLayout.SetCurrentTheme(ClientPreference themePreference) in C:\Users\274188A\source\repos\CLEAN\WASM\blazor-wasm-boilerplate\src\Client\Shared\BaseLayout.razor.cs:line 49
at FSH.BlazorWebAssembly.Client.Shared.BaseLayout.OnInitializedAsync() in C:\Users\274188A\source\repos\CLEAN\WASM\blazor-wasm-boilerplate\src\Client\Shared\BaseLayout.razor.cs:line 24
at Microsoft.AspNetCore.Components.ComponentBase.RunInitAndSetParametersAsync()
at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task taskToHandle, ComponentState owningComponentState)

Hi there,

Any chance of implementing the remember me for the Login? Not sure how the jwt and cookie thing would work in order to support this?

Cheers

• Use JSON Localization

Hello,

In the product page, the MaximumRate is set to 9999, when moving left the slider one step, the value is 99.

See this blog post:

https://whuysentruit.medium.com/blazor-wasm-pwa-adding-a-new-update-available-notification-d9f65c4ad13

I think this is something that's very interesting to have... I'll definitely build it in once I find the time... but thought this might be a "good first issue" for any takers? ;-)

Simple Popover that has options to

• Toggle Dark Mode
• Change Primary Colors
• Change Secondary Colors

• Profile Picture Upload
• Change Password
• Update Profile

While creating a new Product a user selects from the dropdown the brand for the product.
Before saving, the user changes their mind and selects another brand.

Expected: User can select another Brand from the drop-down then proceed to save.
Actual: User is unable to select any other option from the drop-down due to the disabling in the css

Brand CRUD
Product CRUD

Advanced Search Component - Column Wise Search
Export to Excel
Responsive
Pagination Support

Hi all,

I'm getting the below error when I try to add a brand and I'm watching the Dashboard for updates:

 blazor.webassembly.js:1 fail: FSH.Blazor.Client.Components.Notifications.NotificationConnection[0]
      Invalid Notification Received (FSH.Starter.Shared.Notifications.StatsChangedNotification).

I was just wondering if there was something I was doing wrong or if this is a bug? I've not made any changes to the code, just launched this and the API.

Many thanks

Throughout the application

I used my test MySQL database on another computer. Migration seems to be successful, many new tables occurred in the database.

On the first run:
ERR] Execution BackgroundServerProcess is still in the Failed state for 00:09:25.6352334 due to an exception, will be retried no more than in 00:00:15
Cannot open database "preReleaseTest" requested by the login. The login failed.

Hello,
I have a little issue, I can't find how to access a field from code.
For exemple in the product form, I want to fill the field description when I'm clicking on a button.

I already did the method on click, but I don't know how to change the description value.
The context.Description is not accessible from Product.razor
Thanks.

First, thank you for the boilerplate. I am facing an issue while using the ApiHelper.

I am trying to call an API with below method, but ApiHelper is returning NullReferenceException. But i can able to call the same API using swagger successfully.

We should find a way to actually share the shared project between blazor and the api.

There's different options:

• create an entirely separate git repo for it and share it using submodules
• simply copy over the files periodically using a script (could be combined with the script for generating the api-client)

There's probably more (please tell!), but from those 2 I think the latter will be easier to manage.

• Setup Login Page
• Setup CORS
• Pass username, password, and tenant key to API
• store access token to local storage
• redirect to home page/dashboard
• in case of auth failure, show toast notification

Hello, congratulations for this amazing project. The issue is when you want to register a new user when clicking on register the page only returns to the login page, but does not show any notification to the user of what happened so that he can know what the error is and can correct them , I also consider that it should not return to the login page if there is an error to give the user the opportunity to correct the errors and not rewrite all the fields again. I don't know if this only happens to me, anyway thanks for your attention. Regards

Refresh Tokens once JWT is about to expire.

User must be shown a logout confirmation dialog as soon as he clicks on the Logout Button.

Hello,
I think there is a regression in the front while updating role, before there was no bug, this month I tried to update a role and I have the error bellow
Unhandled exception rendering component: The given key 'PermissionViewModel { Description = View Dashboard, Action = View, Resource = Dashboard, IsBasic = False, IsRoot = False, Name = Permissions.Dashboard.View, Enabled = True }' was not present in the dictionary.

I download the last version in this repo and the error existe too.

To reproduce, juste go to Basic role and check or uncheck any field then save.

ClaimsPrincipalExtension

public static string? GetTenant(this ClaimsPrincipal claimsPrincipal)
    => claimsPrincipal.FindFirstValue(ClaimTypes.Name);

Fix:
public static string? GetTenant(this ClaimsPrincipal claimsPrincipal)
=> claimsPrincipal.FindFirstValue("tenant");

So the edit screen below is basically read-only even for the root admin. Maybe it's supposed to be? If not it might be a bug

Cannot show snackbar message

• Fix Navigation Headers
• Add Peek Messages
• Fix User Dropdown

Implement better search on CRUD pages to take advantage of Advanced Search via FSH API.

Hello,

The behavior of the MudSwitch is not working inside the EditFormContent section.
The property that the @bind-Checked is linked to is not changing.

Exemple :
<MudSwitch @bind-Checked="@_checked3" ThumbIcon="@(_checked3==true ? Icons.Material.Filled.Done : Icons.Material.Filled.Close)" ThumbIconColor="@(_checked3==true ? Color.Success : Color.Error)">Changing</MudSwitch>

The code above when is inside the EditFormContent will not work, otherwise it's working when outside

@code{bool _checked3 = false;}

The _checked3 is always false even if the switch is done

Can you help me with that please ?
Thanks

Hello,

I don't understand the architecture of the project, where are the controllers and connection string ?
Can you please can you enlighten me ?
Thanks

I created a project of blazor wasm using visual studio 2022 and found issues. The logs of the console are added in the log file attached to this issue.

Looking forward to knowing how can I fix this issue
LOG FILE

Having those 3 switches on every table is a sore on the eye (it makes the first column wider than it has to be and it's totally messed up when the first column isn't wide enough anymore).

I think these would fit perfectly in the ThemeManager SidePanel as user-configurable global settings for all the tables in the app (at least those that subscribe to the changes of those properties)

Display currently logged-in user details in UI.

• Navigation Menu
• Person Card

Edit a field with Brand.

The brand is not selected when Edit form is opened

The new RolePermissions view could be made more user friendly.

Nothing personal, @PedroVentura235, you did a great job with the initial version! Just want to iterate on it a bit more ;-)

The Permissions should be split into their respective categories. Similar like how it's done in BlazorHero.
There it's done using tabs. It can be anything: tabs, groups in a table, a treeview or any other of visual representation of groups, but like it is now it's not really easy to find what you need.
The groups in FSHPermissions.cs actually have DisplayName and Description attributes which values could be used in the UI (after running them through the localizer maybe?). I guess they are put there for that reason?

About the descriptions: like it's implemented now, the descriptions of the individual permissions will always be empty.
I thought those descriptions were in FSHPermissions.cs as well. But apparently, as it looks, they live in the database in the RoleClaims table now?

That doesn't make much sense to me to be honest. As one particular permission can be added to different roles, this means those descriptions would have to be duplicated everywhere, and permissions that aren't added to any roles can't have a description? And where would the descriptions come from in the first place?

I think there's something wrong in the design here?

I think we should also put Description attributes on all the individual Permissions in FSHPermissions.cs, And take them from there in stead for the UI. And then simply remove the Description property from ApplicationRoleClaim and the dto's that are derived from it... no need to send those over the wire either...

Hi. I am currently checking out the wasm Blazor project, added new entitities/controllers using the Api boilerplate.

Now the question is, Blazor project cant see updated proxy, The WebApiClient does not reflect the new controllers?

As of now, the server api uri is hardcoded within the source.