-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
9 changed files
with
83 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
20 changes: 20 additions & 0 deletions
20
sources/Clients.Identity.Blazor.Shared/Clients.Identity.Blazor.Shared.csproj
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,20 @@ | ||
| <Project Sdk="Microsoft.NET.Sdk.Razor"> | ||
|
|
||
| <PropertyGroup> | ||
| <RootNamespace>MadWorldNL.Clients.Identity.Blazor.Shared</RootNamespace> | ||
| <AssemblyName>$(RootNamespace)</AssemblyName> | ||
| </PropertyGroup> | ||
|
|
||
| <ItemGroup> | ||
| <SupportedPlatform Include="browser"/> | ||
| </ItemGroup> | ||
|
|
||
| <ItemGroup> | ||
| <PackageReference Include="Microsoft.AspNetCore.Components.Web" Version="8.0.2"/> | ||
| </ItemGroup> | ||
|
|
||
| <ItemGroup> | ||
| <ProjectReference Include="..\Clients.Identity.Api.Contracts\Clients.Identity.Api.Contracts.csproj" /> | ||
| </ItemGroup> | ||
|
|
||
| </Project> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,3 @@ | ||
| <div class="my-component"> | ||
| This component is defined in the <strong>Clients.Identity.Blazor.Shared</strong> library. | ||
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,6 @@ | ||
| .my-component { | ||
| border: 2px dashed red; | ||
| padding: 1em; | ||
| margin: 1em 0; | ||
| background-image: url('background.png'); | ||
| } |
36 changes: 36 additions & 0 deletions
36
sources/Clients.Identity.Blazor.Shared/ExampleJsInterop.cs
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,36 @@ | ||
| using Microsoft.JSInterop; | ||
|
|
||
| namespace Clients.Identity.Blazor.Shared; | ||
|
|
||
| // This class provides an example of how JavaScript functionality can be wrapped | ||
| // in a .NET class for easy consumption. The associated JavaScript module is | ||
| // loaded on demand when first needed. | ||
| // | ||
| // This class can be registered as scoped DI service and then injected into Blazor | ||
| // components for use. | ||
|
|
||
| public class ExampleJsInterop : IAsyncDisposable | ||
| { | ||
| private readonly Lazy<Task<IJSObjectReference>> moduleTask; | ||
|
|
||
| public ExampleJsInterop(IJSRuntime jsRuntime) | ||
| { | ||
| moduleTask = new(() => jsRuntime.InvokeAsync<IJSObjectReference>( | ||
| "import", "./_content/Clients.Identity.Blazor.Shared/exampleJsInterop.js").AsTask()); | ||
| } | ||
|
|
||
| public async ValueTask<string> Prompt(string message) | ||
| { | ||
| var module = await moduleTask.Value; | ||
| return await module.InvokeAsync<string>("showPrompt", message); | ||
| } | ||
|
|
||
| public async ValueTask DisposeAsync() | ||
| { | ||
| if (moduleTask.IsValueCreated) | ||
| { | ||
| var module = await moduleTask.Value; | ||
| await module.DisposeAsync(); | ||
| } | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1 @@ | ||
| @using Microsoft.AspNetCore.Components.Web |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
6 changes: 6 additions & 0 deletions
6
sources/Clients.Identity.Blazor.Shared/wwwroot/exampleJsInterop.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,6 @@ | ||
| // This is a JavaScript module that is loaded on demand. It can export any number of | ||
| // functions, and may import other JavaScript modules if required. | ||
|
|
||
| export function showPrompt(message) { | ||
| return prompt(message, 'Type anything here'); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters