Added new Favicon and updated packages (#86)

Reviewed-on: #86

.gitea/workflows/linux_arm64_docker-release.yaml

@@ -24,13 +24,6 @@ jobs:
           echo "VERSION=$VERSION" >> $GITHUB_ENV
           echo "REPO_LC=${GITHUB_REPOSITORY,,}" >> $GITHUB_ENV
 
-      - name: Login to own image registry
-        uses: docker/login-action@v3
-        with:
-          registry: gitea.penry.de
-          username: ${{ secrets.REGISTRY_USER }}
-          password: ${{ secrets.REGISTRY_PASSWORD }}
-
       - name: Setup .NET10
         uses: actions/setup-dotnet@v3
         with:
@@ -42,8 +35,16 @@ jobs:
             -t gitea.penry.de/${{ env.REPO_LC }}:${{ env.VERSION }} \
             -t gitea.penry.de/${{ env.REPO_LC }}:latest \
             --label "org.opencontainers.image.source=https://gitea.penry.de/${{ github.repository }}" \
+            --build-arg VERSION=${{ env.VERSION }} \
             .
 
+      - name: Login to own image registry
+        uses: docker/login-action@v3
+        with:
+          registry: gitea.penry.de
+          username: ${{ secrets.REGISTRY_USER }}
+          password: ${{ secrets.REGISTRY_PASSWORD }}
+          
       - name: Push Images
         run: |
           docker push gitea.penry.de/${{ env.REPO_LC }}:${{ env.VERSION }}

.gitea/workflows/linux_arm64_docker.yaml

@@ -14,6 +14,8 @@ jobs:
 
       - name: Checkout
         uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
         
       - name: Setup Docker Buildx
         uses: docker/setup-buildx-action@v3
@@ -28,62 +30,35 @@ jobs:
       - name: Build version
         shell: bash
         run: |
-            set -euo pipefail
+          LAST_TAG=$(git describe --tags --abbrev=0)
-        
-            git fetch --force --tags origin
-            git fetch --force origin main:refs/remotes/origin/main
-        
-            LAST_TAG=$(git for-each-ref \
-              --sort=-creatordate \
-              --format='%(refname:strip=2)' \
-              refs/tags/v* \
-              | head -n 1)
           
           if [[ -z "${LAST_TAG:-}" ]]; then
             echo "No tag found"
             exit 1
           fi
           
-            LAST_COMMIT=$(git rev-list -n 1 "$LAST_TAG")
+          COMMIT_COUNT=$(git rev-list $LAST_TAG..HEAD --count)
-            DISTANCE=$(git rev-list --count --first-parent "${LAST_COMMIT}..origin/main")
           
-            BASE_VERSION="${LAST_TAG#v}"
+          if [[ "$LAST_TAG" == *-* ]]; then
-        
+            TEMP_LAST_TAG="${LAST_TAG%-*}"
-            if [[ "$BASE_VERSION" == *-* ]]; then
+            VERSION="${TEMP_LAST_TAG}-nightly.${COMMIT_COUNT}"
-              VERSION="${BASE_VERSION}.${DISTANCE}"
           else
-              VERSION="${BASE_VERSION}-nightly.${DISTANCE}"
+            VERSION="${LAST_TAG}-nightly.${COMMIT_COUNT}"
           fi
           
           echo "LAST_TAG=$LAST_TAG" >> "$GITHUB_ENV"
-            echo "LAST_COMMIT=$LAST_COMMIT" >> "$GITHUB_ENV"
+          echo "COMMIT_COUNT=$COMMIT_COUNT" >> "$GITHUB_ENV"
-            echo "DISTANCE=$DISTANCE" >> "$GITHUB_ENV"
           echo "VERSION=$VERSION" >> "$GITHUB_ENV"
           
           echo "Last tag: $LAST_TAG"
-            echo "Last tag commit: $LAST_COMMIT"
+          echo "Commit count: $COMMIT_COUNT"
-            echo "Distance to origin/main: $DISTANCE"
           echo "Final version: $VERSION"
           
-      - name: Set .NET version variables
-        shell: bash
-        run: |
-          set -euo pipefail
-
-          SEMVER="${VERSION}"
-          BASE_NUMERIC=$(echo "$SEMVER" | sed -E 's/^([0-9]+\.[0-9]+\.[0-9]+).*/\1/')
-          BUILD_NO=$(echo "$SEMVER" | grep -oE '[0-9]+$' || echo "0")
-
-          echo "PACKAGE_VERSION=$SEMVER" >> "$GITHUB_ENV"
-          echo "ASSEMBLY_VERSION=${BASE_NUMERIC}.0" >> "$GITHUB_ENV"
-          echo "FILE_VERSION=${BASE_NUMERIC}.${BUILD_NO}" >> "$GITHUB_ENV"
-          echo "INFORMATIONAL_VERSION=$SEMVER" >> "$GITHUB_ENV"
-          
       - name: Build Linux ARM64 Docker Image
         run: |
           docker build \
             -t gitea.penry.de/${{ env.REPO_LC }}:nightly \
-            --build-arg VERSION=${{ env.PACKAGE_VERSION }} \
+            --build-arg VERSION=${{ env.VERSION }} \
             .
       
       - name: Login to own image registry

CouchLog/Components/Account/Pages/ExternalLogin.razor

@@ -54,7 +54,7 @@
     private HttpContext HttpContext { get; set; } = default!;
 
     [SupplyParameterFromForm]
-    private InputModel Input { get; set; } = new();
+    private InputModel Input { get; set; } = null!;
 
     [SupplyParameterFromQuery]
     private string? RemoteError { get; set; }
@@ -94,6 +94,8 @@
             // the login page if we get here some other way.
             RedirectManager.RedirectTo("Account/Login");
         }
+        
+        Input ??= new InputModel();
     }
 
     private async Task OnLoginCallbackAsync()

CouchLog/Components/Account/Pages/ForgotPassword.razor

@@ -35,7 +35,7 @@
 
 @code {
     [SupplyParameterFromForm]
-    private InputModel Input { get; set; } = new();
+    private InputModel Input { get; set; } = null!;
 
     private async Task OnValidSubmitAsync()
     {

CouchLog/Components/Account/Pages/Login.razor

@@ -31,7 +31,7 @@
                 @* MudTextFields zwingend mit Name-Attribut für SSR *@
                 <MudTextField @bind-Value="Input.Username" 
                               For="@(() => Input.Username)" 
-                              Name="Input.Username"
+                              name="Input.Username"
                               Label="Username" 
                               Variant="Variant.Outlined" 
                               Margin="Margin.Dense"
@@ -40,7 +40,7 @@
 
                 <MudTextField @bind-Value="Input.Password" 
                               For="@(() => Input.Password)" 
-                              Name="Input.Password"
+                              name="Input.Password"
                               Label="Password" 
                               InputType="InputType.Password" 
                               Variant="Variant.Outlined" 
@@ -75,7 +75,7 @@
     private HttpContext HttpContext { get; set; } = default!;
 
     [SupplyParameterFromForm]
-    private InputModel Input { get; set; } = new();
+    private InputModel Input { get; set; } = null!;
 
     [SupplyParameterFromQuery]
     private string? ReturnUrl { get; set; }
@@ -87,6 +87,8 @@
             // Clear the existing external cookie to ensure a clean login process
             await HttpContext.SignOutAsync(IdentityConstants.ExternalScheme);
         }
+        
+        Input ??= new InputModel();
     }
 
     public async Task LoginUser()

