code dump of starting point for step 06

save-points/06-javascript-interop/BlazingPizza.Client/App.cshtml

+<UserStateProvider>
+    <Router AppAssembly=typeof(Program).Assembly />
+</UserStateProvider>
\ No newline at end of file

save-points/06-javascript-interop/BlazingPizza.Client/BlazingPizza.Client.csproj

+<Project Sdk="Microsoft.NET.Sdk.Web">
+
+  <PropertyGroup>
+    <TargetFramework>netstandard2.0</TargetFramework>
+    <OutputType>Exe</OutputType>
+    <LangVersion>7.3</LangVersion>
+  </PropertyGroup>
+
+  <ItemGroup>
+    <PackageReference Include="Microsoft.AspNetCore.Blazor.Browser" Version="0.7.0" />
+    <PackageReference Include="Microsoft.AspNetCore.Blazor.Build" Version="0.7.0" PrivateAssets="all" />
+  </ItemGroup>
+
+  <ItemGroup>
+    <ProjectReference Include="..\BlazingPizza.ComponentsLibrary\BlazingPizza.ComponentsLibrary.csproj" />
+    <ProjectReference Include="..\BlazingPizza.Shared\BlazingPizza.Shared.csproj" />
+  </ItemGroup>
+
+</Project>

save-points/06-javascript-interop/BlazingPizza.Client/OrderState.cs

+using System;
+using System.Collections.Generic;
+using System.Threading.Tasks;
+
+namespace BlazingPizza.Client
+{
+    public class OrderState
+    {
+        public event EventHandler StateChanged;
+
+        public bool ShowingConfigureDialog { get; private set; }
+
+        public Pizza ConfiguringPizza { get; private set; }
+
+        public Order Order { get; private set; } = new Order();
+
+        public void ShowConfigurePizzaDialog(PizzaSpecial special)
+        {
+            ConfiguringPizza = new Pizza()
+            {
+                Special = special,
+                SpecialId = special.Id,
+                Size = Pizza.DefaultSize,
+                Toppings = new List<PizzaTopping>(),
+            };
+
+            ShowingConfigureDialog = true;
+        }
+
+        public void CancelConfigurePizzaDialog()
+        {
+            ConfiguringPizza = null;
+
+            ShowingConfigureDialog = false;
+            StateHasChanged();
+        }
+
+        public void ConfirmConfigurePizzaDialog()
+        {
+            Order.Pizzas.Add(ConfiguringPizza);
+            ConfiguringPizza = null;
+
+            ShowingConfigureDialog = false;
+            StateHasChanged();
+        }
+
+        public void AddTopping(Topping topping)
+        {
+            if (ConfiguringPizza.Toppings.Find(pt => pt.Topping == topping) == null)
+            {
+                ConfiguringPizza.Toppings.Add(new PizzaTopping() { Topping = topping });
+            }
+            StateHasChanged();
+        }
+
+        public void RemoveTopping(Topping topping)
+        {
+            ConfiguringPizza.Toppings.RemoveAll(pt => pt.Topping == topping);
+            StateHasChanged();
+        }
+
+        public void RemoveConfiguredPizza(Pizza pizza)
+        {
+            Order.Pizzas.Remove(pizza);
+            StateHasChanged();
+        }
+
+        public void ResetOrder()
+        {
+            Order = new Order();
+        }
+
+        private void StateHasChanged()
+        {
+            StateChanged?.Invoke(this, EventArgs.Empty);
+        }
+    }
+}

save-points/06-javascript-interop/BlazingPizza.Client/Pages/Index.cshtml

