From 51e7e1b8687f889f0773cfeade3f75a320676c20 Mon Sep 17 00:00:00 2001 From: Michel Michels Date: Thu, 25 Apr 2024 23:30:14 +0200 Subject: [PATCH] Add a demo Blazor app for the API wrapper --- MicheMichels.ViesSharp.sln | 6 + images/logo.png | Bin 2312 -> 0 bytes images/screenshot.png | Bin 6347 -> 0 bytes .../Components/App.razor | 27 +++ .../Components/Layout/MainLayout.razor | 9 + .../Components/Layout/MainLayout.razor.css | 96 ++++++++++ .../Components/Layout/NavMenu.razor | 30 ++++ .../Components/Layout/NavMenu.razor.css | 105 +++++++++++ .../Components/Pages/Counter.razor | 19 ++ .../Components/Pages/Error.razor | 36 ++++ .../Components/Pages/Home.razor | 167 ++++++++++++++++++ .../Components/Pages/Home.razor.css | 7 + .../Components/Pages/Weather.razor | 64 +++++++ .../Components/Routes.razor | 6 + .../Components/_Imports.razor | 10 ++ .../MichelMichels.ViesSharp.Demo.csproj | 13 ++ src/MichelMichels.ViesSharp.Demo/Program.cs | 31 ++++ .../Properties/launchSettings.json | 38 ++++ .../appsettings.Development.json | 8 + .../appsettings.json | 9 + .../wwwroot/app.css | 0 .../wwwroot/favicon.png | Bin 0 -> 1148 bytes 22 files changed, 681 insertions(+) delete mode 100644 images/logo.png delete mode 100644 images/screenshot.png create mode 100644 src/MichelMichels.ViesSharp.Demo/Components/App.razor create mode 100644 src/MichelMichels.ViesSharp.Demo/Components/Layout/MainLayout.razor create mode 100644 src/MichelMichels.ViesSharp.Demo/Components/Layout/MainLayout.razor.css create mode 100644 src/MichelMichels.ViesSharp.Demo/Components/Layout/NavMenu.razor create mode 100644 src/MichelMichels.ViesSharp.Demo/Components/Layout/NavMenu.razor.css create mode 100644 src/MichelMichels.ViesSharp.Demo/Components/Pages/Counter.razor create mode 100644 src/MichelMichels.ViesSharp.Demo/Components/Pages/Error.razor create mode 100644 src/MichelMichels.ViesSharp.Demo/Components/Pages/Home.razor create mode 100644 src/MichelMichels.ViesSharp.Demo/Components/Pages/Home.razor.css create mode 100644 src/MichelMichels.ViesSharp.Demo/Components/Pages/Weather.razor create mode 100644 src/MichelMichels.ViesSharp.Demo/Components/Routes.razor create mode 100644 src/MichelMichels.ViesSharp.Demo/Components/_Imports.razor create mode 100644 src/MichelMichels.ViesSharp.Demo/MichelMichels.ViesSharp.Demo.csproj create mode 100644 src/MichelMichels.ViesSharp.Demo/Program.cs create mode 100644 src/MichelMichels.ViesSharp.Demo/Properties/launchSettings.json create mode 100644 src/MichelMichels.ViesSharp.Demo/appsettings.Development.json create mode 100644 src/MichelMichels.ViesSharp.Demo/appsettings.json create mode 100644 src/MichelMichels.ViesSharp.Demo/wwwroot/app.css create mode 100644 src/MichelMichels.ViesSharp.Demo/wwwroot/favicon.png diff --git a/MicheMichels.ViesSharp.sln b/MicheMichels.ViesSharp.sln index df4eb30..ca71755 100644 --- a/MicheMichels.ViesSharp.sln +++ b/MicheMichels.ViesSharp.sln @@ -15,6 +15,8 @@ Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "Solution Items", "Solution README.md = README.md EndProjectSection EndProject +Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "MichelMichels.ViesSharp.Demo", "src\MichelMichels.ViesSharp.Demo\MichelMichels.ViesSharp.Demo.csproj", "{C44932BA-BB8C-4300-B4AC-0D667D87F3F8}" +EndProject Global GlobalSection(SolutionConfigurationPlatforms) = preSolution Debug|Any CPU = Debug|Any CPU @@ -29,6 +31,10 @@ Global {5F23ABCD-1CF5-4C0B-8129-4654816007AD}.Debug|Any CPU.Build.0 = Debug|Any CPU {5F23ABCD-1CF5-4C0B-8129-4654816007AD}.Release|Any CPU.ActiveCfg = Release|Any CPU {5F23ABCD-1CF5-4C0B-8129-4654816007AD}.Release|Any CPU.Build.0 = Release|Any CPU + {C44932BA-BB8C-4300-B4AC-0D667D87F3F8}.Debug|Any CPU.ActiveCfg = Debug|Any CPU + {C44932BA-BB8C-4300-B4AC-0D667D87F3F8}.Debug|Any CPU.Build.0 = Debug|Any CPU + {C44932BA-BB8C-4300-B4AC-0D667D87F3F8}.Release|Any CPU.ActiveCfg = Release|Any CPU + {C44932BA-BB8C-4300-B4AC-0D667D87F3F8}.Release|Any CPU.Build.0 = Release|Any CPU EndGlobalSection GlobalSection(SolutionProperties) = preSolution HideSolutionNode = FALSE diff --git a/images/logo.png b/images/logo.png deleted file mode 100644 index 0f38ba9369899ff527b5b81b77c7518185f8a18a..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 2312 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 diff --git a/src/MichelMichels.ViesSharp.Demo/Components/App.razor b/src/MichelMichels.ViesSharp.Demo/Components/App.razor new file mode 100644 index 0000000..02d39d3 --- /dev/null +++ b/src/MichelMichels.ViesSharp.Demo/Components/App.razor @@ -0,0 +1,27 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/MichelMichels.ViesSharp.Demo/Components/Layout/MainLayout.razor b/src/MichelMichels.ViesSharp.Demo/Components/Layout/MainLayout.razor new file mode 100644 index 0000000..a7ebcef --- /dev/null +++ b/src/MichelMichels.ViesSharp.Demo/Components/Layout/MainLayout.razor @@ -0,0 +1,9 @@ +@inherits LayoutComponentBase + +@Body + +
+ An unhandled error has occurred. + Reload + 🗙 +
\ No newline at end of file diff --git a/src/MichelMichels.ViesSharp.Demo/Components/Layout/MainLayout.razor.css b/src/MichelMichels.ViesSharp.Demo/Components/Layout/MainLayout.razor.css new file mode 100644 index 0000000..038baf1 --- /dev/null +++ b/src/MichelMichels.ViesSharp.Demo/Components/Layout/MainLayout.razor.css @@ -0,0 +1,96 @@ +.page { + position: relative; + display: flex; + flex-direction: column; +} + +main { + flex: 1; +} + +.sidebar { + background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%); +} + +.top-row { + background-color: #f7f7f7; + border-bottom: 1px solid #d6d5d5; + justify-content: flex-end; + height: 3.5rem; + display: flex; + align-items: center; +} + + .top-row ::deep a, .top-row ::deep .btn-link { + white-space: nowrap; + margin-left: 1.5rem; + text-decoration: none; + } + + .top-row ::deep a:hover, .top-row ::deep .btn-link:hover { + text-decoration: underline; + } + + .top-row ::deep a:first-child { + overflow: hidden; + text-overflow: ellipsis; + } + +@media (max-width: 640.98px) { + .top-row { + justify-content: space-between; + } + + .top-row ::deep a, .top-row ::deep .btn-link { + margin-left: 0; + } +} + +@media (min-width: 641px) { + .page { + flex-direction: row; + } + + .sidebar { + width: 250px; + height: 100vh; + position: sticky; + top: 0; + } + + .top-row { + position: sticky; + top: 0; + z-index: 1; + } + + .top-row.auth ::deep a:first-child { + flex: 1; + text-align: right; + width: 0; + } + + .top-row, article { + padding-left: 2rem !important; + padding-right: 1.5rem !important; + } +} + +#blazor-error-ui { + background: lightyellow; + bottom: 0; + box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2); + display: none; + left: 0; + padding: 0.6rem 1.25rem 0.7rem 1.25rem; + position: fixed; + width: 100%; + z-index: 1000; +} + + #blazor-error-ui .dismiss { + cursor: pointer; + position: absolute; + right: 0.75rem; + top: 0.5rem; + } diff --git a/src/MichelMichels.ViesSharp.Demo/Components/Layout/NavMenu.razor b/src/MichelMichels.ViesSharp.Demo/Components/Layout/NavMenu.razor new file mode 100644 index 0000000..27c456b --- /dev/null +++ b/src/MichelMichels.ViesSharp.Demo/Components/Layout/NavMenu.razor @@ -0,0 +1,30 @@ +
+
+ MichelMichels.ViesSharp.Demo +
+
+ + + +
+ +
+ diff --git a/src/MichelMichels.ViesSharp.Demo/Components/Layout/NavMenu.razor.css b/src/MichelMichels.ViesSharp.Demo/Components/Layout/NavMenu.razor.css new file mode 100644 index 0000000..4e15395 --- /dev/null +++ b/src/MichelMichels.ViesSharp.Demo/Components/Layout/NavMenu.razor.css @@ -0,0 +1,105 @@ +.navbar-toggler { + appearance: none; + cursor: pointer; + width: 3.5rem; + height: 2.5rem; + color: white; + position: absolute; + top: 0.5rem; + right: 1rem; + border: 1px solid rgba(255, 255, 255, 0.1); + background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1); +} + +.navbar-toggler:checked { + background-color: rgba(255, 255, 255, 0.5); +} + +.top-row { + height: 3.5rem; + background-color: rgba(0,0,0,0.4); +} + +.navbar-brand { + font-size: 1.1rem; +} + +.bi { + display: inline-block; + position: relative; + width: 1.25rem; + height: 1.25rem; + margin-right: 0.75rem; + top: -1px; + background-size: cover; +} + +.bi-house-door-fill-nav-menu { + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E"); +} + +.bi-plus-square-fill-nav-menu { + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E"); +} + +.bi-list-nested-nav-menu { + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E"); +} + +.nav-item { + font-size: 0.9rem; + padding-bottom: 0.5rem; +} + + .nav-item:first-of-type { + padding-top: 1rem; + } + + .nav-item:last-of-type { + padding-bottom: 1rem; + } + + .nav-item ::deep .nav-link { + color: #d7d7d7; + background: none; + border: none; + border-radius: 4px; + height: 3rem; + display: flex; + align-items: center; + line-height: 3rem; + width: 100%; + } + +.nav-item ::deep a.active { + background-color: rgba(255,255,255,0.37); + color: white; +} + +.nav-item ::deep .nav-link:hover { + background-color: rgba(255,255,255,0.1); + color: white; +} + +.nav-scrollable { + display: none; +} + +.navbar-toggler:checked ~ .nav-scrollable { + display: block; +} + +@media (min-width: 641px) { + .navbar-toggler { + display: none; + } + + .nav-scrollable { + /* Never collapse the sidebar for wide screens */ + display: block; + + /* Allow sidebar to scroll for tall menus */ + height: calc(100vh - 3.5rem); + overflow-y: auto; + } +} diff --git a/src/MichelMichels.ViesSharp.Demo/Components/Pages/Counter.razor b/src/MichelMichels.ViesSharp.Demo/Components/Pages/Counter.razor new file mode 100644 index 0000000..1a4f8e7 --- /dev/null +++ b/src/MichelMichels.ViesSharp.Demo/Components/Pages/Counter.razor @@ -0,0 +1,19 @@ +@page "/counter" +@rendermode InteractiveServer + +Counter + +

Counter

+ +

Current count: @currentCount

+ + + +@code { + private int currentCount = 0; + + private void IncrementCount() + { + currentCount++; + } +} diff --git a/src/MichelMichels.ViesSharp.Demo/Components/Pages/Error.razor b/src/MichelMichels.ViesSharp.Demo/Components/Pages/Error.razor new file mode 100644 index 0000000..576cc2d --- /dev/null +++ b/src/MichelMichels.ViesSharp.Demo/Components/Pages/Error.razor @@ -0,0 +1,36 @@ +@page "/Error" +@using System.Diagnostics + +Error + +

Error.

+

An error occurred while processing your request.

+ +@if (ShowRequestId) +{ +

+ Request ID: @RequestId +

+} + +

Development Mode

+

+ Swapping to Development environment will display more detailed information about the error that occurred. +

+

+ The Development environment shouldn't be enabled for deployed applications. + It can result in displaying sensitive information from exceptions to end users. + For local debugging, enable the Development environment by setting the ASPNETCORE_ENVIRONMENT environment variable to Development + and restarting the app. +

+ +@code{ + [CascadingParameter] + private HttpContext? HttpContext { get; set; } + + private string? RequestId { get; set; } + private bool ShowRequestId => !string.IsNullOrEmpty(RequestId); + + protected override void OnInitialized() => + RequestId = Activity.Current?.Id ?? HttpContext?.TraceIdentifier; +} diff --git a/src/MichelMichels.ViesSharp.Demo/Components/Pages/Home.razor b/src/MichelMichels.ViesSharp.Demo/Components/Pages/Home.razor new file mode 100644 index 0000000..f7cec3f --- /dev/null +++ b/src/MichelMichels.ViesSharp.Demo/Components/Pages/Home.razor @@ -0,0 +1,167 @@ +@page "/" + +@rendermode InteractiveServer + +@using System.Diagnostics +@using MichelMichels.ViesSharp; +@using MichelMichels.ViesSharp.Exceptions +@using MichelMichels.ViesSharp.Models +@using System.Text.Json + +@inject IViesSharpClient viesSharpClient; + +ViesSharp | Demo +
+
+
+
+

ViesSharp

+

By Michel Michels

+
+ +
+
+

Search

+ +
+ + + + + +
+ +
+ + + + + +
+
+
+ + +
+

Result

+ + @if(LastResponse is not null) + { +
+
+ + +

@LastResponse.Name

+

@LastResponse.Address

+ + +
+ 
+                                    @Json
+
+
+ +
+
+ } else + { +
+ +

Lookup a VAT number!

+
+ } + +
+ + +
+

History

+ +
+ + @for (int i = 0; i < History.Count; i++) + { + VatNumberResponse response = History[i]; + +
+

+ +

+
+
+ 
+                                        @(JsonSerializer.Serialize(response, defaultSerializerOptions))
+
+
+
+
+ } +
+
+
+
+ +
+ +@code +{ + private JsonSerializerOptions defaultSerializerOptions = new() + { + WriteIndented = true, + }; + + public string? VatNumber { get; set; } + public string Json { get; set; } = string.Empty; + public string SelectedCountryCode { get; set; } = string.Empty; + public bool IsLookupEnabled => !string.IsNullOrEmpty(SelectedCountryCode); + public List CountryCodes = []; + public VatNumberResponse? LastResponse { get; set; } + public List History = []; + public string BackgroundClass { get; set; } = string.Empty; + + protected override async Task OnInitializedAsync() + { + StatusResponse statusResponse = await viesSharpClient.CheckStatus(); + CountryCodes = statusResponse.Countries.Select(x => x.CountryCode).ToList(); + } + + public async Task Lookup() + { + VatNumberRequest request = new() + { + CountryCode = SelectedCountryCode, + VatNumber = VatNumber ?? string.Empty, + }; + + try + { + if(LastResponse is not null) + { + History.Add(LastResponse); + } + + LastResponse = await viesSharpClient.CheckVatNumber(request); + BackgroundClass = LastResponse.IsValid ? "bg-success" : "bg-danger"; + Json = JsonSerializer.Serialize(LastResponse, defaultSerializerOptions); + } catch(ViesSharpException ex) + { + Json = JsonSerializer.Serialize(ex.ErrorResponse, defaultSerializerOptions); + } + } +} diff --git a/src/MichelMichels.ViesSharp.Demo/Components/Pages/Home.razor.css b/src/MichelMichels.ViesSharp.Demo/Components/Pages/Home.razor.css new file mode 100644 index 0000000..937096c --- /dev/null +++ b/src/MichelMichels.ViesSharp.Demo/Components/Pages/Home.razor.css @@ -0,0 +1,7 @@ +h1, h2,p { + font-family: 'Montserrat', 'sans-serif'; +} + +a { + text-decoration: none; +} \ No newline at end of file diff --git a/src/MichelMichels.ViesSharp.Demo/Components/Pages/Weather.razor b/src/MichelMichels.ViesSharp.Demo/Components/Pages/Weather.razor new file mode 100644 index 0000000..43a1ecb --- /dev/null +++ b/src/MichelMichels.ViesSharp.Demo/Components/Pages/Weather.razor @@ -0,0 +1,64 @@ +@page "/weather" +@attribute [StreamRendering] + +Weather + +

Weather

+ +

This component demonstrates showing data.

+ +@if (forecasts == null) +{ +

Loading...

+} +else +{ + + + + + + + + + + + @foreach (var forecast in forecasts) + { + + + + + + + } + +
DateTemp. (C)Temp. (F)Summary
@forecast.Date.ToShortDateString()@forecast.TemperatureC@forecast.TemperatureF@forecast.Summary
+} + +@code { + private WeatherForecast[]? forecasts; + + protected override async Task OnInitializedAsync() + { + // Simulate asynchronous loading to demonstrate streaming rendering + await Task.Delay(500); + + var startDate = DateOnly.FromDateTime(DateTime.Now); + var summaries = new[] { "Freezing", "Bracing", "Chilly", "Cool", "Mild", "Warm", "Balmy", "Hot", "Sweltering", "Scorching" }; + forecasts = Enumerable.Range(1, 5).Select(index => new WeatherForecast + { + Date = startDate.AddDays(index), + TemperatureC = Random.Shared.Next(-20, 55), + Summary = summaries[Random.Shared.Next(summaries.Length)] + }).ToArray(); + } + + private class WeatherForecast + { + public DateOnly Date { get; set; } + public int TemperatureC { get; set; } + public string? Summary { get; set; } + public int TemperatureF => 32 + (int)(TemperatureC / 0.5556); + } +} diff --git a/src/MichelMichels.ViesSharp.Demo/Components/Routes.razor b/src/MichelMichels.ViesSharp.Demo/Components/Routes.razor new file mode 100644 index 0000000..f756e19 --- /dev/null +++ b/src/MichelMichels.ViesSharp.Demo/Components/Routes.razor @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/MichelMichels.ViesSharp.Demo/Components/_Imports.razor b/src/MichelMichels.ViesSharp.Demo/Components/_Imports.razor new file mode 100644 index 0000000..d6bf715 --- /dev/null +++ b/src/MichelMichels.ViesSharp.Demo/Components/_Imports.razor @@ -0,0 +1,10 @@ +@using System.Net.Http +@using System.Net.Http.Json +@using Microsoft.AspNetCore.Components.Forms +@using Microsoft.AspNetCore.Components.Routing +@using Microsoft.AspNetCore.Components.Web +@using static Microsoft.AspNetCore.Components.Web.RenderMode +@using Microsoft.AspNetCore.Components.Web.Virtualization +@using Microsoft.JSInterop +@using MichelMichels.ViesSharp.Demo +@using MichelMichels.ViesSharp.Demo.Components diff --git a/src/MichelMichels.ViesSharp.Demo/MichelMichels.ViesSharp.Demo.csproj b/src/MichelMichels.ViesSharp.Demo/MichelMichels.ViesSharp.Demo.csproj new file mode 100644 index 0000000..ca20e08 --- /dev/null +++ b/src/MichelMichels.ViesSharp.Demo/MichelMichels.ViesSharp.Demo.csproj @@ -0,0 +1,13 @@ + + + + net8.0 + enable + enable + + + + + + + diff --git a/src/MichelMichels.ViesSharp.Demo/Program.cs b/src/MichelMichels.ViesSharp.Demo/Program.cs new file mode 100644 index 0000000..05cd2ba --- /dev/null +++ b/src/MichelMichels.ViesSharp.Demo/Program.cs @@ -0,0 +1,31 @@ +using MichelMichels.ViesSharp; +using MichelMichels.ViesSharp.Demo.Components; + +var builder = WebApplication.CreateBuilder(args); + +builder.Services.AddSingleton(); + +// Add services to the container. +builder.Services + .AddRazorComponents() + .AddInteractiveServerComponents(); + +var app = builder.Build(); + +// Configure the HTTP request pipeline. +if (!app.Environment.IsDevelopment()) +{ + app.UseExceptionHandler("/Error", createScopeForErrors: true); + // The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts. + app.UseHsts(); +} + +app.UseHttpsRedirection(); + +app.UseStaticFiles(); +app.UseAntiforgery(); + +app.MapRazorComponents() + .AddInteractiveServerRenderMode(); + +app.Run(); diff --git a/src/MichelMichels.ViesSharp.Demo/Properties/launchSettings.json b/src/MichelMichels.ViesSharp.Demo/Properties/launchSettings.json new file mode 100644 index 0000000..c6df577 --- /dev/null +++ b/src/MichelMichels.ViesSharp.Demo/Properties/launchSettings.json @@ -0,0 +1,38 @@ +{ + "$schema": "http://json.schemastore.org/launchsettings.json", + "iisSettings": { + "windowsAuthentication": false, + "anonymousAuthentication": true, + "iisExpress": { + "applicationUrl": "http://localhost:41313", + "sslPort": 44308 + } + }, + "profiles": { + "http": { + "commandName": "Project", + "dotnetRunMessages": true, + "launchBrowser": true, + "applicationUrl": "http://localhost:5183", + "environmentVariables": { + "ASPNETCORE_ENVIRONMENT": "Development" + } + }, + "https": { + "commandName": "Project", + "dotnetRunMessages": true, + "launchBrowser": true, + "applicationUrl": "https://localhost:7029;http://localhost:5183", + "environmentVariables": { + "ASPNETCORE_ENVIRONMENT": "Development" + } + }, + "IIS Express": { + "commandName": "IISExpress", + "launchBrowser": true, + "environmentVariables": { + "ASPNETCORE_ENVIRONMENT": "Development" + } + } + } + } diff --git a/src/MichelMichels.ViesSharp.Demo/appsettings.Development.json b/src/MichelMichels.ViesSharp.Demo/appsettings.Development.json new file mode 100644 index 0000000..0c208ae --- /dev/null +++ b/src/MichelMichels.ViesSharp.Demo/appsettings.Development.json @@ -0,0 +1,8 @@ +{ + "Logging": { + "LogLevel": { + "Default": "Information", + "Microsoft.AspNetCore": "Warning" + } + } +} diff --git a/src/MichelMichels.ViesSharp.Demo/appsettings.json b/src/MichelMichels.ViesSharp.Demo/appsettings.json new file mode 100644 index 0000000..10f68b8 --- /dev/null +++ b/src/MichelMichels.ViesSharp.Demo/appsettings.json @@ -0,0 +1,9 @@ +{ + "Logging": { + "LogLevel": { + "Default": "Information", + "Microsoft.AspNetCore": "Warning" + } + }, + "AllowedHosts": "*" +} diff --git a/src/MichelMichels.ViesSharp.Demo/wwwroot/app.css b/src/MichelMichels.ViesSharp.Demo/wwwroot/app.css new file mode 100644 index 0000000..e69de29 diff --git a/src/MichelMichels.ViesSharp.Demo/wwwroot/favicon.png b/src/MichelMichels.ViesSharp.Demo/wwwroot/favicon.png new file mode 100644 index 0000000000000000000000000000000000000000..8422b59695935d180d11d5dbe99653e711097819 GIT binary patch literal 1148 zcmV-?1cUpDP)9h26h2-Cs%i*@Moc3?#6qJID|D#|3|2Hn7gTIYEkr|%Xjp);YgvFmB&0#2E2b=| zkVr)lMv9=KqwN&%obTp-$<51T%rx*NCwceh-E+=&e(oLO`@Z~7gybJ#U|^tB2Pai} zRN@5%1qsZ1e@R(XC8n~)nU1S0QdzEYlWPdUpH{wJ2Pd4V8kI3BM=)sG^IkUXF2-j{ zrPTYA6sxpQ`Q1c6mtar~gG~#;lt=s^6_OccmRd>o{*=>)KS=lM zZ!)iG|8G0-9s3VLm`bsa6e ze*TlRxAjXtm^F8V`M1%s5d@tYS>&+_ga#xKGb|!oUBx3uc@mj1%=MaH4GR0tPBG_& z9OZE;->dO@`Q)nr<%dHAsEZRKl zedN6+3+uGHejJp;Q==pskSAcRcyh@6mjm2z-uG;s%dM-u0*u##7OxI7wwyCGpS?4U zBFAr(%GBv5j$jS@@t@iI8?ZqE36I^4t+P^J9D^ELbS5KMtZ z{Qn#JnSd$15nJ$ggkF%I4yUQC+BjDF^}AtB7w348EL>7#sAsLWs}ndp8^DsAcOIL9 zTOO!!0!k2`9BLk25)NeZp7ev>I1Mn={cWI3Yhx2Q#DnAo4IphoV~R^c0x&nw*MoIV zPthX?{6{u}sMS(MxD*dmd5rU(YazQE59b|TsB5Tm)I4a!VaN@HYOR)DwH1U5y(E)z zQqQU*B%MwtRQ$%x&;1p%ANmc|PkoFJZ%<-uq%PX&C!c-7ypis=eP+FCeuv+B@h#{4 zGx1m0PjS~FJt}3mdt4c!lel`1;4W|03kcZRG+DzkTy|7-F~eDsV2Tx!73dM0H0CTh zl)F-YUkE1zEzEW(;JXc|KR5{ox%YTh{$%F$a36JP6Nb<0%#NbSh$dMYF-{ z1_x(Vx)}fs?5_|!5xBTWiiIQHG<%)*e=45Fhjw_tlnmlixq;mUdC$R8v#j( zhQ$9YR-o%i5Uc`S?6EC51!bTRK=Xkyb<18FkCKnS2;o*qlij1YA@-nRpq#OMTX&RbL<^2q@0qja!uIvI;j$6>~k@IMwD42=8$$!+R^@5o6HX(*n~