CouchLog/Components/Account/Pages/LoginWith2fa.razor

@@ -49,7 +49,7 @@
     private ApplicationUser user = default!;
 
     [SupplyParameterFromForm]
-    private InputModel Input { get; set; } = new();
+    private InputModel Input { get; set; } = null!;
 
     [SupplyParameterFromQuery]
     private string? ReturnUrl { get; set; }
@@ -62,6 +62,8 @@
         // Ensure the user has gone through the username & password screen first
         user = await SignInManager.GetTwoFactorAuthenticationUserAsync() ??
             throw new InvalidOperationException("Unable to load two-factor authentication user.");
+        
+        Input ??= new InputModel();
     }
 
     private async Task OnValidSubmitAsync()

CouchLog/Components/Account/Pages/LoginWithRecoveryCode.razor

@@ -38,7 +38,7 @@
     private ApplicationUser user = default!;
 
     [SupplyParameterFromForm]
-    private InputModel Input { get; set; } = new();
+    private InputModel Input { get; set; } = null!;
 
     [SupplyParameterFromQuery]
     private string? ReturnUrl { get; set; }
@@ -48,6 +48,8 @@
         // Ensure the user has gone through the username & password screen first
         user = await SignInManager.GetTwoFactorAuthenticationUserAsync() ??
             throw new InvalidOperationException("Unable to load two-factor authentication user.");
+        
+        Input ??= new InputModel();
     }
 
     private async Task OnValidSubmitAsync()

CouchLog/Components/Account/Pages/Manage/ChangePassword.razor

@@ -1,4 +1,4 @@
-@page "/Account/Manage/ChangePassword"
+@page "/Account/ChangePassword"
 
 @using System.ComponentModel.DataAnnotations
 @using Microsoft.AspNetCore.Identity
@@ -9,67 +9,81 @@
 @inject IdentityUserAccessor UserAccessor
 @inject IdentityRedirectManager RedirectManager
 @inject ILogger<ChangePassword> Logger
+@inject ISnackbar Snackbar
 
 <PageTitle>Change password</PageTitle>
 
-<h3>Change password</h3>
+<MudText Typo="Typo.h6">Change password</MudText>
-<StatusMessage Message="@message" />
+
-<div class="row">
-    <div class="col-xl-6">
 <EditForm Model="Input" FormName="change-password" OnValidSubmit="OnValidSubmitAsync" method="post">
-            <DataAnnotationsValidator />
+    
-            <ValidationSummary class="text-danger" role="alert" />
+    <MudTextField
-            <div class="form-floating mb-3">
+        T="string"
-                <InputText type="password" @bind-Value="Input.OldPassword" id="Input.OldPassword" class="form-control" autocomplete="current-password" aria-required="true" placeholder="Enter the old password" />
+        name="Input.OldPassword"
-                <label for="Input.OldPassword" class="form-label">Old password</label>
+        Label="OldPassword"
-                <ValidationMessage For="() => Input.OldPassword" class="text-danger" />
+        @bind-Value="Input.OldPassword"
-            </div>
+        For="@(() => Input.OldPassword)"
-            <div class="form-floating mb-3">
+        InputType="InputType.Password"
-                <InputText type="password" @bind-Value="Input.NewPassword" id="Input.NewPassword" class="form-control" autocomplete="new-password" aria-required="true" placeholder="Enter the new password" />
+        Required="true"
-                <label for="Input.NewPassword" class="form-label">New password</label>
+        Variant="Variant.Outlined"
-                <ValidationMessage For="() => Input.NewPassword" class="text-danger" />
+        ShrinkLabel="true"/>
-            </div>
+
-            <div class="form-floating mb-3">
+    <MudTextField
-                <InputText type="password" @bind-Value="Input.ConfirmPassword" id="Input.ConfirmPassword" class="form-control" autocomplete="new-password" aria-required="true" placeholder="Enter the new password" />
+        T="string"
-                <label for="Input.ConfirmPassword" class="form-label">Confirm password</label>
+        name="Input.NewPassword"
-                <ValidationMessage For="() => Input.ConfirmPassword" class="text-danger" />
+        Label="New password"
-            </div>
+        @bind-Value="Input.NewPassword"
-            <button type="submit" class="w-100 btn btn-lg btn-primary">Update password</button>
+        For="@(() => Input.NewPassword)"
+        InputType="InputType.Password"
+        Required="true"
+        Variant="Variant.Outlined"
+        ShrinkLabel="true"/>
+
+    <MudTextField
+        T="string"
+        name="Input.ConfirmPassword"
+        Label="Confirm password"
+        @bind-Value="Input.ConfirmPassword"
+        For="@(() => Input.ConfirmPassword)"
+        InputType="InputType.Password"
+        Required="true"
+        Variant="Variant.Outlined"
+        ShrinkLabel="true"/>
+
+    <MudButton ButtonType="ButtonType.Submit" Variant="Variant.Filled" Color="Color.Primary">Change password</MudButton>
 </EditForm>
