nirzaf

<div class="top-row pl-4 navbar navbar-dark">
    <a class="navbar-brand" href="">ServerSideSPA</a>
    <button class="navbar-toggler" onclick=@ToggleNavMenu>
        <span class="navbar-toggler-icon"></span>
    </button>
</div>

<div class=@(collapseNavMenu ? "collapse" : null) onclick=@ToggleNavMenu>
    <ul class="nav flex-column">
        <li class="nav-item px-3">

nirzaf

using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Blazor;
using Microsoft.AspNetCore.Blazor.Components;
using Microsoft.AspNetCore.Blazor.Services;
using ServerSideSPA.App.Models;
using ServerSideSPA.App.Services;

nirzaf

@page "/fetchemployee"
@inherits EmployeeDataModel

<h1>Employee Data</h1>
<p>This component demonstrates CRUD operation on Employee data</p>

<div>
    <div style="float:left">
        <button class="btn btn-primary" onclick="@AddEmp">Add Employee</button>
    </div>

nirzaf

using ServerSideSPA.App.DataAccess;
using ServerSideSPA.App.Models;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;

namespace ServerSideSPA.App.Services
{
    public class EmployeeService

nirzaf

2 references 
public class Startup {
  public IConfiguration Configuration { get; } 
  public Startup(IConfiguration configuration) 
  { 
        configuration = configuration;
  }
  
  // This method gets called by the runtime. Use this met. to add services to the container. 
  

nirzaf

<ItemGroup>
<PackageReference Include="Microsoft.AspNetCore.App" />
<PackageReference Include="Microsoft.AspNetCore.Authentication.JwtBearer" Version="2.1.1" />
<PackageReference Include="Microsoft.AspNetCore.Blazor.Server" Version="0.5.1" />
</ItemGroup>

nirzaf

<app-navbar></app-navbar> 
<div class="container">
    <div class="starter-template">
        <h1>Angular, Bootstrap & Firebase Starter Application</h1>
        <p class="lead">This application is built with Angular 4, Bootstrap 4 and Firebase.</p>
        <h3>Courses List</h3>
        <courses-list></courses-list>
    </div>
</div>

nirzaf

<li class="nav-item dropdown" ngbDropdown>
  <a class="nav-link dropdown-toggle" id="dropdown01" ngbDropdownToggle>Category</a>
  <div class="dropdown-menu" aria-labelledby="dropdown01" ngbDropdownMenu>
    <a class="dropdown-item" href="#">Angular</a>
    <a class="dropdown-item" href="#">React</a>
    <a class="dropdown-item" href="#">Vue.js</a>
  </div>
</li>

nirzaf

<app-navbar></app-navbar> 
<div class="container">
    <div class="starter-template">
        <h1>Bootstrap starter template</h1>
        <p class="lead">Use this document as a way to quickly start any new project.<br> All you get is this text and a mostly barebones HTML document.</p>
    </div>
</div>

nirzaf

<nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
    <a class="navbar-brand" href="#">Navbar</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarsExampleDefault">
      <ul class="navbar-nav mr-auto">
        <li class="nav-item active">
          <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
        </li>