CRUD für Libraries erstellt

Name zu Sesssions-Klasse hinzugefügt
Vollwertiges Bootstrap hinzugefügt
2024-06-26 20:35:43 +02:00 · 2024-06-26 20:35:18 +02:00 · 2024-06-26 20:34:40 +02:00
60 changed files with 60609 additions and 8 deletions
--- a/songrequests_blazor.sln
+++ b/songrequests_blazor.sln
@ -3,7 +3,7 @@ Microsoft Visual Studio Solution File, Format Version 12.00
 # Visual Studio Version 17
 VisualStudioVersion = 17.9.34728.123
 MinimumVisualStudioVersion = 10.0.40219.1
-Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "songrequests_blazor", "songrequests_blazor\songrequests_blazor.csproj", "{9036E36D-4C0B-45FD-9DE5-2C171277B6B1}"
+Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "songrequests_blazor", "songrequests_blazor\songrequests_blazor.csproj", "{9036E36D-4C0B-45FD-9DE5-2C171277B6B1}"
 EndProject
 Global
 	GlobalSection(SolutionConfigurationPlatforms) = preSolution
--- a/songrequests_blazor/Components/App.razor
+++ b/songrequests_blazor/Components/App.razor
@ -5,7 +5,7 @@
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <base href="/" />
-    <link rel="stylesheet" href="bootstrap/bootstrap.min.css" />
+    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" href="app.css" />
    <link rel="stylesheet" href="songrequests_blazor.styles.css" />
    <link rel="icon" type="image/png" href="favicon.png" />
@ -15,6 +15,7 @@
 <body>
    <Routes @rendermode="@RenderModeForPage" />
    <script src="_framework/blazor.web.js"></script>
+    <script src="bootstrap/js/bootstrap.js"></script>
 </body>

 </html>