+@page "/"
+@inject HttpClient HttpClient
+@inject OrderState OrderState
+@inject IUriHelper UriHelper
+@implements IDisposable
+
+<div class="main">
+    <ul class="pizza-cards">
+        @if (specials != null)
+        {
+            @foreach (var special in specials)
+            {
+                <li onclick="@(() => OrderState.ShowConfigurePizzaDialog(special))" style="background-image: url('@special.ImageUrl')">
+                    <div class="pizza-info">
+                        <span class="title">@special.Name</span>
+                        @special.Description
+                        <span class="price">@special.GetFormattedBasePrice()</span>
+                    </div>
+                </li>
+            }
+        }
+    </ul>
+</div>
+
+<div class="sidebar">
+    @if (OrderState.Order.Pizzas.Any())
+    {
+        <div class="order-contents">
+            <h2>Your order</h2>
+
+            @foreach (var configuredPizza in OrderState.Order.Pizzas)
+            {
+                <ConfiguredPizzaItem Pizza="configuredPizza" OnRemoved="() => OrderState.RemoveConfiguredPizza(configuredPizza)" />
+            }
+        </div>
+    }
+    else
+    {
+        <div class="empty-cart">Choose a pizza<br>to get started</div>
+    }
+
+    <div class="order-total @(OrderState.Order.Pizzas.Any() ? "" : "hidden")">
+        Total:
+        <span class="total-price">@OrderState.Order.GetFormattedTotalPrice()</span>
+        <button class="btn btn-warning" disabled="@(OrderState.Order.Pizzas.Count == 0)" onclick="@PlaceOrder">
+            Order >
+        </button>
+    </div>
+</div>
+
+@if (OrderState.ShowingConfigureDialog)
+{
+    <ConfigurePizzaDialog />
+}
+
+@functions {
+    List<PizzaSpecial> specials;
+
+    protected async override Task OnInitAsync()
+    {
+        OrderState.StateChanged += OnOrderStateChanged;
+        specials = await HttpClient.GetJsonAsync<List<PizzaSpecial>>("/specials");
+    }
+
+    void IDisposable.Dispose()
+    {
+        OrderState.StateChanged -= OnOrderStateChanged;
+    }
+
+    void OnOrderStateChanged(object sender, EventArgs e) => StateHasChanged();
+
+    async Task PlaceOrder()
+    {
+        await HttpClient.PostJsonAsync("/orders", OrderState.Order);
+        OrderState.ResetOrder();
+        UriHelper.NavigateTo("myorders");
+    }
+}

save-points/06-javascript-interop/BlazingPizza.Client/Pages/MyOrders.cshtml

+@page "/myorders"
+@layout ForceSignInLayout
+@inject HttpClient HttpClient
+
+<div class="main">
+    @if (ordersWithStatus == null)
+    {
+        <text>Loading...</text>
+    }
+    else if (ordersWithStatus.Count == 0)
+    {
+        <h2>No orders placed</h2>
+        <a class="btn btn-success" href="">Order some pizza</a>
+    }
+    else
+    {
+        <div class="list-group orders-list">
+            @foreach (var item in ordersWithStatus)
+            {
+                <div class="list-group-item">
+                    <div class="col">
+                        <h5>@item.Order.CreatedTime.ToLongDateString()</h5>
+                        Items:
+                        <strong>@item.Order.Pizzas.Count()</strong>;
+                        Total price:
+                        <strong>£@item.Order.GetFormattedTotalPrice()</strong>
+                    </div>
+                    <div class="col">
+                        Status: <strong>@item.StatusText</strong>
+                    </div>
+                    <div class="col flex-grow-0">
+                        <a href="myorders/@item.Order.OrderId" class="btn btn-success">
+                            Track &gt;
+                        </a>
+                    </div>
+                </div>
+            }
+        </div>
+    }
+</div>
+
+@functions {
+    List<OrderWithStatus> ordersWithStatus;
+
+    protected override async Task OnParametersSetAsync()
+    {
+        ordersWithStatus = await HttpClient.GetJsonAsync<List<OrderWithStatus>>("/orders");
+    }
+}

save-points/06-javascript-interop/BlazingPizza.Client/Pages/OrderDetails.cshtml