-    </div>
-</div>
 
 @code {
-    private string? message;
+    private ApplicationUser _user = null!;
-    private ApplicationUser user = default!;
+    private bool _hasPassword;
-    private bool hasPassword;
 
     [CascadingParameter]
-    private HttpContext HttpContext { get; set; } = default!;
+    private HttpContext HttpContext { get; set; } = null!;
 
     [SupplyParameterFromForm]
-    private InputModel Input { get; set; } = new();
+    private InputModel Input { get; set; } = null!;
 
     protected override async Task OnInitializedAsync()
     {
-        user = await UserAccessor.GetRequiredUserAsync(HttpContext);
+        _user = await UserAccessor.GetRequiredUserAsync(HttpContext);
-        hasPassword = await UserManager.HasPasswordAsync(user);
+        _hasPassword = await UserManager.HasPasswordAsync(_user);
-        if (!hasPassword)
+        if (!_hasPassword)
         {
             RedirectManager.RedirectTo("Account/Manage/SetPassword");
         }
+        Input ??= new InputModel();
     }
 
     private async Task OnValidSubmitAsync()
     {
-        var changePasswordResult = await UserManager.ChangePasswordAsync(user, Input.OldPassword, Input.NewPassword);
+        var changePasswordResult = await UserManager.ChangePasswordAsync(_user, Input.OldPassword, Input.NewPassword);
         if (!changePasswordResult.Succeeded)
         {
-            message = $"Error: {string.Join(",", changePasswordResult.Errors.Select(error => error.Description))}";
+            
             return;
         }
 
-        await SignInManager.RefreshSignInAsync(user);
+        await SignInManager.RefreshSignInAsync(_user);
         Logger.LogInformation("User changed their password successfully.");
 
         RedirectManager.RedirectToCurrentPageWithStatus("Your password has been changed", HttpContext);

CouchLog/Components/Account/Pages/Manage/DeletePersonalData.razor

@@ -47,13 +47,15 @@
     private HttpContext HttpContext { get; set; } = default!;
 
     [SupplyParameterFromForm]
-    private InputModel Input { get; set; } = new();
+    private InputModel Input { get; set; } = null!;
 
     protected override async Task OnInitializedAsync()
     {
         Input ??= new();
         user = await UserAccessor.GetRequiredUserAsync(HttpContext);
         requirePassword = await UserManager.HasPasswordAsync(user);
+        
+        Input ??= new InputModel();
     }
 
     private async Task OnValidSubmitAsync()

CouchLog/Components/Account/Pages/Manage/Email.razor

@@ -63,7 +63,7 @@
     private HttpContext HttpContext { get; set; } = default!;
 
     [SupplyParameterFromForm(FormName = "change-email")]
-    private InputModel Input { get; set; } = new();
+    private InputModel Input { get; set; } = null!;
 
     protected override async Task OnInitializedAsync()
     {
@@ -72,6 +72,7 @@
         isEmailConfirmed = await UserManager.IsEmailConfirmedAsync(user);
 
         Input.NewEmail ??= email;
+        Input ??= new InputModel();
     }
 
     private async Task OnValidSubmitAsync()

CouchLog/Components/Account/Pages/Manage/EnableAuthenticator.razor

@@ -79,7 +79,7 @@ else
     private HttpContext HttpContext { get; set; } = default!;
 
     [SupplyParameterFromForm]
-    private InputModel Input { get; set; } = new();
+    private InputModel Input { get; set; } = null!;
 
     protected override async Task OnInitializedAsync()
     {

CouchLog/Components/Account/Pages/Manage/Index.razor

@@ -11,27 +11,14 @@
 
 <PageTitle>Profile</PageTitle>
 
-<h3>Profile</h3>
+<MudText Typo="Typo.h6">Profile</MudText>
 <StatusMessage />
 
-<div class="row">
+<MudContainer Class="pa-0 ma-0">
-    <div class="col-xl-6">
+    <MudTextField Value="@username" Variant="Variant.Outlined" Label="Username"/>
-        <EditForm Model="Input" FormName="profile" OnValidSubmit="OnValidSubmitAsync" method="post">
+</MudContainer>
-            <DataAnnotationsValidator />
+
-            <ValidationSummary class="text-danger" role="alert" />
+
-            <div class="form-floating mb-3">
-                <input type="text" value="@username" id="username" class="form-control" placeholder="Choose your username." disabled />
-                <label for="username" class="form-label">Username</label>
-            </div>
-            <!--<div class="form-floating mb-3">
-                <InputText @bind-Value="Input.PhoneNumber" id="Input.PhoneNumber" class="form-control" placeholder="Enter your phone number" />
-                <label for="Input.PhoneNumber" class="form-label">Phone number</label>
-                <ValidationMessage For="() => Input.PhoneNumber" class="text-danger" />
-            </div>
-            <button type="submit" class="w-100 btn btn-lg btn-primary">Save</button>-->
-        </EditForm>
-    </div>
-</div>
 
 @code {
     private ApplicationUser user = default!;
@@ -42,7 +29,7 @@
     private HttpContext HttpContext { get; set; } = default!;
 
     [SupplyParameterFromForm]
-    private InputModel Input { get; set; } = new();
+    private InputModel Input { get; set; } = null!;
 
     protected override async Task OnInitializedAsync()
     {

CouchLog/Components/Account/Pages/Manage/SetPassword.razor

@@ -45,7 +45,7 @@
     private HttpContext HttpContext { get; set; } = default!;
 
     [SupplyParameterFromForm]
-    private InputModel Input { get; set; } = new();
+    private InputModel Input { get; set; } = null!;
 
     protected override async Task OnInitializedAsync()
     {

CouchLog/Components/Account/Pages/Register.razor

@@ -59,7 +59,7 @@
     private IEnumerable<IdentityError>? identityErrors;
 
     [SupplyParameterFromForm]
-    private InputModel Input { get; set; } = new();
+    private InputModel Input { get; set; } = null!;
 
     [SupplyParameterFromQuery]
     private string? ReturnUrl { get; set; }

CouchLog/Components/Account/Pages/ResendEmailConfirmation.razor

@@ -37,7 +37,7 @@
     private string? message;
 
     [SupplyParameterFromForm]
-    private InputModel Input { get; set; } = new();
+    private InputModel Input { get; set; } = null!;
 
     private async Task OnValidSubmitAsync()
     {

CouchLog/Components/Account/Pages/ResetPassword.razor

@@ -46,7 +46,7 @@
     private IEnumerable<IdentityError>? identityErrors;
 
     [SupplyParameterFromForm]
-    private InputModel Input { get; set; } = new();
+    private InputModel Input { get; set; } = null!;
 
     [SupplyParameterFromQuery]
     private string? Code { get; set; }

CouchLog/Components/Account/Shared/ManageLayout.razor

@@ -1,17 +1,18 @@
 @inherits LayoutComponentBase
 @layout CouchLog.Components.Layout.MainLayout
 
-<h1>Manage your account</h1>
+<MudText Typo="Typo.h2">Manage your account</MudText>
 
-<div>
+<MudContainer MaxWidth="MaxWidth.False" Class="pa-4">
-    <h2>Change your account settings</h2>
+    <MudText Typo="Typo.h4">Change your account settings</MudText>
     <hr/>
-    <div class="row">
+    <MudGrid>
-        <div class="col-lg-3">
+        <MudItem xs="12" md="3" lg="2">
             <ManageNavMenu/>
-        </div>
+        </MudItem>
-        <div class="col-lg-9">
+        
+        <MudItem xs="12" md="9" lg="10">
             @Body
-        </div>
+        </MudItem>
-    </div>
+    </MudGrid>
-</div>
+</MudContainer>

CouchLog/Components/Account/Shared/ManageNavMenu.razor

@@ -3,33 +3,41 @@
 
 @inject SignInManager<ApplicationUser> SignInManager
 
-<ul class="nav nav-pills flex-column">
+<MudNavMenu>
-    <li class="nav-item">
+    <MudNavLink Href="Account/Manage"
-        <NavLink class="nav-link" href="Account/Manage" Match="NavLinkMatch.All">Profile</NavLink>
+                Icon="@Icons.Material.Filled.ManageAccounts">
-    </li>
+        Manage
+    </MudNavLink>
     <!--
-    <li class="nav-item">
+    <MudNavLink Href="Account/Manage/Email"
-        <NavLink class="nav-link" href="Account/Manage/Email">Email</NavLink>
+                Icon="@Icons.Material.Filled.Email">
-    </li> 
+        Email
+    </MudNavLink>
     -->
-    <li class="nav-item">
+    <MudNavLink Href="Account/ChangePassword"
-        <NavLink class="nav-link" href="Account/Manage/ChangePassword">Password</NavLink>
+                Icon="@Icons.Material.Filled.Password">
-    </li>
+        Password
+    </MudNavLink>
     @if (hasExternalLogins)
     {
-        <li class="nav-item">
+        <MudNavLink Href="Account/Manage/ExternalLogins"
-            <NavLink class="nav-link" href="Account/Manage/ExternalLogins">External logins</NavLink>
+                    Icon="@Icons.Material.Filled.Login">
-        </li>
+            External logins
+        </MudNavLink>
     }
     <!--
-    <li class="nav-item">
+    <MudNavLink Href="Account/Manage/TwoFactorAuthentication"
-        <NavLink class="nav-link" href="Account/Manage/TwoFactorAuthentication">Two-factor authentication</NavLink>
+                Icon="@Icons.Material.Filled.FactCheck">
-    </li>
+        Two-factor authentication
+    </MudNavLink>
     -->
-    <li class="nav-item">
+    <!--
-        <NavLink class="nav-link" href="Account/Manage/PersonalData">Personal data</NavLink>
+    <MudNavLink Href="Account/Manage/PersonalData"
-    </li>
+                Icon="@Icons.Material.Filled.DataObject">
-</ul>
+        Personal data
+    </MudNavLink>
+    -->
+</MudNavMenu>
 
 @code {
     private bool hasExternalLogins;

CouchLog/Components/AdminSettings/Pages/CouchLogSettings.razor

@@ -17,11 +17,11 @@
                Color="Color.Primary" />
 </EditForm>
 
-<MudText>Version: @_version</MudText>
+@*<MudText>Version: @_version</MudText>*@
 
 @code {
-    private AccountsSettings? _accountsSettings;
+    private AccountsSettings _accountsSettings = null!;
-    private readonly string _version = Assembly.GetEntryAssembly().GetCustomAttribute<AssemblyInformationalVersionAttribute>()?.InformationalVersion?.Split('+')[0];
+    //private readonly string _version = Assembly.GetEntryAssembly().GetCustomAttribute<AssemblyInformationalVersionAttribute>()?.InformationalVersion?.Split('+')[0];
 
     protected override async Task OnInitializedAsync()
     {

CouchLog/Components/App.razor

@@ -10,6 +10,8 @@
         @* Rendermode get's hand over dynamic *@
         <HeadOutlet @rendermode="RenderModeForPage" />
         
+        <link rel="icon" type="image/png" href="./CouchLog.png" />
+        
         <!-- #MudBlazor -->
         <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet" />
         <link href="_content/MudBlazor/MudBlazor.min.css" rel="stylesheet" />

CouchLog/Components/Pages/GlobalList/Components/GlobalEntityCard.razor

@@ -1,11 +1,16 @@
 @using CouchLog.Data
 
 <MudCard>
-    <MudPaper Elevation="0">
+    <MudPaper Elevation="0" Style="position: relative;" @onmouseenter="@(() => _showEditOverlay = true)" @onmouseleave="@(() => _showEditOverlay = false)">
-        <MudCardMedia Image="@GlobalEntity.PicturePath" Height="400" Style="object-fit: contain;"/>
+        <MudCardMedia Image="@($"{GlobalEntity.PicturePath}?v={DateTime.Now.Ticks}")" Height="400" Style="object-fit: contain;"/>
+        <MudOverlay Visible="@_showEditOverlay" DarkBackground="true" Absolute="true">
+            <MudIconButton Icon="@Icons.Material.Rounded.Edit" Color="Color.Primary" OnClick="@(()=> OnEdit.InvokeAsync(GlobalEntity))" />
+        </MudOverlay>
     </MudPaper>
     <MudCardContent>
-        <MudText Typo="Typo.h5">@GlobalEntity.Title</MudText>
+        <MudTooltip Text="@GlobalEntity.Title">
+            <MudText Typo="Typo.h5" Style="display: block; max-width: 250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">@GlobalEntity.Title</MudText>
+        </MudTooltip>
     </MudCardContent>
     <MudCardActions>
         <MudTooltip Text="Add to shared List">
@@ -34,4 +39,7 @@
     
     [Parameter] public EventCallback<GlobalEntity> OnAddToPrivate { get; set; }
     [Parameter] public EventCallback<GlobalEntity> OnAddToShared { get; set; }
+    [Parameter] public EventCallback<GlobalEntity> OnEdit { get; set; }
+
+    private bool _showEditOverlay;
 }

CouchLog/Components/Pages/GlobalList/Dialogs/AddNewGlobalEntityDialog.razor

@@ -1,10 +1,9 @@
 @using CouchLog.Data
 @using Microsoft.EntityFrameworkCore
-@using Microsoft.AspNetCore.Authorization
 @using Microsoft.AspNetCore.Identity
 @using System.ComponentModel.DataAnnotations
 
-@inject ApplicationDbContext CouchLogDB
+@inject ApplicationDbContext CouchLogDb
 @inject UserManager<ApplicationUser> UserManager
 @inject AuthenticationStateProvider AuthenticationStateProvider
 @inject NavigationManager NavigationManager
@@ -23,10 +22,10 @@
     </TitleContent>
 
     <DialogContent>
-        <EditForm EditContext="_editContext" OnSubmit="HandleSubmit">
+        <EditForm EditContext="_editContext" OnSubmit="HandleSubmit" id="New-Global-Entity-Form">
             <DataAnnotationsValidator />
 
-            <MudStack Row="true" Spacing="3" AlignItems="AlignItems.Start" Style="min-height: 400px;">
+            <MudStack Row="true" Spacing="3" AlignItems="AlignItems.Start" Style="min-height: 400px;" Breakpoint="Breakpoint.SmAndDown">
                 <!--<editor-fold desc="Picture-Upload">-->
                 <MudPaper Class="pa-0" Elevation="0" Width="280px" MinWidth="280px">
                     @if (!string.IsNullOrWhiteSpace(_imagePreview))
@@ -44,13 +43,12 @@
                                        Accept="image/*"
                                        InputClass="null"
                                        Class="mud-file-upload-dragarea">
-                            <SelectedTemplate Context="SelectedTemplateContext"/>
+                            <SelectedTemplate Context="selectedTemplateContext"/>
                         </MudFileUpload>
                     }
                 </MudPaper>
                 <!--</editor-fold>-->
-                
+                <MudPaper Class="flex-grow-1" Elevation="0" MinWidth="200px">
-                <MudPaper Class="flex-grow-1" Elevation="0">
                     <MudStack Spacing="3">
 
                         <MudTextField @bind-Value="_form.Title"
@@ -79,7 +77,15 @@
                             }
                         </MudSelect>
                         <MudCheckBox @bind-Value="_isPrivate" Label="Is Private" Color="Color.Primary" />
-                        <MudButton ButtonType="ButtonType.Submit" Variant="Variant.Filled" Color="Color.Success" Disabled="_isSaving" Class="mt-3">
+                    </MudStack>
+                </MudPaper>
+            </MudStack>
+        </EditForm>
+    </DialogContent>
+
+    <DialogActions>
+        <MudButton OnClick="Cancel" Variant="Variant.Filled" Color="Color.Error" Disabled="_isSaving" Class="mt-3">Cancel</MudButton>
+        <MudButton ButtonType="ButtonType.Submit" Variant="Variant.Filled" Color="Color.Success" Disabled="_isSaving" Class="mt-3" form="New-Global-Entity-Form">
             @if (_isSaving)
             {
                 <MudProgressCircular Indeterminate="true" Size="Size.Small" Class="mr-2"/>
@@ -90,14 +96,6 @@
                 <span>Create Global Entity</span>
             }
         </MudButton>
-                    </MudStack>
-                </MudPaper>
-            </MudStack>
-        </EditForm>
-    </DialogContent>
-
-    <DialogActions>
-        <MudButton OnClick="Cancel" Variant="Variant.Text" Disabled="_isSaving">Cancel</MudButton>
     </DialogActions>
 </MudDialog>
 
@@ -120,6 +118,9 @@
     
     //Picture
     private IBrowserFile? _pictureFile;
+    private string _pictureBase64 = null!;
+    private string? _pictureContentType;
+    private string? _pictureExtension;
 
     private class GlobalEntityFormModel
     {
@@ -142,8 +143,8 @@
             return;
         }
 
-        _mediaTypes = await CouchLogDB.MediaType.OrderBy(t => t.Id).ToListAsync();
+        _mediaTypes = await CouchLogDb.MediaType.OrderBy(t => t.Id).ToListAsync();
-        _genres = await CouchLogDB.Genres.OrderBy(t => t.Id).ToListAsync();
+        _genres = await CouchLogDb.Genres.OrderBy(t => t.Id).ToListAsync();
 
         if (_mediaTypes.Count > 0)
             _selectedMediaTypeId = _mediaTypes.First().Id;
@@ -165,8 +166,11 @@
         using var ms = new MemoryStream();
         await stream.CopyToAsync(ms);
         
-        var base64 = Convert.ToBase64String(ms.ToArray());
+        _pictureContentType = _pictureFile.ContentType;
-        _imagePreview = $"data:{_pictureFile.ContentType};base64,{base64}";
+        _pictureExtension = Path.GetExtension(_pictureFile.Name);
+
+        _pictureBase64 = Convert.ToBase64String(ms.ToArray());
+        _imagePreview = $"data:{_pictureFile.ContentType};base64,{_pictureBase64}";
     }
 
     private void Cancel() => MudDialog.Cancel();
@@ -191,13 +195,10 @@
 
         try
         {
-            string fileName = $"{Guid.NewGuid()}{Path.GetExtension(_pictureFile.Name)}";
+            string fileName = $"{Guid.NewGuid()}{_pictureExtension}";
             string picturePath = Path.Combine("wwwroot", "Pictures", fileName);
             
-            await using (var fs = File.Create(picturePath))
+            await File.WriteAllBytesAsync(picturePath, Convert.FromBase64String(_pictureBase64));
-            {
-                await _pictureFile.OpenReadStream(maxAllowedSize: 10_000_000).CopyToAsync(fs);
-            }
 
             var entity = new GlobalEntity
             {
@@ -209,19 +210,19 @@
                 IsPrivate = _isPrivate
             };
 
-            CouchLogDB.Add(entity);
+            CouchLogDb.Add(entity);
-            await CouchLogDB.SaveChangesAsync();
+            await CouchLogDb.SaveChangesAsync();
 
             foreach (int genreId in _selectedGenreIds)
             {
-                CouchLogDB.Add(new LinkTableGlobalGenre
+                CouchLogDb.Add(new LinkTableGlobalGenre
                 {
                     GenreId = genreId,
                     GlobalEntityId = entity.Id
                 });
             }
 
-            await CouchLogDB.SaveChangesAsync();
+            await CouchLogDb.SaveChangesAsync();
 
             Snackbar.Add("Global Entity created!", Severity.Success);
             MudDialog.Close(DialogResult.Ok(entity));

CouchLog/Components/Pages/GlobalList/Dialogs/EditGlobalEntityDialog.razor

@@ -0,0 +1,340 @@
+@using CouchLog.Data
+@using Microsoft.EntityFrameworkCore
+
+@inject ApplicationDbContext CouchLogDb
+@inject ISnackbar Snackbar
+
+<MudDialog>
+    <TitleContent>
+        <MudText Typo="Typo.h6">Edit Global Entity</MudText>
+    </TitleContent>
+    
+    <DialogContent>
+        <MudStack Row="true" Spacing="3" AlignItems="AlignItems.Start" Style="min-height: 400px;" Breakpoint="Breakpoint.SmAndDown">
+            <!--<editor-fold desc="Picture-Upload">-->
+                    @if (!string.IsNullOrWhiteSpace(_imagePreview))
+                    {
+                        <MudPaper Class="pa-0" Elevation="0" Width="280px" MinWidth="280px" Style="position: relative" @onmouseenter="@(() => _showChangePictureOverlay = true)" @onmouseleave="@(() => _showChangePictureOverlay = false)">
+                            <MudImage Src="@_imagePreview"
+                                      ObjectFit="ObjectFit.Contain"
+                                      Class="rounded" 
+                                      Style="width: 280px; height: 400px;"/>
+                            <MudOverlay Visible="@_showChangePictureOverlay" DarkBackground="true" Absolute="true">
+                                <MudIconButton Icon="@Icons.Material.Rounded.Edit" Color="Color.Primary" OnClick="@(() => PrepareForNewImage())"/>
+                            </MudOverlay>
+                        </MudPaper>
+                    }
+                    else
+                    {
+                        <MudPaper Class="pa-0" Elevation="0" Width="280px" MinWidth="280px" Style="position: relative">
+                            <MudFileUpload @bind-Files="_pictureFile"
+                                           DragAndDrop="true"
+                                           OnFilesChanged="OnPictureUploaded"
+                                           Accept="image/*"
+                                           InputClass="null"
+                                           Class="mud-file-upload-dragarea">
+                                <SelectedTemplate Context="selectedTemplateContext"/>
+                            </MudFileUpload>
+                        </MudPaper>
+                    }
+                <!--</editor-fold>-->
+                <MudPaper Class="flex-grow-1" Elevation="0" MinWidth="200px">
+                    <MudStack Spacing="3">
+                        <MudTextField @bind-Value="_editedGlobalEntity.Title"
+                                      Label="Title"
+                                      Variant="Variant.Outlined" />
+                        <MudSelect T="int"
+                                   @bind-Value="_editedGlobalEntity.TypeId"
+                                   Label="Type"
+                                   Variant="Variant.Outlined">
+                            @foreach (var type in _mediaTypes)
+                            {
+                                <MudSelectItem T="int" Value="@type.Id">@type.Name</MudSelectItem>
+                            }
+                        </MudSelect>
+
+                        <MudSelect T="int"
+                                   Label="Genres"
+                                   MultiSelection="true"
+                                   @bind-SelectedValues="_selectedGenreIds"
+                                   Variant="Variant.Outlined">
+                            @foreach (var genre in _genres)
+                            {
+                                <MudSelectItem T="int" Value="@genre.Id">@genre.Name</MudSelectItem>
+                            }
+                        </MudSelect>
+                        <MudCheckBox @bind-Value="_isPrivate" Label="Is Private" Color="Color.Primary" />
+                        @if (AppUser.Id == _editedGlobalEntity.CreatorId)
+                        {
+                            <MudButton OnClick="HandleDelete"
+                                       StartIcon="@Icons.Material.Filled.Delete"
+                                       Variant="Variant.Filled"
+                                       Color="Color.Error">
+                                Delete
+                            </MudButton>
+                        }
+                        else
+                        {
+                            <AuthorizeView Roles="Admin">
+                                <Authorized>
+                                    <MudButton OnClick="HandleDelete"
+                                               StartIcon="@Icons.Material.Filled.Delete"
+                                               Variant="Variant.Filled"
+                                               Color="Color.Error">
+                                        Delete
+                                    </MudButton>
+                                </Authorized>
+                            </AuthorizeView>
+                        }
+                    </MudStack>
+                </MudPaper>
+            </MudStack>
+    </DialogContent>
+    
+        
+    
+    <DialogActions>
+        <MudButton OnClick="Cancel" Variant="Variant.Filled" Color="Color.Error">Cancel</MudButton>
+        <MudButton OnClick="SaveChanges" Variant="Variant.Filled" Color="Color.Success">Save Changes</MudButton>
+    </DialogActions>
+</MudDialog>
+
+@code
+{
+    [CascadingParameter] private IMudDialogInstance Dialog { get; set; } = null!;
+    
+    [Parameter] public GlobalEntity GlobalEntity { get; set; } = null!;
+    [Parameter] public ApplicationUser AppUser { get; set; } = null!;
+    
+    [Inject] private IDialogService DialogService { get; set; }
+    
+    private GlobalEntity _editedGlobalEntity = null!;
+    private string? _imagePreview;
+    private IBrowserFile? _pictureFile;
+    private List<MediaType> _mediaTypes = new();
+    private IReadOnlyCollection<int> _selectedGenreIds = Array.Empty<int>();
+    private List<Genre> _genres = new();
+    private bool _isPrivate;
+
+    private bool _showChangePictureOverlay;
+
+    private string _oldImageBase64;
+
+    private string _placeHolder = "data:image/png;base64,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 truncated
+    
+    protected override async Task OnInitializedAsync()
+    {
+        await CouchLogDb.GlobalEntities
+            .Include(x => x.MediaType)
+            .Include(x => x.LinkTableGlobalGenres)
+            .LoadAsync();
+
+        _editedGlobalEntity = new GlobalEntity
+        {
+            //Required
+            Id = GlobalEntity.Id,
+            CreatorId = GlobalEntity.CreatorId,
+            CreationTime = GlobalEntity.CreationTime,
+            TypeId = GlobalEntity.TypeId,
+            
+            //Editable
+            Title = GlobalEntity.Title,
+            MediaType = GlobalEntity.MediaType,
+            LinkTableGlobalGenres = GlobalEntity.LinkTableGlobalGenres,
+            IsPrivate = GlobalEntity.IsPrivate,
+            PicturePath = GlobalEntity.PicturePath,
+        };
+        await GetImagePreview();
+        _mediaTypes = await CouchLogDb.MediaType.OrderBy(t => t.Id).ToListAsync();
+        _selectedGenreIds = GlobalEntity.LinkTableGlobalGenres.Select(x => x.GenreId).ToList();
+        //var newGenreIds = new HashSet<int>(_selectedGenreIds);
+        _genres = await CouchLogDb.Genres.OrderBy(t => t.Id).ToListAsync();
+        _isPrivate = _editedGlobalEntity.IsPrivate;
+    }
+
+    private async Task GetImagePreview()
+    {
+        if (_editedGlobalEntity.PicturePath == null)
+        {
+            _imagePreview = _placeHolder;
+            return;
+        }
+        string path = Path.Combine("wwwroot", _editedGlobalEntity.PicturePath);
+
+        byte[] imageArray;
+        string base64Image = "";
+        
+        try
+        {
+            imageArray = await File.ReadAllBytesAsync(path);
+            base64Image = Convert.ToBase64String(imageArray);
+        }
+        catch (Exception ex)
+        {
+            Console.WriteLine(ex);
+        }
+
+        if (!String.IsNullOrWhiteSpace(base64Image))
+        {
+            _imagePreview = $"data:image/jpeg;base64,{base64Image}";
+            _oldImageBase64 = _imagePreview;
+        }
+        else
+        {
+            _imagePreview = _placeHolder;
+        }
+    }
+
+    private async Task PrepareForNewImage()
+    {
+        if (_imagePreview != _placeHolder)
+        {
+            _imagePreview = null;
+        }
+        else
+        {
+            _imagePreview = null;
+        }
+    }
+    
+    private async Task OnPictureUploaded()
+    {
+        if (_pictureFile == null)
+        {
+            Snackbar.Add("No file selected!", Severity.Warning);
+            return;
+        }
+        if (_pictureFile.Size > 5242880)
+        {
+            Snackbar.Add("File size exceeds 5MB!", Severity.Error);
+            return;
+        }
+        await using var stream = _pictureFile.OpenReadStream(5242880);
+        using var ms = new MemoryStream();
+        await stream.CopyToAsync(ms);
+        
+        var _pictureContentType = _pictureFile.ContentType;
+        var _pictureExtension = Path.GetExtension(_pictureFile.Name);
+
+        var _pictureBase64 = Convert.ToBase64String(ms.ToArray());
+        _imagePreview = $"data:{_pictureFile.ContentType};base64,{_pictureBase64}";
+    }
+
+    private async Task HandleDelete()
+    {
+        //TODO: Add Message Box
+        File.Delete(Path.Combine("wwwroot", GlobalEntity.PicturePath));
+        Dialog.Close(DialogResult.Ok((GlobalEntity, true)));
+    }
+
+    private bool CheckForChanges()
+    {
+        if (_editedGlobalEntity.Title != GlobalEntity.Title)
+        {
+            return true;       
+        }
+        if(_editedGlobalEntity.TypeId != GlobalEntity.TypeId)
+        {
+            return true;
+        }
+        
+        var newGenresHashSet = new HashSet<int>(_selectedGenreIds);
+        var  oldGenereIds = GlobalEntity.LinkTableGlobalGenres.Select(g => g.GenreId);
+        if (!newGenresHashSet.SetEquals(oldGenereIds))
+        {
+            //Snackbar.Add("Selected genre id is", Severity.Warning);
+            return true;
+        }
+        
+        if (_editedGlobalEntity.IsPrivate != GlobalEntity.IsPrivate)
+        {
+            return true;
+        }
+
+        if (_imagePreview != _oldImageBase64)
+        {
+            return true;
+        }
+            
+        return false;
+    }
+    
+    private void UpdateGenreLinks()
+    {
+        var currentGenreIds = GlobalEntity.LinkTableGlobalGenres.Select(g => g.GenreId).ToHashSet();
+        var selectedGenreIds = _selectedGenreIds.ToHashSet();
+
+        var toRemove = GlobalEntity.LinkTableGlobalGenres
+            .Where(g => !selectedGenreIds.Contains(g.GenreId))
+            .ToList();
+        foreach (var link in toRemove)
+        {
+            GlobalEntity.LinkTableGlobalGenres.Remove(link);
+        }
+
+        var toAdd = selectedGenreIds.Where(id => !currentGenreIds.Contains(id));
+        foreach (var genreId in toAdd)
+        {
+            GlobalEntity.LinkTableGlobalGenres.Add(new LinkTableGlobalGenre
+            {
+                GlobalEntityId = GlobalEntity.Id,
+                GenreId = genreId
+            });
+        }
+    }
+
+    private async Task SaveImageToFile(string dataUrl, string targetPath)
+    {
+        if (string.IsNullOrWhiteSpace(dataUrl))
+        {
+            return;
+        }
+
+        var commaIndex = dataUrl.IndexOf(',');
+        if (commaIndex < 0)
+        {
+            return;
+        }
+
+        string base64Data = dataUrl.Substring(commaIndex + 1);
+        byte[] imageBytes = Convert.FromBase64String(base64Data);
+
+        await File.WriteAllBytesAsync(targetPath, imageBytes);
+    }
+
+    private async Task SaveChanges()
+    {
+        if (CheckForChanges())
+        {
+            bool? result = await DialogService.ShowMessageBoxAsync(
+                "Warning", 
+                "Do you really want to save does changes?", 
+                yesText:"Save", cancelText:"Cancel");
+
+            if (result == true)
+            {
+                GlobalEntity.Title = _editedGlobalEntity.Title;
+                GlobalEntity.TypeId = _editedGlobalEntity.TypeId;
+                GlobalEntity.MediaType = _editedGlobalEntity.MediaType;
+                UpdateGenreLinks();
+                GlobalEntity.IsPrivate = _editedGlobalEntity.IsPrivate;
+                GlobalEntity.LastChange = DateTime.UtcNow;
+                
+                SaveImageToFile(_imagePreview, Path.Combine("wwwroot", _editedGlobalEntity.PicturePath));
+
+                await CouchLogDb.SaveChangesAsync();
+                Dialog.Close(DialogResult.Ok((GlobalEntity, false)));
+            }
+        }
+        else
+        {
+            Snackbar.Add("You changed nothing so there is nothing to save!", Severity.Info);
+            Cancel();
+        }
+    }
+    
+    private void Cancel()
+    { 
+        Dialog.Cancel();
+    }
+}

CouchLog/Components/Pages/GlobalList/GlobalList.razor

@@ -78,11 +78,12 @@
         <MudGrid Spacing="6" Justify="Justify.Center">
             @foreach (var globalEntity in VisibleGlobalEntities)
             {
-                <MudItem xs="12" sm="6" md="4" lg="3" xl="2">
+                <MudItem xs="12" sm="6" md="4" lg="3" xl="2" Style="min-width: 0;">
                     <GlobalEntityCard GlobalEntity="globalEntity"
                                       UserPrivateEntityIds="_userPrivateEntityIds"
                                       OnAddToPrivate="AddGlobalEntityToPrivateList"
-                                      OnAddToShared="AddGlobalEntityToSharedList"/>
+                                      OnAddToShared="AddGlobalEntityToSharedList"
+                                      OnEdit="OpenEditGlobalEntityDialog"/>
                 </MudItem>
             }
         </MudGrid>
@@ -151,7 +152,7 @@
 
     private async Task OnNewEntity(GlobalEntity entity)
     {
-        _globalEntities.Add(entity);
+        _globalEntities.Insert(0, entity);
         await RefreshPage();
     }
     
@@ -166,6 +167,44 @@
         }
     }
 
+    private async Task OpenEditGlobalEntityDialog(GlobalEntity globalEntity)
+    {
+        var parameters = new DialogParameters<EditGlobalEntityDialog>
+        {
+            { x => x.GlobalEntity, globalEntity },
+            { x => x.AppUser, _appUser}
+        };
+        
+        var dialog = await DialogService.ShowAsync<EditGlobalEntityDialog>("Edit Global Entity", parameters);
+        var result = await dialog.Result;
+
+        if (!result!.Canceled && result.Data is ValueTuple<GlobalEntity, bool> data)
+        {
+            if (data.Item2)
+            {
+                CouchLogDb.GlobalEntities.Remove(data.Item1);
+                await CouchLogDb.SaveChangesAsync();
+
+                _globalEntities.RemoveAll(x => x.Id == data.Item1.Id);
+
+                if (_currentPage > TotalPages)
+                    _currentPage = Math.Max(1, TotalPages);
+
+                StateHasChanged();
+            }
+
+            if (!data.Item2)
+            {
+                int index = _globalEntities.FindIndex(x => x.Id == data.Item1.Id);
+                if (index >= 0)
+                {
+                    _globalEntities[index] = data.Item1;
+                }
+                StateHasChanged();
+            }
+        }
+    }
+    
     public async Task AddGlobalEntityToPrivateList(GlobalEntity globalEntity)
     {
         if(_appUser is null) { Snackbar.Add("Not logged in!", Severity.Error); return;}

CouchLog/Components/Pages/PrivateList/Components/PrivateEntityCard.razor

@@ -6,7 +6,7 @@
             <!--<editor-fold desc="Poster-Image">-->
             <MudItem xs="4">
                 <MudImage 
-                    Src="@PrivateEntity.GlobalEntity.PicturePath" 
+                    Src="@($"{PrivateEntity.GlobalEntity.PicturePath}?v={DateTime.Now.Ticks}")"
                     Alt=""
                     ObjectFit="ObjectFit.Cover"
                     Style="width: 100%; height: 100%; min-height: 180px; border-radius: 4px 0 0 4px;" />
@@ -17,7 +17,9 @@
                 <MudStack Class="pa-3" Spacing="2">
                     <!--<editor-fold desc="Options">-->
                     <MudStack Row="true" AlignItems="AlignItems.Center" Justify="Justify.SpaceBetween">
-                        <MudText Typo="Typo.h6">@PrivateEntity.GlobalEntity.Title</MudText>
+                        <MudTooltip Text="@PrivateEntity.GlobalEntity.Title">
+                            <MudText Typo="Typo.h6" Style="display: block; max-width: 250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">@PrivateEntity.GlobalEntity.Title</MudText>
+                        </MudTooltip>
                         <MudMenu Icon="@Icons.Material.Filled.MoreVert" Color="Color.Default" Dense="true">
                             <MudMenuItem>Edit</MudMenuItem>
                             <MudMenuItem OnClick="@(() => OnRemove.InvokeAsync())">Remove</MudMenuItem>
@@ -40,6 +42,8 @@
                     </MudSelect>
                     <!--</editor-fold>-->
                     
+                    <!-- @if (PrivateEntity.GlobalEntity.MediaType.Name == "Series" || PrivateEntity.GlobalEntity.MediaType.Name == "Anime") -->
+                    <!--{-->
                         <!--<editor-fold desc="Dropdown-Season">-->
                         <MudSelect
                             T="int?"
@@ -47,7 +51,8 @@
                             ValueChanged="@(newSeason => OnSeasonChange.InvokeAsync(newSeason))"
                             Dense="true"
                             Variant="Variant.Outlined"
-                        Label="">
+                            Label=""
+                            Class="@(PrivateEntity.GlobalEntity.MediaType.Name == "Series" ? "" : "invisible")">
                             @{
                                 int? currentSeason = PrivateEntity.Season ?? 1;
                                 int? startOffsetSeason = currentSeason > 1 ? -1 : 0;
@@ -67,7 +72,8 @@
                             ValueChanged="@(newEpisode => OnEpisodeChange.InvokeAsync(newEpisode))"
                             Dense="true"
                             Variant="Variant.Outlined"
-                        Label="">
+                            Label=""
+                            Class="@(PrivateEntity.GlobalEntity.MediaType.Name == "Series" ? "" : "invisible")">
                             @{
                                 int? currentEpisode = PrivateEntity.Episode ?? 1;
                                 int? startOffsetEpisode = currentEpisode > 1 ? -1 : 0;
@@ -79,6 +85,7 @@
                             }
                         </MudSelect>
                         <!--</editor-fold>-->
+                    <!--}-->
 
                     <!--<editor-fold desc="Details Button">-->
                     <MudStack Row="true" Justify="Justify.FlexEnd">

CouchLog/Components/Pages/PrivateList/PrivateList.razor

@@ -132,7 +132,7 @@
     //Filter
     private string? _searchString;
     private bool _showFilters;
-    private bool _showAlreadyAddedEntities = false;
+    //private bool _showAlreadyAddedEntities = false;
     private IEnumerable<PrivateEntity> FiltertGlobalEntities => _privateEntities.Where(entity =>
             (string.IsNullOrWhiteSpace(_searchString) || entity.GlobalEntity.Title.Contains(_searchString, StringComparison.OrdinalIgnoreCase)) //Search bar
     );

CouchLog/CouchLog.csproj

@@ -9,6 +9,9 @@
     <PackAsTool>True</PackAsTool>
     <Version>0.1.0-nightly.10</Version>
     <Authors>Penry</Authors>
+    <IsPackable>false</IsPackable>
+    <WarnOnPackingNonPackableProject>false</WarnOnPackingNonPackableProject>
+    <LangVersion>default</LangVersion>
   </PropertyGroup>
 
   <ItemGroup>
@@ -60,26 +63,24 @@
   </ItemGroup>
 
   <ItemGroup>
-    <PackageReference Include="Microsoft.AspNetCore.Components.QuickGrid" Version="10.0.1" />
+    <PackageReference Include="Microsoft.AspNetCore.App.Internal.Assets" Version="10.0.12" />
-    <PackageReference Include="Microsoft.AspNetCore.Diagnostics.EntityFrameworkCore" Version="10.0.1" />
+    <PackageReference Include="Microsoft.AspNetCore.Components.QuickGrid" Version="10.0.12" />
-    <PackageReference Include="Microsoft.AspNetCore.Identity.EntityFrameworkCore" Version="10.0.1" />
+    <PackageReference Include="Microsoft.AspNetCore.Diagnostics.EntityFrameworkCore" Version="10.0.12" />
-    <PackageReference Include="Microsoft.AspNetCore.Identity.UI" Version="10.0.1" />
+    <PackageReference Include="Microsoft.AspNetCore.Identity.EntityFrameworkCore" Version="10.0.12" />
-    <PackageReference Include="Microsoft.Build" Version="18.0.2" />
+    <PackageReference Include="Microsoft.AspNetCore.Identity.UI" Version="10.0.12" />
-    <PackageReference Include="Microsoft.CodeAnalysis.CSharp.Features" Version="5.0.0" />
+    <PackageReference Include="Microsoft.Build" Version="18.10.1" />
-    <PackageReference Include="Microsoft.CodeAnalysis.Workspaces.MSBuild" Version="5.0.0" />
+    <PackageReference Include="Microsoft.EntityFrameworkCore" Version="10.0.12" />
-    <PackageReference Include="Microsoft.DotNet.Scaffolding.Shared" Version="10.0.0" />
+    <PackageReference Include="Microsoft.EntityFrameworkCore.Design" Version="10.0.12">
-    <PackageReference Include="Microsoft.EntityFrameworkCore" Version="10.0.1" />
-    <PackageReference Include="Microsoft.EntityFrameworkCore.Design" Version="10.0.1">
       <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
       <PrivateAssets>all</PrivateAssets>
     </PackageReference>
-    <PackageReference Include="Microsoft.EntityFrameworkCore.Sqlite" Version="10.0.1" />
+    <PackageReference Include="Microsoft.EntityFrameworkCore.Sqlite" Version="10.0.12" />
-    <PackageReference Include="Microsoft.EntityFrameworkCore.SqlServer" Version="10.0.1" />
+    <PackageReference Include="Microsoft.EntityFrameworkCore.SqlServer" Version="10.0.12" />
-    <PackageReference Include="Microsoft.EntityFrameworkCore.Tools" Version="10.0.1">
+    <PackageReference Include="Microsoft.EntityFrameworkCore.Tools" Version="10.0.12">
       <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
       <PrivateAssets>all</PrivateAssets>
     </PackageReference>
-    <PackageReference Include="MudBlazor" Version="9.5.0" />
+    <PackageReference Include="MudBlazor" Version="9.10.0" />
   </ItemGroup>
 
   <ItemGroup>

CouchLog/Data/DatabaseModels/Global/GlobalEntity.cs

@@ -4,8 +4,7 @@ using System.Diagnostics.CodeAnalysis;
 
 namespace CouchLog.Data
 {
-    [method: SetsRequiredMembers]
+    public class GlobalEntity
-    public class GlobalEntity()
     {
         [Key]
         public int Id { get; set; }

README.md

@@ -6,3 +6,5 @@
 There are two options:
 - latest: Is the latest release Version
 - nightly: Is the latest commit on the main branch
+
+Test-Commit