--- a/songrequests_blazor/Components/Pages/ModalComponent.razor
+++ b/songrequests_blazor/Components/Pages/ModalComponent.razor
@ -0,0 +1,51 @@
+<div class="modal @modalClass" tabindex="-1" role="dialog" style="display:@modalDisplay; overflow-y: auto;">
+    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title">@Title</h5>
+            </div>
+            <div class="modal-body">
+                @Body
+            </div>
+            <div class="modal-footer">
+                @Footer
+            </div>
+        </div>
+    </div>
+</div>
+
+@if (showBackdrop)
+{
+    <div class="modal-backdrop fade show"></div>
+}
+
+@code {
+    [Parameter]
+    public RenderFragment? Title { get; set; }
+
+    [Parameter]
+    public RenderFragment? Body { get; set; }
+
+    [Parameter]
+    public RenderFragment? Footer { get; set; }
+
+    private string modalDisplay = "none;";
+    private string modalClass = "";
+    private bool showBackdrop = false;
+
+    public async Task ShowAsync()
+    {
+        modalDisplay = "block;";
+        await Task.Delay(100);//Delay allows bootstrap to perform nice fade animation
+        modalClass = "show";
+        showBackdrop = true;
+    }
+
+    public async Task CloseAsync()
+    {
+        modalDisplay = "none";
+        await Task.Delay(250);//Delay allows bootstrap to perform nice fade animation
+        modalClass = "";
+        showBackdrop = false;
+    }
+}
--- a/songrequests_blazor/Components/Pages/Settings/Libraries.razor
+++ b/songrequests_blazor/Components/Pages/Settings/Libraries.razor
@ -0,0 +1,75 @@
+@page "/options/libraries"
+@using Microsoft.EntityFrameworkCore
+@using songrequests_blazor.Data
+@inject Microsoft.EntityFrameworkCore.IDbContextFactory<LocalDbContext> DataContextFactory
+<h3>Bibliotheken</h3>
+
+<a class="btn btn-primary mb-3" href="/options/libraries/edit">Bibliothek anlegen</a>
+
+<ul class="list-group">
+    @foreach (var itm in Items ?? [])
+    {
+        <li class="list-group-item d-flex justify-content-between align-items-center">
+            @itm.Name
+            <div>
+                <a class="btn btn-primary" href="/options/libraries/edit/@itm.Id">Bearbeiten</a>
+                <button type="button" class="btn btn-secondary" @onclick="args => ShowDialog(itm)">Entfernen</button>
+            </div>
+        </li>
+    }
+</ul>
+
+<ModalComponent @ref="modal">
+    <Title>Löschen bestätigen</Title>
+    <Body>
+        Willst du die Bibliothek wirklich löschen?
+    </Body>
+    <Footer>
+        <button class="btn btn-danger" @onclick="RemoveItem">Ja</button>
+        <button class="btn btn-primary" @onclick="CloseDialog">Nein</button>
+    </Footer>
+</ModalComponent>
+
+@code {
+
+    List<Library>? Items { get; set; }
+
+    private ModalComponent modal = null!;
+    Library? ModalItem { get; set; }
+
+    protected override async Task OnInitializedAsync()
+    {
+        await ShowList();
+    }
+
+    private async Task ShowList()
+    {
+        using (LocalDbContext db = await DataContextFactory.CreateDbContextAsync())
+        {
+            Items = await db.Libraries.OrderBy(l => l.Name).ToListAsync();
+        }
+    }
+
+    private async Task ShowDialog(Library itm)
+    {
+        ModalItem = itm;
+        await modal.ShowAsync();
+    }
+    private async Task CloseDialog()
+    {
+        ModalItem = null;
+        await modal.CloseAsync();
+    }
+
+    private async Task RemoveItem()
+    {
+        if (ModalItem == null) return;
+        using (LocalDbContext db = await DataContextFactory.CreateDbContextAsync())
+        {
+            db.Libraries.Remove(ModalItem);
+            await db.SaveChangesAsync();
+            await ShowList();
+        }
+        await CloseDialog();
+    }
+}
--- a/songrequests_blazor/Components/Pages/Settings/LibraryEdit.razor
+++ b/songrequests_blazor/Components/Pages/Settings/LibraryEdit.razor
@ -0,0 +1,150 @@
+@page "/options/libraries/edit"
+@page "/options/libraries/edit/{id}"
+@using songrequests_blazor.Data
+@inject Microsoft.EntityFrameworkCore.IDbContextFactory<LocalDbContext> DataContextFactory
+@inject NavigationManager nav;
+<h3>Bibliothek bearbeiten</h3>
+
+<EditForm Model="@libItem" OnValidSubmit="AddLibrary">
+    <CustomValidation @ref="customValidation" />
+    <DataAnnotationsValidator />
+    <ValidationSummary />
+    <div class="d-flex gap-3 mb-3">
+        <div class="border border-2 rounded p-3 w-100">
+            <div class="mb-3">
+                <label class="form-label" for="libName">Name der Bibliothek</label>
+                <input id="libName" name="libName" type="text" class="form-control" @bind="@libItem.Name" />
+            </div>
+            <div class="mb-3">
+                <label class="form-label" for="libType">Bibliothekstyp</label>
+                <select class="form-select" @bind="@libItem.Type">
+                    @foreach (var tp in Enum.GetNames(typeof(Library.LibraryType)))
+                    {
+                        <option>@tp</option>
+                    }
+                </select>
+            </div>
+            @if (libItem.Type == Library.LibraryType.Local)
+            {
+                <div class="mb-3">
+                    <label class="form-label" for="libPaths">Pfade</label>
+                    <div class="input-group">
+                        <input class="form-control" type="text" id="libPaths" @bind="@InputAddPath" />
+                        <button type="button" class="btn btn-primary" @onclick="args => AddPathToLibray(InputAddPath)">Hinzufügen</button>
+                    </div>
+                    @if (AddPathMessage != null)
+                    {
+                        <label class="form-label alert-danger">@AddPathMessage</label>
+                    }
+                    <ul class="list-group">
+                        @if (libItem.ScanPaths != null && libItem.ScanPaths.Count > 0)
+                        {
+                            @foreach (var lp in libItem.ScanPaths ?? [])
+                            {
+                                <li class="list-group-item d-flex justify-content-between align-items-center">
+                                    @lp
+                                    <button type="button" class="btn btn-secondary" @onclick="args => RemovePathFromLibrary(lp)">Entfernen</button>
+                                </li>
+                            }
+                        }
+                        else
+                        {
+                            <li class="list-group-item text-secondary ">Keine Einträge</li>
+                        }
+                    </ul>
+                </div>
+            }
+            <button type="submit" class="btn btn-primary">Speichern</button>
+            <button type="button" class="btn btn-secondary" @onclick="Cancel">Abbrechen</button>
+        </div>
+    </div>
+</EditForm>
+
+
+@code {
+    [Parameter]
+    public string? id { get; set; }
+
+    const string LISTURL = "/options/libraries";
+
+    Library libItem { get; set; } = null!;
+    string? InputAddPath { get; set; }
+
+    string? AddPathMessage { get; set; }
+
+    private CustomValidation? customValidation;
+
+    protected override async Task OnInitializedAsync()
+    {
+        if (id != null)
+        {
+            using (LocalDbContext db = await DataContextFactory.CreateDbContextAsync())
+            {
+                libItem = db.Libraries.Single(lib => lib.Id == Convert.ToInt32(id));
+            }
+        }
+        libItem ??= new();
+    }
+
+    private void AddPathToLibray(string path)
+    {
+        AddPathMessage = null;
+        if (!System.IO.Path.Exists(path))
+        {
+            AddPathMessage = "Der angegebene Pfad existiert nicht.";
+            return;
+        }
+
+        libItem.ScanPaths ??= new List<string>();
+        if (libItem.ScanPaths.Contains(path))
+        {
+            AddPathMessage = "Der Pfad ist bereits in der Liste enthalten.";
+            return;
+        }
+        libItem.ScanPaths.Add(path);
+        InputAddPath = null;
+    }
+
+    private void RemovePathFromLibrary(string path)
+    {
+        AddPathMessage = null;
+        libItem.ScanPaths?.Remove(path);
+    }
+
+    private bool CustomValidate()
+    {
+        customValidation?.ClearErrors();
+        var errors = new Dictionary<string, List<string>>();
+
+        if (libItem.Type == Library.LibraryType.Local && (libItem.ScanPaths == null || libItem.ScanPaths?.Count == 0))
+        {
+            errors.Add(nameof(libItem.Type), new() { "Type 'Local' is selected but no paths are specified." });
+        }
+        if (errors.Any())
+        {
+            customValidation?.DisplayErrors(errors);
+            return false;
+        }
+        else
+        {
+            return true;
+        }
+    }
+
+    private void Cancel()
+    {
+        nav.NavigateTo(LISTURL);
+    }
+    private async Task AddLibrary()
+    {
+        if (!CustomValidate()) return;
+        if (libItem.Type != Library.LibraryType.Local) libItem.ScanPaths = null;
+
+        using (LocalDbContext db = await DataContextFactory.CreateDbContextAsync())
+        {
+            db.Libraries.Add(libItem);
+            await db.SaveChangesAsync();
+        }
+        nav.NavigateTo(LISTURL);
+    }
+}
--- a/songrequests_blazor/Components/Pages/Settings/Sessions.razor
+++ b/songrequests_blazor/Components/Pages/Settings/Sessions.razor
@ -0,0 +1,75 @@
+@page "/options/sessions"
+@using Microsoft.EntityFrameworkCore
+@using songrequests_blazor.Data
+@inject Microsoft.EntityFrameworkCore.IDbContextFactory<LocalDbContext> DataContextFactory
+<h3>Sessions</h3>
+
+<a class="btn btn-primary mb-3" href="/options/sessions/edit">Session anlegen</a>
+
+<ul class="list-group">
+    @foreach (var itm in Items ?? [])
+    {
+        <li class="list-group-item d-flex justify-content-between align-items-center">
+            Erstellt am @itm.Created
+            <div>
+                <a class="btn btn-primary" href="/options/libraries/edit/@itm.Id">Bearbeiten</a>
+                <button type="button" class="btn btn-secondary" @onclick="args => ShowDialog(itm)">Entfernen</button>
+            </div>
+        </li>
+    }
+</ul>
+
+<ModalComponent @ref="modal">
+    <Title>Löschen bestätigen</Title>
+    <Body>
+        Willst du die Session wirklich löschen?
+    </Body>
+    <Footer>
+        <button class="btn btn-danger" @onclick="RemoveItem">Ja</button>
+        <button class="btn btn-primary" @onclick="CloseDialog">Nein</button>
+    </Footer>
+</ModalComponent>
+
+@code {
+
+    List<Session>? Items { get; set; }
+
+    private ModalComponent modal = null!;
+    Session? ModalItem { get; set; }
+
+    protected override async Task OnInitializedAsync()
+    {
+        await ShowList();
+    }
+
+    private async Task ShowList()
+    {
+        using (LocalDbContext db = await DataContextFactory.CreateDbContextAsync())
+        {
+            Items = await db.Sessions.OrderBy(l => l.Created).ToListAsync();
+        }
+    }
+
+    private async Task ShowDialog(Session itm)
+    {
+        ModalItem = itm;
+        await modal.ShowAsync();
+    }
+    private async Task CloseDialog()
+    {
+        ModalItem = null;
+        await modal.CloseAsync();
+    }
+
+    private async Task RemoveItem()
+    {
+        if (ModalItem == null) return;
+        using (LocalDbContext db = await DataContextFactory.CreateDbContextAsync())
+        {
+            db.Sessions.Remove(ModalItem);
+            await db.SaveChangesAsync();
+            await ShowList();
+        }
+        await CloseDialog();
+    }
+}
--- a/songrequests_blazor/CustomValidation.cs
+++ b/songrequests_blazor/CustomValidation.cs
@ -0,0 +1,52 @@
+using Microsoft.AspNetCore.Components;
+using Microsoft.AspNetCore.Components.Forms;
+
+namespace songrequests_blazor
+{
+    public class CustomValidation : ComponentBase
+    {
+        private ValidationMessageStore? messageStore;
+
+        [CascadingParameter]
+        private EditContext? CurrentEditContext { get; set; }
+
+        protected override void OnInitialized()
+        {
+            if (CurrentEditContext is null)
+            {
+                throw new InvalidOperationException(
+                    $"{nameof(CustomValidation)} requires a cascading " +
+                    $"parameter of type {nameof(EditContext)}. " +
+                    $"For example, you can use {nameof(CustomValidation)} " +
+                    $"inside an {nameof(EditForm)}.");
+            }
+
+            messageStore = new(CurrentEditContext);
+
+            CurrentEditContext.OnValidationRequested += (s, e) =>
+                messageStore?.Clear();
+            CurrentEditContext.OnFieldChanged += (s, e) =>
+                messageStore?.Clear(e.FieldIdentifier);
+        }
+
+        public void DisplayErrors(Dictionary<string, List<string>> errors)
+        {
+            if (CurrentEditContext is not null)
+            {
+                foreach (var err in errors)
+                {
+                    messageStore?.Add(CurrentEditContext.Field(err.Key), err.Value);
+                }
+
+                CurrentEditContext.NotifyValidationStateChanged();
+            }
+        }
+
+        public void ClearErrors()
+        {
+            messageStore?.Clear();
+            CurrentEditContext?.NotifyValidationStateChanged();
+        }
+
+    }
+}
--- a/songrequests_blazor/Data/Library.cs
+++ b/songrequests_blazor/Data/Library.cs
@ -1,10 +1,12 @@
-using System.ComponentModel.DataAnnotations.Schema;
+using System.ComponentModel.DataAnnotations;
+using System.ComponentModel.DataAnnotations.Schema;

 namespace songrequests_blazor.Data
 {
    public class Library
    {
        public int Id { get; set; }
+        [Required(ErrorMessage = "Der Name fehlt")]
        public string Name { get; set; } = null!;
        public List<Song>? Songs { get; set; }
        public List<string>? ScanPaths { get; set; }
--- a/songrequests_blazor/Data/Session.cs
+++ b/songrequests_blazor/Data/Session.cs
@ -4,11 +4,11 @@
    {

        public int Id { get; set; }
+        public string Name { get; set; } = "Unbenannte Session";
        public string? SessionCode { get; set; }
        public bool Active { get; set; }
        public List<Library> EnabledLibraries { get; set; } = null!;
        public List<QueuedSong> QueuedSongs { get; set; } = null!;
-
        public DateTime Created { get; set; } = DateTime.Now;
    }
 }
--- a/songrequests_blazor/Migrations/20240626183259_AddSessionName.Designer.cs
+++ b/songrequests_blazor/Migrations/20240626183259_AddSessionName.Designer.cs
@ -0,0 +1,559 @@
+// <auto-generated />
+using System;
+using Microsoft.EntityFrameworkCore;
+using Microsoft.EntityFrameworkCore.Infrastructure;
+using Microsoft.EntityFrameworkCore.Migrations;
+using Microsoft.EntityFrameworkCore.Storage.ValueConversion;
+using songrequests_blazor.Data;
+
+#nullable disable
+
+namespace songrequests_blazor.Migrations
+{
+    [DbContext(typeof(LocalDbContext))]
+    [Migration("20240626183259_AddSessionName")]
+    partial class AddSessionName
+    {
+        /// <inheritdoc />
+        protected override void BuildTargetModel(ModelBuilder modelBuilder)
+        {
+#pragma warning disable 612, 618
+            modelBuilder.HasAnnotation("ProductVersion", "8.0.5");
+
+            modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityRole", b =>
+                {
+                    b.Property<string>("Id")
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("ConcurrencyStamp")
+                        .IsConcurrencyToken()
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("Name")
+                        .HasMaxLength(256)
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("NormalizedName")
+                        .HasMaxLength(256)
+                        .HasColumnType("TEXT");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("NormalizedName")
+                        .IsUnique()
+                        .HasDatabaseName("RoleNameIndex");
+
+                    b.ToTable("AspNetRoles", (string)null);
+
+                    b.HasData(
+                        new
+                        {
+                            Id = "fc985a25-19ce-48ed-8443-c845f550960a",
+                            Name = "Administrator",
+                            NormalizedName = "ADMINISTRATOR"
+                        });
+                });
+
+            modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityRoleClaim<string>", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("INTEGER");
+
+                    b.Property<string>("ClaimType")
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("ClaimValue")
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("RoleId")
+                        .IsRequired()
+                        .HasColumnType("TEXT");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("RoleId");
+
+                    b.ToTable("AspNetRoleClaims", (string)null);
+                });
+
+            modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityUser", b =>
+                {
+                    b.Property<string>("Id")
+                        .HasColumnType("TEXT");
+
+                    b.Property<int>("AccessFailedCount")
+                        .HasColumnType("INTEGER");
+
+                    b.Property<string>("ConcurrencyStamp")
+                        .IsConcurrencyToken()
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("Discriminator")
+                        .IsRequired()
+                        .HasMaxLength(13)
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("Email")
+                        .HasMaxLength(256)
+                        .HasColumnType("TEXT");
+
+                    b.Property<bool>("EmailConfirmed")
+                        .HasColumnType("INTEGER");
+
+                    b.Property<bool>("LockoutEnabled")
+                        .HasColumnType("INTEGER");
+
+                    b.Property<DateTimeOffset?>("LockoutEnd")
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("NormalizedEmail")
+                        .HasMaxLength(256)
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("NormalizedUserName")
+                        .HasMaxLength(256)
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("PasswordHash")
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("PhoneNumber")
+                        .HasColumnType("TEXT");
+
+                    b.Property<bool>("PhoneNumberConfirmed")
+                        .HasColumnType("INTEGER");
+
+                    b.Property<string>("SecurityStamp")
+                        .HasColumnType("TEXT");
+
+                    b.Property<bool>("TwoFactorEnabled")
+                        .HasColumnType("INTEGER");
+
+                    b.Property<string>("UserName")
+                        .HasMaxLength(256)
+                        .HasColumnType("TEXT");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("NormalizedEmail")
+                        .HasDatabaseName("EmailIndex");
+
+                    b.HasIndex("NormalizedUserName")
+                        .IsUnique()
+                        .HasDatabaseName("UserNameIndex");
+
+                    b.ToTable("AspNetUsers", (string)null);
+
+                    b.HasDiscriminator<string>("Discriminator").HasValue("IdentityUser");
+
+                    b.UseTphMappingStrategy();
+
+                    b.HasData(
+                        new
+                        {
+                            Id = "5c2511d0-6a08-4950-babd-d107996749ba",
+                            AccessFailedCount = 0,
+                            ConcurrencyStamp = "7d7fc619-fde4-408c-8816-f4ed5f68a60e",
+                            Email = "admin@admin.com",
+                            EmailConfirmed = false,
+                            LockoutEnabled = false,
+                            NormalizedEmail = "ADMIN@ADMIN.COM",
+                            NormalizedUserName = "ADMIN@ADMIN.COM",
+                            PasswordHash = "AQAAAAIAAYagAAAAECVwoHKYEXKRa9Sp3UeNNeVSEZOUkCEVkYcF09ZOVlLm9VeDEoX8M9NzwegIk0EWrw==",
+                            PhoneNumberConfirmed = false,
+                            SecurityStamp = "10af871c-53d6-4dfc-9e69-5d3a97d8a016",
+                            TwoFactorEnabled = false,
+                            UserName = "admin@admin.com"
+                        });
+                });
+
+            modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityUserClaim<string>", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("INTEGER");
+
+                    b.Property<string>("ClaimType")
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("ClaimValue")
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("UserId")
+                        .IsRequired()
+                        .HasColumnType("TEXT");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("UserId");
+
+                    b.ToTable("AspNetUserClaims", (string)null);
+                });
+
+            modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityUserLogin<string>", b =>
+                {
+                    b.Property<string>("LoginProvider")
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("ProviderKey")
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("ProviderDisplayName")
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("UserId")
+                        .IsRequired()
+                        .HasColumnType("TEXT");
+
+                    b.HasKey("LoginProvider", "ProviderKey");
+
+                    b.HasIndex("UserId");
+
+                    b.ToTable("AspNetUserLogins", (string)null);
+                });
+
+            modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityUserRole<string>", b =>
+                {
+                    b.Property<string>("UserId")
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("RoleId")
+                        .HasColumnType("TEXT");
+
+                    b.HasKey("UserId", "RoleId");
+
+                    b.HasIndex("RoleId");
+
+                    b.ToTable("AspNetUserRoles", (string)null);
+
+                    b.HasData(
+                        new
+                        {
+                            UserId = "5c2511d0-6a08-4950-babd-d107996749ba",
+                            RoleId = "fc985a25-19ce-48ed-8443-c845f550960a"
+                        });
+                });
+
+            modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityUserToken<string>", b =>
+                {
+                    b.Property<string>("UserId")
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("LoginProvider")
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("Name")
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("Value")
+                        .HasColumnType("TEXT");
+
+                    b.HasKey("UserId", "LoginProvider", "Name");
+
+                    b.ToTable("AspNetUserTokens", (string)null);
+                });
+
+            modelBuilder.Entity("QueuedSongs_UserVotes", b =>
+                {
+                    b.Property<string>("UserVotesId")
+                        .HasColumnType("TEXT");
+
+                    b.Property<int>("VotedSongsId")
+                        .HasColumnType("INTEGER");
+
+                    b.HasKey("UserVotesId", "VotedSongsId");
+
+                    b.HasIndex("VotedSongsId");
+
+                    b.ToTable("QueuedSongs_UserVotes");
+                });
+
+            modelBuilder.Entity("Sessions_Libraries", b =>
+                {
+                    b.Property<int>("EnabledLibrariesId")
+                        .HasColumnType("INTEGER");
+
+                    b.Property<int>("UsedInSessionsId")
+                        .HasColumnType("INTEGER");
+
+                    b.HasKey("EnabledLibrariesId", "UsedInSessionsId");
+
+                    b.HasIndex("UsedInSessionsId");
+
+                    b.ToTable("Sessions_Libraries");
+                });
+
+            modelBuilder.Entity("songrequests_blazor.Data.Library", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("INTEGER");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("ScanPaths")
+                        .HasColumnType("TEXT");
+
+                    b.Property<int>("Type")
+                        .HasColumnType("INTEGER");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("Libraries");
+                });
+
+            modelBuilder.Entity("songrequests_blazor.Data.QueuedSong", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("INTEGER");
+
+                    b.Property<DateTime>("Added")
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("AddedBy_User_ID")
+                        .HasColumnType("TEXT");
+
+                    b.Property<DateTime?>("Played")
+                        .HasColumnType("TEXT");
+
+                    b.Property<int>("Position")
+                        .HasColumnType("INTEGER");
+
+                    b.Property<int>("Session_ID")
+                        .HasColumnType("INTEGER");
+
+                    b.Property<int>("Song_ID")
+                        .HasColumnType("INTEGER");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("AddedBy_User_ID");
+
+                    b.HasIndex("Session_ID");
+
+                    b.HasIndex("Song_ID");
+
+                    b.ToTable("QueuedSongs");
+                });
+
+            modelBuilder.Entity("songrequests_blazor.Data.Session", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("INTEGER");
+
+                    b.Property<bool>("Active")
+                        .HasColumnType("INTEGER");
+
+                    b.Property<DateTime>("Created")
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("SessionCode")
+                        .HasColumnType("TEXT");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("Sessions");
+                });
+
+            modelBuilder.Entity("songrequests_blazor.Data.Song", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("INTEGER");
+
+                    b.Property<string>("Album")
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("Artist")
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("Genre")
+                        .HasColumnType("TEXT");
+
+                    b.Property<TimeSpan>("Length")
+                        .HasColumnType("TEXT");
+
+                    b.Property<int>("Library_ID")
+                        .HasColumnType("INTEGER");
+
+                    b.Property<int>("RequestCount")
+                        .HasColumnType("INTEGER");
+
+                    b.Property<string>("Title")
+                        .IsRequired()
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("Uri")
+                        .IsRequired()
+                        .HasColumnType("TEXT");
+
+                    b.Property<int?>("Year")
+                        .HasColumnType("INTEGER");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("Library_ID");
+
+                    b.ToTable("Songs");
+                });
+
+            modelBuilder.Entity("songrequests_blazor.Data.User", b =>
+                {
+                    b.HasBaseType("Microsoft.AspNetCore.Identity.IdentityUser");
+
+                    b.HasDiscriminator().HasValue("User");
+                });
+
+            modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityRoleClaim<string>", b =>
+                {
+                    b.HasOne("Microsoft.AspNetCore.Identity.IdentityRole", null)
+                        .WithMany()
+                        .HasForeignKey("RoleId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+                });
+
+            modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityUserClaim<string>", b =>
+                {
+                    b.HasOne("Microsoft.AspNetCore.Identity.IdentityUser", null)
+                        .WithMany()
+                        .HasForeignKey("UserId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+                });
+
+            modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityUserLogin<string>", b =>
+                {
+                    b.HasOne("Microsoft.AspNetCore.Identity.IdentityUser", null)
+                        .WithMany()
+                        .HasForeignKey("UserId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+                });
+
+            modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityUserRole<string>", b =>
+                {
+                    b.HasOne("Microsoft.AspNetCore.Identity.IdentityRole", null)
+                        .WithMany()
+                        .HasForeignKey("RoleId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.HasOne("Microsoft.AspNetCore.Identity.IdentityUser", null)
+                        .WithMany()
+                        .HasForeignKey("UserId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+                });
+
+            modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityUserToken<string>", b =>
+                {
+                    b.HasOne("Microsoft.AspNetCore.Identity.IdentityUser", null)
+                        .WithMany()
+                        .HasForeignKey("UserId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+                });
+
+            modelBuilder.Entity("QueuedSongs_UserVotes", b =>
+                {
+                    b.HasOne("songrequests_blazor.Data.User", null)
+                        .WithMany()
+                        .HasForeignKey("UserVotesId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.HasOne("songrequests_blazor.Data.QueuedSong", null)
+                        .WithMany()
+                        .HasForeignKey("VotedSongsId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+                });
+
+            modelBuilder.Entity("Sessions_Libraries", b =>
+                {
+                    b.HasOne("songrequests_blazor.Data.Library", null)
+                        .WithMany()
+                        .HasForeignKey("EnabledLibrariesId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.HasOne("songrequests_blazor.Data.Session", null)
+                        .WithMany()
+                        .HasForeignKey("UsedInSessionsId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+                });
+
+            modelBuilder.Entity("songrequests_blazor.Data.QueuedSong", b =>
+                {
+                    b.HasOne("songrequests_blazor.Data.User", "AdddedBy")
+                        .WithMany("AddedSongs")
+                        .HasForeignKey("AddedBy_User_ID")
+                        .HasConstraintName("FK_user_addedsongs");
+
+                    b.HasOne("songrequests_blazor.Data.Session", "Session")
+                        .WithMany("QueuedSongs")
+                        .HasForeignKey("Session_ID")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired()
+                        .HasConstraintName("FK_Session_QueuedSongs");
+
+                    b.HasOne("songrequests_blazor.Data.Song", "Song")
+                        .WithMany("Queued")
+                        .HasForeignKey("Song_ID")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired()
+                        .HasConstraintName("FK_queuedsongs_song");
+
+                    b.Navigation("AdddedBy");
+
+                    b.Navigation("Session");
+
+                    b.Navigation("Song");
+                });
+
+            modelBuilder.Entity("songrequests_blazor.Data.Song", b =>
+                {
+                    b.HasOne("songrequests_blazor.Data.Library", "Library")
+                        .WithMany("Songs")
+                        .HasForeignKey("Library_ID")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired()
+                        .HasConstraintName("FK_library_songs");
+
+                    b.Navigation("Library");
+                });
+
+            modelBuilder.Entity("songrequests_blazor.Data.Library", b =>
+                {
+                    b.Navigation("Songs");
+                });
+
+            modelBuilder.Entity("songrequests_blazor.Data.Session", b =>
+                {
+                    b.Navigation("QueuedSongs");
+                });
+
+            modelBuilder.Entity("songrequests_blazor.Data.Song", b =>
+                {
+                    b.Navigation("Queued");
+                });
+
+            modelBuilder.Entity("songrequests_blazor.Data.User", b =>
+                {
+                    b.Navigation("AddedSongs");
+                });
+#pragma warning restore 612, 618
+        }
+    }
+}
--- a/songrequests_blazor/Migrations/20240626183259_AddSessionName.cs
+++ b/songrequests_blazor/Migrations/20240626183259_AddSessionName.cs
@ -0,0 +1,43 @@
+using Microsoft.EntityFrameworkCore.Migrations;
+
+#nullable disable
+
+namespace songrequests_blazor.Migrations
+{
+    /// <inheritdoc />
+    public partial class AddSessionName : Migration
+    {
+        /// <inheritdoc />
+        protected override void Up(MigrationBuilder migrationBuilder)
+        {
+            migrationBuilder.AddColumn<string>(
+                name: "Name",
+                table: "Sessions",
+                type: "TEXT",
+                nullable: false,
+                defaultValue: "");
+
+            migrationBuilder.UpdateData(
+                table: "AspNetUsers",
+                keyColumn: "Id",
+                keyValue: "5c2511d0-6a08-4950-babd-d107996749ba",
+                columns: new[] { "ConcurrencyStamp", "PasswordHash", "SecurityStamp" },
+                values: new object[] { "7d7fc619-fde4-408c-8816-f4ed5f68a60e", "AQAAAAIAAYagAAAAECVwoHKYEXKRa9Sp3UeNNeVSEZOUkCEVkYcF09ZOVlLm9VeDEoX8M9NzwegIk0EWrw==", "10af871c-53d6-4dfc-9e69-5d3a97d8a016" });
+        }
+
+        /// <inheritdoc />
+        protected override void Down(MigrationBuilder migrationBuilder)
+        {
+            migrationBuilder.DropColumn(
+                name: "Name",
+                table: "Sessions");
+
+            migrationBuilder.UpdateData(
+                table: "AspNetUsers",
+                keyColumn: "Id",
+                keyValue: "5c2511d0-6a08-4950-babd-d107996749ba",
+                columns: new[] { "ConcurrencyStamp", "PasswordHash", "SecurityStamp" },
+                values: new object[] { "359200b3-8f0c-4984-9cb3-f5c6a9957d17", "AQAAAAIAAYagAAAAEObqrKlqsiNSIYErkAsuP7gY+2YW6//ZJ+/txgRXK8rj/8I1eizYiKoWPHANqBNHgA==", "eac1c0ae-b1db-4b57-84db-4cbc0f7d0688" });
+        }
+    }
+}
--- a/songrequests_blazor/Migrations/LocalDbContextModelSnapshot.cs
+++ b/songrequests_blazor/Migrations/LocalDbContextModelSnapshot.cs
@ -151,15 +151,15 @@ namespace songrequests_blazor.Migrations
                        {
                            Id = "5c2511d0-6a08-4950-babd-d107996749ba",
                            AccessFailedCount = 0,
-                            ConcurrencyStamp = "359200b3-8f0c-4984-9cb3-f5c6a9957d17",
+                            ConcurrencyStamp = "7d7fc619-fde4-408c-8816-f4ed5f68a60e",
                            Email = "admin@admin.com",
                            EmailConfirmed = false,
                            LockoutEnabled = false,
                            NormalizedEmail = "ADMIN@ADMIN.COM",
                            NormalizedUserName = "ADMIN@ADMIN.COM",
-                            PasswordHash = "AQAAAAIAAYagAAAAEObqrKlqsiNSIYErkAsuP7gY+2YW6//ZJ+/txgRXK8rj/8I1eizYiKoWPHANqBNHgA==",
+                            PasswordHash = "AQAAAAIAAYagAAAAECVwoHKYEXKRa9Sp3UeNNeVSEZOUkCEVkYcF09ZOVlLm9VeDEoX8M9NzwegIk0EWrw==",
                            PhoneNumberConfirmed = false,
-                            SecurityStamp = "eac1c0ae-b1db-4b57-84db-4cbc0f7d0688",
+                            SecurityStamp = "10af871c-53d6-4dfc-9e69-5d3a97d8a016",
                            TwoFactorEnabled = false,
                            UserName = "admin@admin.com"
                        });
@ -349,6 +349,10 @@ namespace songrequests_blazor.Migrations
                    b.Property<DateTime>("Created")
                        .HasColumnType("TEXT");

+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasColumnType("TEXT");
+
                    b.Property<string>("SessionCode")
                        .HasColumnType("TEXT");

--- a/songrequests_blazor/Program.cs
+++ b/songrequests_blazor/Program.cs
@ -20,6 +20,7 @@ builder.Services.Configure<Mailserver>(builder.Configuration.GetSection(nameof(M

 // Database
 var connectionString = builder.Configuration.GetConnectionString("DefaultConnection") ?? throw new InvalidOperationException("Connection string 'DefaultConnection' not found.");
+builder.Services.AddDbContextFactory<LocalDbContext>(options => options.UseSqlite(connectionString));
 builder.Services.AddDbContext<LocalDbContext>(options => options.UseSqlite(connectionString));

 // Authentication
--- a/songrequests_blazor/data.db
+++ b/songrequests_blazor/data.db
--- a/songrequests_blazor/wwwroot/bootstrap/bootstrap.min.old
+++ b/songrequests_blazor/wwwroot/bootstrap/bootstrap.min.old
--- a/songrequests_blazor/wwwroot/bootstrap/bootstrap.min.old.map
+++ b/songrequests_blazor/wwwroot/bootstrap/bootstrap.min.old.map
--- a/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-grid.css
+++ b/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-grid.css
--- a/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-grid.css.map
+++ b/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-grid.css.map
--- a/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-grid.min.css
+++ b/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-grid.min.css
--- a/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-grid.min.css.map
+++ b/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-grid.min.css.map
--- a/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-grid.rtl.css
+++ b/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-grid.rtl.css
--- a/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-grid.rtl.css.map
+++ b/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-grid.rtl.css.map
--- a/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-grid.rtl.min.css
+++ b/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-grid.rtl.min.css
--- a/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-grid.rtl.min.css.map
+++ b/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-grid.rtl.min.css.map
--- a/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-reboot.css
+++ b/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-reboot.css
@ -0,0 +1,597 @@
+/*!
+ * Bootstrap Reboot v5.3.3 (https://getbootstrap.com/)
+ * Copyright 2011-2024 The Bootstrap Authors
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ */
+:root,
+[data-bs-theme=light] {
+  --bs-blue: #0d6efd;
+  --bs-indigo: #6610f2;
+  --bs-purple: #6f42c1;
+  --bs-pink: #d63384;
+  --bs-red: #dc3545;
+  --bs-orange: #fd7e14;
+  --bs-yellow: #ffc107;
+  --bs-green: #198754;
+  --bs-teal: #20c997;
+  --bs-cyan: #0dcaf0;
+  --bs-black: #000;
+  --bs-white: #fff;
+  --bs-gray: #6c757d;
+  --bs-gray-dark: #343a40;
+  --bs-gray-100: #f8f9fa;
+  --bs-gray-200: #e9ecef;
+  --bs-gray-300: #dee2e6;
+  --bs-gray-400: #ced4da;
+  --bs-gray-500: #adb5bd;
+  --bs-gray-600: #6c757d;
+  --bs-gray-700: #495057;
+  --bs-gray-800: #343a40;
+  --bs-gray-900: #212529;
+  --bs-primary: #0d6efd;
+  --bs-secondary: #6c757d;
+  --bs-success: #198754;
+  --bs-info: #0dcaf0;
+  --bs-warning: #ffc107;
+  --bs-danger: #dc3545;
+  --bs-light: #f8f9fa;
+  --bs-dark: #212529;
+  --bs-primary-rgb: 13, 110, 253;
+  --bs-secondary-rgb: 108, 117, 125;
+  --bs-success-rgb: 25, 135, 84;
+  --bs-info-rgb: 13, 202, 240;
+  --bs-warning-rgb: 255, 193, 7;
+  --bs-danger-rgb: 220, 53, 69;
+  --bs-light-rgb: 248, 249, 250;
+  --bs-dark-rgb: 33, 37, 41;
+  --bs-primary-text-emphasis: #052c65;
+  --bs-secondary-text-emphasis: #2b2f32;
+  --bs-success-text-emphasis: #0a3622;
+  --bs-info-text-emphasis: #055160;
+  --bs-warning-text-emphasis: #664d03;
+  --bs-danger-text-emphasis: #58151c;
+  --bs-light-text-emphasis: #495057;
+  --bs-dark-text-emphasis: #495057;
+  --bs-primary-bg-subtle: #cfe2ff;
+  --bs-secondary-bg-subtle: #e2e3e5;
+  --bs-success-bg-subtle: #d1e7dd;
+  --bs-info-bg-subtle: #cff4fc;
+  --bs-warning-bg-subtle: #fff3cd;
+  --bs-danger-bg-subtle: #f8d7da;
+  --bs-light-bg-subtle: #fcfcfd;
+  --bs-dark-bg-subtle: #ced4da;
+  --bs-primary-border-subtle: #9ec5fe;
+  --bs-secondary-border-subtle: #c4c8cb;
+  --bs-success-border-subtle: #a3cfbb;
+  --bs-info-border-subtle: #9eeaf9;
+  --bs-warning-border-subtle: #ffe69c;
+  --bs-danger-border-subtle: #f1aeb5;
+  --bs-light-border-subtle: #e9ecef;
+  --bs-dark-border-subtle: #adb5bd;
+  --bs-white-rgb: 255, 255, 255;
+  --bs-black-rgb: 0, 0, 0;
+  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
+  --bs-body-font-family: var(--bs-font-sans-serif);
+  --bs-body-font-size: 1rem;
+  --bs-body-font-weight: 400;
+  --bs-body-line-height: 1.5;
+  --bs-body-color: #212529;
+  --bs-body-color-rgb: 33, 37, 41;
+  --bs-body-bg: #fff;
+  --bs-body-bg-rgb: 255, 255, 255;
+  --bs-emphasis-color: #000;
+  --bs-emphasis-color-rgb: 0, 0, 0;
+  --bs-secondary-color: rgba(33, 37, 41, 0.75);
+  --bs-secondary-color-rgb: 33, 37, 41;
+  --bs-secondary-bg: #e9ecef;
+  --bs-secondary-bg-rgb: 233, 236, 239;
+  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
+  --bs-tertiary-color-rgb: 33, 37, 41;
+  --bs-tertiary-bg: #f8f9fa;
+  --bs-tertiary-bg-rgb: 248, 249, 250;
+  --bs-heading-color: inherit;
+  --bs-link-color: #0d6efd;
+  --bs-link-color-rgb: 13, 110, 253;
+  --bs-link-decoration: underline;
+  --bs-link-hover-color: #0a58ca;
+  --bs-link-hover-color-rgb: 10, 88, 202;
+  --bs-code-color: #d63384;
+  --bs-highlight-color: #212529;
+  --bs-highlight-bg: #fff3cd;
+  --bs-border-width: 1px;
+  --bs-border-style: solid;
+  --bs-border-color: #dee2e6;
+  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
+  --bs-border-radius: 0.375rem;
+  --bs-border-radius-sm: 0.25rem;
+  --bs-border-radius-lg: 0.5rem;
+  --bs-border-radius-xl: 1rem;
+  --bs-border-radius-xxl: 2rem;
+  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
+  --bs-border-radius-pill: 50rem;
+  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
+  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
+  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+  --bs-focus-ring-width: 0.25rem;
+  --bs-focus-ring-opacity: 0.25;
+  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
+  --bs-form-valid-color: #198754;
+  --bs-form-valid-border-color: #198754;
+  --bs-form-invalid-color: #dc3545;
+  --bs-form-invalid-border-color: #dc3545;
+}
+
+[data-bs-theme=dark] {
+  color-scheme: dark;
+  --bs-body-color: #dee2e6;
+  --bs-body-color-rgb: 222, 226, 230;
+  --bs-body-bg: #212529;
+  --bs-body-bg-rgb: 33, 37, 41;
+  --bs-emphasis-color: #fff;
+  --bs-emphasis-color-rgb: 255, 255, 255;
+  --bs-secondary-color: rgba(222, 226, 230, 0.75);
+  --bs-secondary-color-rgb: 222, 226, 230;
+  --bs-secondary-bg: #343a40;
+  --bs-secondary-bg-rgb: 52, 58, 64;
+  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
+  --bs-tertiary-color-rgb: 222, 226, 230;
+  --bs-tertiary-bg: #2b3035;
+  --bs-tertiary-bg-rgb: 43, 48, 53;
+  --bs-primary-text-emphasis: #6ea8fe;
+  --bs-secondary-text-emphasis: #a7acb1;
+  --bs-success-text-emphasis: #75b798;
+  --bs-info-text-emphasis: #6edff6;
+  --bs-warning-text-emphasis: #ffda6a;
+  --bs-danger-text-emphasis: #ea868f;
+  --bs-light-text-emphasis: #f8f9fa;
+  --bs-dark-text-emphasis: #dee2e6;
+  --bs-primary-bg-subtle: #031633;
+  --bs-secondary-bg-subtle: #161719;
+  --bs-success-bg-subtle: #051b11;
+  --bs-info-bg-subtle: #032830;
+  --bs-warning-bg-subtle: #332701;
+  --bs-danger-bg-subtle: #2c0b0e;
+  --bs-light-bg-subtle: #343a40;
+  --bs-dark-bg-subtle: #1a1d20;
+  --bs-primary-border-subtle: #084298;
+  --bs-secondary-border-subtle: #41464b;
+  --bs-success-border-subtle: #0f5132;
+  --bs-info-border-subtle: #087990;
+  --bs-warning-border-subtle: #997404;
+  --bs-danger-border-subtle: #842029;
+  --bs-light-border-subtle: #495057;
+  --bs-dark-border-subtle: #343a40;
+  --bs-heading-color: inherit;
+  --bs-link-color: #6ea8fe;
+  --bs-link-hover-color: #8bb9fe;
+  --bs-link-color-rgb: 110, 168, 254;
+  --bs-link-hover-color-rgb: 139, 185, 254;
+  --bs-code-color: #e685b5;
+  --bs-highlight-color: #dee2e6;
+  --bs-highlight-bg: #664d03;
+  --bs-border-color: #495057;
+  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
+  --bs-form-valid-color: #75b798;
+  --bs-form-valid-border-color: #75b798;
+  --bs-form-invalid-color: #ea868f;
+  --bs-form-invalid-border-color: #ea868f;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  :root {
+    scroll-behavior: smooth;
+  }
+}
+
+body {
+  margin: 0;
+  font-family: var(--bs-body-font-family);
+  font-size: var(--bs-body-font-size);
+  font-weight: var(--bs-body-font-weight);
+  line-height: var(--bs-body-line-height);
+  color: var(--bs-body-color);
+  text-align: var(--bs-body-text-align);
+  background-color: var(--bs-body-bg);
+  -webkit-text-size-adjust: 100%;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+hr {
+  margin: 1rem 0;
+  color: inherit;
+  border: 0;
+  border-top: var(--bs-border-width) solid;
+  opacity: 0.25;
+}
+
+h6, h5, h4, h3, h2, h1 {
+  margin-top: 0;
+  margin-bottom: 0.5rem;
+  font-weight: 500;
+  line-height: 1.2;
+  color: var(--bs-heading-color);
+}
+
+h1 {
+  font-size: calc(1.375rem + 1.5vw);
+}
+@media (min-width: 1200px) {
+  h1 {
+    font-size: 2.5rem;
+  }
+}
+
+h2 {
+  font-size: calc(1.325rem + 0.9vw);
+}
+@media (min-width: 1200px) {
+  h2 {
+    font-size: 2rem;
+  }
+}
+
+h3 {
+  font-size: calc(1.3rem + 0.6vw);
+}
+@media (min-width: 1200px) {
+  h3 {
+    font-size: 1.75rem;
+  }
+}
+
+h4 {
+  font-size: calc(1.275rem + 0.3vw);
+}
+@media (min-width: 1200px) {
+  h4 {
+    font-size: 1.5rem;
+  }
+}
+
+h5 {
+  font-size: 1.25rem;
+}
+
+h6 {
+  font-size: 1rem;
+}
+
+p {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+abbr[title] {
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+  cursor: help;
+  -webkit-text-decoration-skip-ink: none;
+  text-decoration-skip-ink: none;
+}
+
+address {
+  margin-bottom: 1rem;
+  font-style: normal;
+  line-height: inherit;
+}
+
+ol,
+ul {
+  padding-left: 2rem;
+}
+
+ol,
+ul,
+dl {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+  margin-bottom: 0;
+}
+
+dt {
+  font-weight: 700;
+}
+
+dd {
+  margin-bottom: 0.5rem;
+  margin-left: 0;
+}
+
+blockquote {
+  margin: 0 0 1rem;
+}
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+small {
+  font-size: 0.875em;
+}
+
+mark {
+  padding: 0.1875em;
+  color: var(--bs-highlight-color);
+  background-color: var(--bs-highlight-bg);
+}
+
+sub,
+sup {
+  position: relative;
+  font-size: 0.75em;
+  line-height: 0;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+a {
+  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
+  text-decoration: underline;
+}
+a:hover {
+  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
+}
+
+a:not([href]):not([class]), a:not([href]):not([class]):hover {
+  color: inherit;
+  text-decoration: none;
+}
+
+pre,
+code,
+kbd,
+samp {
+  font-family: var(--bs-font-monospace);
+  font-size: 1em;
+}
+
+pre {
+  display: block;
+  margin-top: 0;
+  margin-bottom: 1rem;
+  overflow: auto;
+  font-size: 0.875em;
+}
+pre code {
+  font-size: inherit;
+  color: inherit;
+  word-break: normal;
+}
+
+code {
+  font-size: 0.875em;
+  color: var(--bs-code-color);
+  word-wrap: break-word;
+}
+a > code {
+  color: inherit;
+}
+
+kbd {
+  padding: 0.1875rem 0.375rem;
+  font-size: 0.875em;
+  color: var(--bs-body-bg);
+  background-color: var(--bs-body-color);
+  border-radius: 0.25rem;
+}
+kbd kbd {
+  padding: 0;
+  font-size: 1em;
+}
+
+figure {
+  margin: 0 0 1rem;
+}
+
+img,
+svg {
+  vertical-align: middle;
+}
+
+table {
+  caption-side: bottom;
+  border-collapse: collapse;
+}
+
+caption {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  color: var(--bs-secondary-color);
+  text-align: left;
+}
+
+th {
+  text-align: inherit;
+  text-align: -webkit-match-parent;
+}
+
+thead,
+tbody,
+tfoot,
+tr,
+td,
+th {
+  border-color: inherit;
+  border-style: solid;
+  border-width: 0;
+}
+
+label {
+  display: inline-block;
+}
+
+button {
+  border-radius: 0;
+}
+
+button:focus:not(:focus-visible) {
+  outline: 0;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea {
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+button,
+select {
+  text-transform: none;
+}
+
+[role=button] {
+  cursor: pointer;
+}
+
+select {
+  word-wrap: normal;
+}
+select:disabled {
+  opacity: 1;
+}
+
+[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
+  display: none !important;
+}
+
+button,
+[type=button],
+[type=reset],
+[type=submit] {
+  -webkit-appearance: button;
+}
+button:not(:disabled),
+[type=button]:not(:disabled),
+[type=reset]:not(:disabled),
+[type=submit]:not(:disabled) {
+  cursor: pointer;
+}
+
+::-moz-focus-inner {
+  padding: 0;
+  border-style: none;
+}
+
+textarea {
+  resize: vertical;
+}
+
+fieldset {
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+legend {
+  float: left;
+  width: 100%;
+  padding: 0;
+  margin-bottom: 0.5rem;
+  font-size: calc(1.275rem + 0.3vw);
+  line-height: inherit;
+}
+@media (min-width: 1200px) {
+  legend {
+    font-size: 1.5rem;
+  }
+}
+legend + * {
+  clear: left;
+}
+
+::-webkit-datetime-edit-fields-wrapper,
+::-webkit-datetime-edit-text,
+::-webkit-datetime-edit-minute,
+::-webkit-datetime-edit-hour-field,
+::-webkit-datetime-edit-day-field,
+::-webkit-datetime-edit-month-field,
+::-webkit-datetime-edit-year-field {
+  padding: 0;
+}
+
+::-webkit-inner-spin-button {
+  height: auto;
+}
+
+[type=search] {
+  -webkit-appearance: textfield;
+  outline-offset: -2px;
+}
+
+/* rtl:raw:
+[type="tel"],
+[type="url"],
+[type="email"],
+[type="number"] {
+  direction: ltr;
+}
+*/
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+::-webkit-color-swatch-wrapper {
+  padding: 0;
+}
+
+::-webkit-file-upload-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+::file-selector-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+output {
+  display: inline-block;
+}
+
+iframe {
+  border: 0;
+}
+
+summary {
+  display: list-item;
+  cursor: pointer;
+}
+
+progress {
+  vertical-align: baseline;
+}
+
+[hidden] {
+  display: none !important;
+}
+
+/*# sourceMappingURL=bootstrap-reboot.css.map */
--- a/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-reboot.css.map
+++ b/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-reboot.css.map
--- a/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-reboot.min.css
+++ b/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-reboot.min.css
--- a/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-reboot.min.css.map
+++ b/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-reboot.min.css.map
--- a/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-reboot.rtl.css
+++ b/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-reboot.rtl.css
@ -0,0 +1,594 @@
+/*!
+ * Bootstrap Reboot v5.3.3 (https://getbootstrap.com/)
+ * Copyright 2011-2024 The Bootstrap Authors
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ */
+:root,
+[data-bs-theme=light] {
+  --bs-blue: #0d6efd;
+  --bs-indigo: #6610f2;
+  --bs-purple: #6f42c1;
+  --bs-pink: #d63384;
+  --bs-red: #dc3545;
+  --bs-orange: #fd7e14;
+  --bs-yellow: #ffc107;
+  --bs-green: #198754;
+  --bs-teal: #20c997;
+  --bs-cyan: #0dcaf0;
+  --bs-black: #000;
+  --bs-white: #fff;
+  --bs-gray: #6c757d;
+  --bs-gray-dark: #343a40;
+  --bs-gray-100: #f8f9fa;
+  --bs-gray-200: #e9ecef;
+  --bs-gray-300: #dee2e6;
+  --bs-gray-400: #ced4da;
+  --bs-gray-500: #adb5bd;
+  --bs-gray-600: #6c757d;
+  --bs-gray-700: #495057;
+  --bs-gray-800: #343a40;
+  --bs-gray-900: #212529;
+  --bs-primary: #0d6efd;
+  --bs-secondary: #6c757d;
+  --bs-success: #198754;
+  --bs-info: #0dcaf0;
+  --bs-warning: #ffc107;
+  --bs-danger: #dc3545;
+  --bs-light: #f8f9fa;
+  --bs-dark: #212529;
+  --bs-primary-rgb: 13, 110, 253;
+  --bs-secondary-rgb: 108, 117, 125;
+  --bs-success-rgb: 25, 135, 84;
+  --bs-info-rgb: 13, 202, 240;
+  --bs-warning-rgb: 255, 193, 7;
+  --bs-danger-rgb: 220, 53, 69;
+  --bs-light-rgb: 248, 249, 250;
+  --bs-dark-rgb: 33, 37, 41;
+  --bs-primary-text-emphasis: #052c65;
+  --bs-secondary-text-emphasis: #2b2f32;
+  --bs-success-text-emphasis: #0a3622;
+  --bs-info-text-emphasis: #055160;
+  --bs-warning-text-emphasis: #664d03;
+  --bs-danger-text-emphasis: #58151c;
+  --bs-light-text-emphasis: #495057;
+  --bs-dark-text-emphasis: #495057;
+  --bs-primary-bg-subtle: #cfe2ff;
+  --bs-secondary-bg-subtle: #e2e3e5;
+  --bs-success-bg-subtle: #d1e7dd;
+  --bs-info-bg-subtle: #cff4fc;
+  --bs-warning-bg-subtle: #fff3cd;
+  --bs-danger-bg-subtle: #f8d7da;
+  --bs-light-bg-subtle: #fcfcfd;
+  --bs-dark-bg-subtle: #ced4da;
+  --bs-primary-border-subtle: #9ec5fe;
+  --bs-secondary-border-subtle: #c4c8cb;
+  --bs-success-border-subtle: #a3cfbb;
+  --bs-info-border-subtle: #9eeaf9;
+  --bs-warning-border-subtle: #ffe69c;
+  --bs-danger-border-subtle: #f1aeb5;
+  --bs-light-border-subtle: #e9ecef;
+  --bs-dark-border-subtle: #adb5bd;
+  --bs-white-rgb: 255, 255, 255;
+  --bs-black-rgb: 0, 0, 0;
+  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
+  --bs-body-font-family: var(--bs-font-sans-serif);
+  --bs-body-font-size: 1rem;
+  --bs-body-font-weight: 400;
+  --bs-body-line-height: 1.5;
+  --bs-body-color: #212529;
+  --bs-body-color-rgb: 33, 37, 41;
+  --bs-body-bg: #fff;
+  --bs-body-bg-rgb: 255, 255, 255;
+  --bs-emphasis-color: #000;
+  --bs-emphasis-color-rgb: 0, 0, 0;
+  --bs-secondary-color: rgba(33, 37, 41, 0.75);
+  --bs-secondary-color-rgb: 33, 37, 41;
+  --bs-secondary-bg: #e9ecef;
+  --bs-secondary-bg-rgb: 233, 236, 239;
+  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
+  --bs-tertiary-color-rgb: 33, 37, 41;
+  --bs-tertiary-bg: #f8f9fa;
+  --bs-tertiary-bg-rgb: 248, 249, 250;
+  --bs-heading-color: inherit;
+  --bs-link-color: #0d6efd;
+  --bs-link-color-rgb: 13, 110, 253;
+  --bs-link-decoration: underline;
+  --bs-link-hover-color: #0a58ca;
+  --bs-link-hover-color-rgb: 10, 88, 202;
+  --bs-code-color: #d63384;
+  --bs-highlight-color: #212529;
+  --bs-highlight-bg: #fff3cd;
+  --bs-border-width: 1px;
+  --bs-border-style: solid;
+  --bs-border-color: #dee2e6;
+  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
+  --bs-border-radius: 0.375rem;
+  --bs-border-radius-sm: 0.25rem;
+  --bs-border-radius-lg: 0.5rem;
+  --bs-border-radius-xl: 1rem;
+  --bs-border-radius-xxl: 2rem;
+  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
+  --bs-border-radius-pill: 50rem;
+  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
+  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
+  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+  --bs-focus-ring-width: 0.25rem;
+  --bs-focus-ring-opacity: 0.25;
+  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
+  --bs-form-valid-color: #198754;
+  --bs-form-valid-border-color: #198754;
+  --bs-form-invalid-color: #dc3545;
+  --bs-form-invalid-border-color: #dc3545;
+}
+
+[data-bs-theme=dark] {
+  color-scheme: dark;
+  --bs-body-color: #dee2e6;
+  --bs-body-color-rgb: 222, 226, 230;
+  --bs-body-bg: #212529;
+  --bs-body-bg-rgb: 33, 37, 41;
+  --bs-emphasis-color: #fff;
+  --bs-emphasis-color-rgb: 255, 255, 255;
+  --bs-secondary-color: rgba(222, 226, 230, 0.75);
+  --bs-secondary-color-rgb: 222, 226, 230;
+  --bs-secondary-bg: #343a40;
+  --bs-secondary-bg-rgb: 52, 58, 64;
+  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
+  --bs-tertiary-color-rgb: 222, 226, 230;
+  --bs-tertiary-bg: #2b3035;
+  --bs-tertiary-bg-rgb: 43, 48, 53;
+  --bs-primary-text-emphasis: #6ea8fe;
+  --bs-secondary-text-emphasis: #a7acb1;
+  --bs-success-text-emphasis: #75b798;
+  --bs-info-text-emphasis: #6edff6;
+  --bs-warning-text-emphasis: #ffda6a;
+  --bs-danger-text-emphasis: #ea868f;
+  --bs-light-text-emphasis: #f8f9fa;
+  --bs-dark-text-emphasis: #dee2e6;
+  --bs-primary-bg-subtle: #031633;
+  --bs-secondary-bg-subtle: #161719;
+  --bs-success-bg-subtle: #051b11;
+  --bs-info-bg-subtle: #032830;
+  --bs-warning-bg-subtle: #332701;
+  --bs-danger-bg-subtle: #2c0b0e;
+  --bs-light-bg-subtle: #343a40;
+  --bs-dark-bg-subtle: #1a1d20;
+  --bs-primary-border-subtle: #084298;
+  --bs-secondary-border-subtle: #41464b;
+  --bs-success-border-subtle: #0f5132;
+  --bs-info-border-subtle: #087990;
+  --bs-warning-border-subtle: #997404;
+  --bs-danger-border-subtle: #842029;
+  --bs-light-border-subtle: #495057;
+  --bs-dark-border-subtle: #343a40;
+  --bs-heading-color: inherit;
+  --bs-link-color: #6ea8fe;
+  --bs-link-hover-color: #8bb9fe;
+  --bs-link-color-rgb: 110, 168, 254;
+  --bs-link-hover-color-rgb: 139, 185, 254;
+  --bs-code-color: #e685b5;
+  --bs-highlight-color: #dee2e6;
+  --bs-highlight-bg: #664d03;
+  --bs-border-color: #495057;
+  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
+  --bs-form-valid-color: #75b798;
+  --bs-form-valid-border-color: #75b798;
+  --bs-form-invalid-color: #ea868f;
+  --bs-form-invalid-border-color: #ea868f;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  :root {
+    scroll-behavior: smooth;
+  }
+}
+
+body {
+  margin: 0;
+  font-family: var(--bs-body-font-family);
+  font-size: var(--bs-body-font-size);
+  font-weight: var(--bs-body-font-weight);
+  line-height: var(--bs-body-line-height);
+  color: var(--bs-body-color);
+  text-align: var(--bs-body-text-align);
+  background-color: var(--bs-body-bg);
+  -webkit-text-size-adjust: 100%;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+hr {
+  margin: 1rem 0;
+  color: inherit;
+  border: 0;
+  border-top: var(--bs-border-width) solid;
+  opacity: 0.25;
+}
+
+h6, h5, h4, h3, h2, h1 {
+  margin-top: 0;
+  margin-bottom: 0.5rem;
+  font-weight: 500;
+  line-height: 1.2;
+  color: var(--bs-heading-color);
+}
+
+h1 {
+  font-size: calc(1.375rem + 1.5vw);
+}
+@media (min-width: 1200px) {
+  h1 {
+    font-size: 2.5rem;
+  }
+}
+
+h2 {
+  font-size: calc(1.325rem + 0.9vw);
+}
+@media (min-width: 1200px) {
+  h2 {
+    font-size: 2rem;
+  }
+}
+
+h3 {
+  font-size: calc(1.3rem + 0.6vw);
+}
+@media (min-width: 1200px) {
+  h3 {
+    font-size: 1.75rem;
+  }
+}
+
+h4 {
+  font-size: calc(1.275rem + 0.3vw);
+}
+@media (min-width: 1200px) {
+  h4 {
+    font-size: 1.5rem;
+  }
+}
+
+h5 {
+  font-size: 1.25rem;
+}
+
+h6 {
+  font-size: 1rem;
+}
+
+p {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+abbr[title] {
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+  cursor: help;
+  -webkit-text-decoration-skip-ink: none;
+  text-decoration-skip-ink: none;
+}
+
+address {
+  margin-bottom: 1rem;
+  font-style: normal;
+  line-height: inherit;
+}
+
+ol,
+ul {
+  padding-right: 2rem;
+}
+
+ol,
+ul,
+dl {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+  margin-bottom: 0;
+}
+
+dt {
+  font-weight: 700;
+}
+
+dd {
+  margin-bottom: 0.5rem;
+  margin-right: 0;
+}
+
+blockquote {
+  margin: 0 0 1rem;
+}
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+small {
+  font-size: 0.875em;
+}
+
+mark {
+  padding: 0.1875em;
+  color: var(--bs-highlight-color);
+  background-color: var(--bs-highlight-bg);
+}
+
+sub,
+sup {
+  position: relative;
+  font-size: 0.75em;
+  line-height: 0;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+a {
+  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
+  text-decoration: underline;
+}
+a:hover {
+  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
+}
+
+a:not([href]):not([class]), a:not([href]):not([class]):hover {
+  color: inherit;
+  text-decoration: none;
+}
+
+pre,
+code,
+kbd,
+samp {
+  font-family: var(--bs-font-monospace);
+  font-size: 1em;
+}
+
+pre {
+  display: block;
+  margin-top: 0;
+  margin-bottom: 1rem;
+  overflow: auto;
+  font-size: 0.875em;
+}
+pre code {
+  font-size: inherit;
+  color: inherit;
+  word-break: normal;
+}
+
+code {
+  font-size: 0.875em;
+  color: var(--bs-code-color);
+  word-wrap: break-word;
+}
+a > code {
+  color: inherit;
+}
+
+kbd {
+  padding: 0.1875rem 0.375rem;
+  font-size: 0.875em;
+  color: var(--bs-body-bg);
+  background-color: var(--bs-body-color);
+  border-radius: 0.25rem;
+}
+kbd kbd {
+  padding: 0;
+  font-size: 1em;
+}
+
+figure {
+  margin: 0 0 1rem;
+}
+
+img,
+svg {
+  vertical-align: middle;
+}
+
+table {
+  caption-side: bottom;
+  border-collapse: collapse;
+}
+
+caption {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  color: var(--bs-secondary-color);
+  text-align: right;
+}
+
+th {
+  text-align: inherit;
+  text-align: -webkit-match-parent;
+}
+
+thead,
+tbody,
+tfoot,
+tr,
+td,
+th {
+  border-color: inherit;
+  border-style: solid;
+  border-width: 0;
+}
+
+label {
+  display: inline-block;
+}
+
+button {
+  border-radius: 0;
+}
+
+button:focus:not(:focus-visible) {
+  outline: 0;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea {
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+button,
+select {
+  text-transform: none;
+}
+
+[role=button] {
+  cursor: pointer;
+}
+
+select {
+  word-wrap: normal;
+}
+select:disabled {
+  opacity: 1;
+}
+
+[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
+  display: none !important;
+}
+
+button,
+[type=button],
+[type=reset],
+[type=submit] {
+  -webkit-appearance: button;
+}
+button:not(:disabled),
+[type=button]:not(:disabled),
+[type=reset]:not(:disabled),
+[type=submit]:not(:disabled) {
+  cursor: pointer;
+}
+
+::-moz-focus-inner {
+  padding: 0;
+  border-style: none;
+}
+
+textarea {
+  resize: vertical;
+}
+
+fieldset {
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+legend {
+  float: right;
+  width: 100%;
+  padding: 0;
+  margin-bottom: 0.5rem;
+  font-size: calc(1.275rem + 0.3vw);
+  line-height: inherit;
+}
+@media (min-width: 1200px) {
+  legend {
+    font-size: 1.5rem;
+  }
+}
+legend + * {
+  clear: right;
+}
+
+::-webkit-datetime-edit-fields-wrapper,
+::-webkit-datetime-edit-text,
+::-webkit-datetime-edit-minute,
+::-webkit-datetime-edit-hour-field,
+::-webkit-datetime-edit-day-field,
+::-webkit-datetime-edit-month-field,
+::-webkit-datetime-edit-year-field {
+  padding: 0;
+}
+
+::-webkit-inner-spin-button {
+  height: auto;
+}
+
+[type=search] {
+  -webkit-appearance: textfield;
+  outline-offset: -2px;
+}
+
+[type="tel"],
+[type="url"],
+[type="email"],
+[type="number"] {
+  direction: ltr;
+}
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+::-webkit-color-swatch-wrapper {
+  padding: 0;
+}
+
+::-webkit-file-upload-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+::file-selector-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+output {
+  display: inline-block;
+}
+
+iframe {
+  border: 0;
+}
+
+summary {
+  display: list-item;
+  cursor: pointer;
+}
+
+progress {
+  vertical-align: baseline;
+}
+
+[hidden] {
+  display: none !important;
+}
+/*# sourceMappingURL=bootstrap-reboot.rtl.css.map */
--- a/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-reboot.rtl.css.map
+++ b/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-reboot.rtl.css.map
--- a/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-reboot.rtl.min.css
+++ b/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-reboot.rtl.min.css
--- a/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-reboot.rtl.min.css.map
+++ b/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-reboot.rtl.min.css.map
--- a/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-utilities.css
+++ b/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-utilities.css
--- a/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-utilities.css.map
+++ b/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-utilities.css.map
--- a/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-utilities.min.css
+++ b/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-utilities.min.css
--- a/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-utilities.min.css.map
+++ b/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-utilities.min.css.map
--- a/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-utilities.rtl.css
+++ b/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-utilities.rtl.css
--- a/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-utilities.rtl.css.map
+++ b/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-utilities.rtl.css.map
--- a/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-utilities.rtl.min.css
+++ b/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-utilities.rtl.min.css
--- a/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-utilities.rtl.min.css.map
+++ b/songrequests_blazor/wwwroot/bootstrap/css/bootstrap-utilities.rtl.min.css.map
--- a/songrequests_blazor/wwwroot/bootstrap/css/bootstrap.css
+++ b/songrequests_blazor/wwwroot/bootstrap/css/bootstrap.css
--- a/songrequests_blazor/wwwroot/bootstrap/css/bootstrap.css.map
+++ b/songrequests_blazor/wwwroot/bootstrap/css/bootstrap.css.map
--- a/songrequests_blazor/wwwroot/bootstrap/css/bootstrap.min.css
+++ b/songrequests_blazor/wwwroot/bootstrap/css/bootstrap.min.css
--- a/songrequests_blazor/wwwroot/bootstrap/css/bootstrap.min.css.map
+++ b/songrequests_blazor/wwwroot/bootstrap/css/bootstrap.min.css.map
--- a/songrequests_blazor/wwwroot/bootstrap/css/bootstrap.rtl.css
+++ b/songrequests_blazor/wwwroot/bootstrap/css/bootstrap.rtl.css
--- a/songrequests_blazor/wwwroot/bootstrap/css/bootstrap.rtl.css.map
+++ b/songrequests_blazor/wwwroot/bootstrap/css/bootstrap.rtl.css.map
--- a/songrequests_blazor/wwwroot/bootstrap/css/bootstrap.rtl.min.css
+++ b/songrequests_blazor/wwwroot/bootstrap/css/bootstrap.rtl.min.css
--- a/songrequests_blazor/wwwroot/bootstrap/css/bootstrap.rtl.min.css.map
+++ b/songrequests_blazor/wwwroot/bootstrap/css/bootstrap.rtl.min.css.map
--- a/songrequests_blazor/wwwroot/bootstrap/js/bootstrap.bundle.js
+++ b/songrequests_blazor/wwwroot/bootstrap/js/bootstrap.bundle.js
--- a/songrequests_blazor/wwwroot/bootstrap/js/bootstrap.bundle.js.map
+++ b/songrequests_blazor/wwwroot/bootstrap/js/bootstrap.bundle.js.map
--- a/songrequests_blazor/wwwroot/bootstrap/js/bootstrap.bundle.min.js
+++ b/songrequests_blazor/wwwroot/bootstrap/js/bootstrap.bundle.min.js
--- a/songrequests_blazor/wwwroot/bootstrap/js/bootstrap.bundle.min.js.map
+++ b/songrequests_blazor/wwwroot/bootstrap/js/bootstrap.bundle.min.js.map
--- a/songrequests_blazor/wwwroot/bootstrap/js/bootstrap.esm.js
+++ b/songrequests_blazor/wwwroot/bootstrap/js/bootstrap.esm.js
--- a/songrequests_blazor/wwwroot/bootstrap/js/bootstrap.esm.js.map
+++ b/songrequests_blazor/wwwroot/bootstrap/js/bootstrap.esm.js.map
--- a/songrequests_blazor/wwwroot/bootstrap/js/bootstrap.esm.min.js
+++ b/songrequests_blazor/wwwroot/bootstrap/js/bootstrap.esm.min.js
--- a/songrequests_blazor/wwwroot/bootstrap/js/bootstrap.esm.min.js.map
+++ b/songrequests_blazor/wwwroot/bootstrap/js/bootstrap.esm.min.js.map
--- a/songrequests_blazor/wwwroot/bootstrap/js/bootstrap.js
+++ b/songrequests_blazor/wwwroot/bootstrap/js/bootstrap.js
--- a/songrequests_blazor/wwwroot/bootstrap/js/bootstrap.js.map
+++ b/songrequests_blazor/wwwroot/bootstrap/js/bootstrap.js.map
--- a/songrequests_blazor/wwwroot/bootstrap/js/bootstrap.min.js
+++ b/songrequests_blazor/wwwroot/bootstrap/js/bootstrap.min.js
--- a/songrequests_blazor/wwwroot/bootstrap/js/bootstrap.min.js.map
+++ b/songrequests_blazor/wwwroot/bootstrap/js/bootstrap.min.js.map
Author	SHA1	Message	Date
BuildTools	4fe401e360	CRUD für Libraries erstellt	2024-06-26 20:35:43 +02:00
BuildTools	620d3794a6	Name zu Sesssions-Klasse hinzugefügt	2024-06-26 20:35:18 +02:00
BuildTools	da87abc703	Vollwertiges Bootstrap hinzugefügt	2024-06-26 20:34:40 +02:00