+@page "/myorders/{orderId:int}"
+@using System.Threading
+@layout ForceSignInLayout
+@inject HttpClient HttpClient
+@implements IDisposable
+
+<div class="main">
+    @if (invalidOrder)
+    {
+        <h2>Nope</h2>
+        <p>Sorry, this order could not be loaded.</p>
+    }
+    else if (orderWithStatus == null)
+    {
+        <text>Loading...</text>
+    }
+    else
+    {
+        <div class="track-order">
+            <div class="track-order-title">
+                <h2>
+                    Order placed @orderWithStatus.Order.CreatedTime.ToLongDateString()
+                </h2>
+                <p class="ml-auto mb-0">
+                    Status: <strong>@orderWithStatus.StatusText</strong>
+                </p>
+            </div>
+            <div class="track-order-body">
+                <div class="track-order-details">
+                    @foreach (var pizza in orderWithStatus.Order.Pizzas)
+                    {
+                        <p>
+                            <strong>
+                                @(pizza.Size)"
+                                @pizza.Special.Name
+                                (£@pizza.GetFormattedTotalPrice())
+                            </strong>
+                        </p>
+
+                        <ul>
+                            @foreach (var topping in pizza.Toppings)
+                            {
+                                <li>+ @topping.Topping.Name</li>
+                            }
+                        </ul>
+                    }
+
+                    <p>
+                        <strong>
+                            Total price:
+                            £@orderWithStatus.Order.GetFormattedTotalPrice()
+                        </strong>
+                    </p>
+                </div>
+            </div>
+        </div>
+    }
+</div>
+
+@functions {
+    [Parameter] int OrderId { get; set; }
+
+    OrderWithStatus orderWithStatus;
+    bool invalidOrder;
+    CancellationTokenSource pollingCancellationToken;
+
+    protected override void OnParametersSet()
+    {
+        // If we were already polling for a different order, stop doing so
+        pollingCancellationToken?.Cancel();
+
+        // Start a new poll loop
+        PollForUpdates();
+    }
+
+    void IDisposable.Dispose()
+    {
+        pollingCancellationToken?.Cancel();
+    }
+
+    private async void PollForUpdates()
+    {
+        pollingCancellationToken = new CancellationTokenSource();
+        while (!pollingCancellationToken.IsCancellationRequested)
+        {
+            try
+            {
+                invalidOrder = false;
+                orderWithStatus = await HttpClient.GetJsonAsync<OrderWithStatus>($"/orders/{OrderId}");
+            }
+            catch (Exception ex)
+            {
+                invalidOrder = true;
+                pollingCancellationToken.Cancel();
+                Console.Error.WriteLine(ex);
+            }
+
+            StateHasChanged();
+
+            await Task.Delay(4000);
+        }
+    }
+}

save-points/06-javascript-interop/BlazingPizza.Client/Pages/_ViewImports.cshtml

+@layout MainLayout

save-points/06-javascript-interop/BlazingPizza.Client/Program.cs

+using Microsoft.AspNetCore.Blazor.Hosting;
+
+namespace BlazingPizza.Client
+{
+    public class Program
+    {
+        public static void Main(string[] args)
+        {
+            CreateHostBuilder(args).Build().Run();
+        }
+
+        public static IWebAssemblyHostBuilder CreateHostBuilder(string[] args) =>
+            BlazorWebAssemblyHost.CreateDefaultBuilder()
+                .UseBlazorStartup<Startup>();
+    }
+}

save-points/06-javascript-interop/BlazingPizza.Client/Shared/ConfigurePizzaDialog.cshtml

+@inject HttpClient HttpClient
+@inject OrderState OrderState
+
+<div class="dialog-container">
+    <div class="dialog">
+        <div class="dialog-title">
+            <h2>@Pizza.Special.Name</h2>
+            @Pizza.Special.Description
+        </div>
+        <form class="dialog-body">
+            <div>
+                <label>Size:</label>
+                <input type="range" min="@Pizza.MinimumSize" max="@Pizza.MaximumSize" step="1" bind-value-oninput="Pizza.Size" />
+                <span class="size-label">
+                    @(Pizza.Size)" (£@(Pizza.GetFormattedTotalPrice()))
+                </span>
+            </div>
+            <div>
+                <label>Extra Toppings:</label>
+                @if (toppings == null)
+                {
+                    <select class="custom-select" disabled>
+                        <option>(loading...)</option>
+                    </select>
+                }
+                else if (Pizza.Toppings.Count >= 6)
+                {
+                    <div>(maximum reached)</div>
+                }
+                else
+                {
+                    <select class="custom-select" onchange="@ToppingSelected">
+                        <option value="-1" disabled selected>(select)</option>
+                        @for (var i = 0; i < toppings.Count; i++)
+                        {
+                            <option value="@i">@toppings[i].Name - (£@(toppings[i].GetFormattedPrice()))</option>
+                        }
+                    </select>
+                }
+            </div>
+
+            <div class="toppings">
+                @foreach (var topping in Pizza.Toppings)
+                {
+                    <div class="topping">
+                        @topping.Topping.Name
+                        <span class="topping-price">@topping.Topping.GetFormattedPrice()</span>
+                        <button type="button" class="delete-topping" onclick="@(() => OrderState.RemoveTopping(topping.Topping))">x</button>
+                    </div>
+                }
+            </div>
+        </form>
+
+        <div class="dialog-buttons">
+            <button class="btn btn-secondary mr-auto" onclick="@OrderState.CancelConfigurePizzaDialog">Cancel</button>
+            <span class="mr-center">
+                Price: <span class="price">@(Pizza.GetFormattedTotalPrice())</span>
+            </span>
+            <button class="btn btn-success ml-auto" onclick="@OrderState.ConfirmConfigurePizzaDialog">Order ></button>
+        </div>
+    </div>
+</div>
+
+@functions {
+    List<Topping> toppings { get; set; }
+    Pizza Pizza => OrderState.ConfiguringPizza;
+
+    protected async override Task OnInitAsync()
+    {
+        toppings = await HttpClient.GetJsonAsync<List<Topping>>("/toppings");
+    }
+
+    void ToppingSelected(UIChangeEventArgs e)
+    {
+        if (int.TryParse((string)e.Value, out var index) && index >= 0)
+        {
+            OrderState.AddTopping(toppings[index]);
+        }
+    }
+}

save-points/06-javascript-interop/BlazingPizza.Client/Shared/ConfiguredPizzaItem.cshtml

+<div class="cart-item">
+    <a onclick=@OnRemoved class="delete-item">x</a>
+    <div class="title">@(Pizza.Size)" @Pizza.Special.Name</div>
+    <ul>
+        @foreach (var topping in Pizza.Toppings)
+        {
+            <li>+ @topping.Topping.Name</li>
+        }
+    </ul>
+    <div class="item-price">
+        @Pizza.GetFormattedTotalPrice()
+    </div>
+</div>
+
+@functions {
+    [Parameter] Pizza Pizza { get; set; }
+    [Parameter] Action OnRemoved { get; set; }
+}
\ No newline at end of file

save-points/06-javascript-interop/BlazingPizza.Client/Shared/ForceSignInLayout.cshtml

+@inherits BlazorLayoutComponent
+@layout MainLayout
+
+@if (UserState.CurrentUser == null) // Retrieving the login state
+{
+    <text>Loading...</text>
+}
+else if (UserState.IsLoggedIn)
+{
+    @Body
+}
+else
+{
+    <div class="main">
+        <h2>You're signed out</h2>
+        <p>To continue, please sign in.</p>
+        <button class="btn btn-danger" onclick="@UserState.SignIn">Sign in</button>
+    </div>
+}
+
+@functions {
+    [CascadingParameter] UserStateProvider UserState { get; set; }
+}

save-points/06-javascript-interop/BlazingPizza.Client/Shared/MainLayout.cshtml

+@inherits BlazorLayoutComponent
+
+<div class="top-bar">
+    <img class="logo" src="img/logo.svg" />
+            
+    <NavLink href="" class="nav-tab" Match="NavLinkMatch.All">
+        <img src="img/pizza-slice.svg" />
+        <div>Get Pizza</div>
+    </NavLink>
+
+    <NavLink href="myorders" class="nav-tab">
+        <img src="img/bike.svg" />
+        <div>My Orders</div>
+    </NavLink>
+
+    <UserInfo />
+</div>
+
+<div class="content">
+    @Body
+</div>
+

save-points/06-javascript-interop/BlazingPizza.Client/Shared/UserInfo.cshtml

+<div class="user-info">
+    @if (UserState.CurrentUser == null)
+    {
+        <text>...</text>
+    }
+    else if (UserState.CurrentUser.IsLoggedIn)
+    {
+        <img src="img/user.svg" />
+        <div>
+            <span class="username">@UserState.CurrentUser.DisplayName</span>
+            <span class="sign-out" onclick="@UserState.SignOut">Sign out</span>
+        </div>
+    }
+    else
+    {
+        <button onclick="@UserState.SignIn" class="sign-in">Sign in</button>
+    }
+</div>
+
+@functions {
+    [CascadingParameter] UserStateProvider UserState { get; set; }
+}

save-points/06-javascript-interop/BlazingPizza.Client/Startup.cs

+using Microsoft.AspNetCore.Blazor.Builder;
+using Microsoft.Extensions.DependencyInjection;
+
+namespace BlazingPizza.Client
+{
+    public class Startup
+    {
+        public void ConfigureServices(IServiceCollection services)
+        {
+            services.AddScoped<OrderState>();
+        }
+
+        public void Configure(IBlazorApplicationBuilder app)
+        {
+            app.AddComponent<App>("app");
+        }
+    }
+}

save-points/06-javascript-interop/BlazingPizza.Client/_ViewImports.cshtml

+@using System.Net.Http
+@using Microsoft.AspNetCore.Blazor.Layouts
+@using Microsoft.AspNetCore.Blazor.Routing
+@using Microsoft.AspNetCore.Blazor.Services
+@using Microsoft.JSInterop
+@using BlazingPizza.Client
+@using BlazingPizza.Client.Shared
+@using BlazingPizza.ComponentsLibrary.Authentication
+@addTagHelper "*, BlazingPizza.ComponentsLibrary"