Post covers to work across environments

Author: rxtur

src/Blogifier.Admin/Components/Blog/CategoriesComponent.razor

@@ -1,6 +1,8 @@
 @inject HttpClient _http
 @inject IStringLocalizer<Resource> _localizer
-
+<style>
+    .bf-test { color: red !important }
+</style>
 <div class="d-flex">
     @if (PostCategories != null)
     {
@@ -14,7 +16,7 @@
             </div>
         }
     }
-    <input type="text" id="add_category_control" @bind="Tag" @onkeyup="KeyPressed" name="tagItem" placeholder="@_localizer["add-category"]" />
+    <input type="text" id="add_category_control" class="bf-test" @bind="Tag" @onkeyup="KeyPressed" name="tagItem" placeholder="@_localizer["add-category"]" />
 </div>
 
 @code {

src/Blogifier.Admin/Pages/Blog/Editor.razor

@@ -136,6 +136,7 @@
        Post.PostType = _stateprovider.PostType;
 
        Post.Cover = await _jsruntime.InvokeAsync<string>("commonJsFunctions.getSrcValue", "postCover");
+       Post.Cover = Post.Cover.Replace(_navigation.BaseUri, "");
 
        if(string.IsNullOrEmpty(Post.Cover))
            Post.Cover = Constants.DefaultCover;

src/Blogifier/Blog.db

@@ -13,7 +13,7 @@
     <article class="post">
 
         <figure class="post-cover">
-            <img class="post-cover-img" src="@cover" alt="@post.Title">
+            <img class="post-cover-img" src="~/@cover" alt="@post.Title">
         </figure>
 
         <header class="post-header post-container">

src/Blogifier/Views/Themes/standard/Page.cshtml

@@ -14,7 +14,7 @@
     <article class="post">
 
         <figure class="post-cover">
-            <img class="post-cover-img" src="@cover" alt="@post.Title" aria-hidden="true">
+            <img class="post-cover-img" src="~/@cover" alt="@post.Title" aria-hidden="true">
         </figure>
 
         <header class="post-header post-container">

src/Blogifier/Views/Themes/standard/Post.cshtml

@@ -1,5 +1,10 @@
+@using Blogifier.Shared.Resources
+@using Blogifier.Shared
+@using Microsoft.Extensions.Localization
+@inject IStringLocalizer<Resource> _localizer
 @{
-    Layout = "layouts/_main.cshtml";
+   Layout = "layouts/_main.cshtml";
+   ListModel listModel = (ListModel)Model;
 }
 
 <main class="container search">
@@ -9,14 +14,20 @@
     </form>
     <h1 class="search-title">Search Results</h1>
 
-    <div class="row mb-3">
-        <div class="col-4">
-            <img src="IMAGE" alt="TITLE">
-        </div>
-        <div class="col-8">
-            <a href="URL">TITLE</a>
-            <p>DESCRIPTION</p>
-        </div>
-    </div>
+    @if (listModel.Posts.Count() > 0)
+    {
+        @foreach (var post in listModel.Posts)
+        {
+            <div class="row mb-3">
+                <div class="col-4">
+                    <img src="~/@post.Cover" alt="@post.Title">
+                </div>
+                <div class="col-8">
+                    <a href="~/posts/@post.Slug">@post.Title</a>
+                    <p>@post.Description</p>
+                </div>
+            </div>
+        }
+    }
 
 </main>

src/Blogifier/Views/Themes/standard/Search.cshtml

@@ -1,4 +1,4 @@
-@using Blogifier.Shared
+@using Blogifier.Shared
 @using Blogifier.Shared.Resources
 @using Microsoft.Extensions.Localization
 @inject IStringLocalizer<Resource> _localizer
@@ -11,7 +11,7 @@
 
     @* TODO: Customfield *@
     var siteMark = "titleDesc";
-    var siteLogo = "/themes/standard/img/logo-black.png";
+    var siteLogo = "themes/standard/img/logo-black.png";
 }
 
 <header class="header">
@@ -20,7 +20,7 @@
             @if (siteMark == "logo")
             {
                 <a class="header-logo" href="@absoluteUrl">
-                    <img class="header-logo-img" src="@siteLogo" alt="@siteTitle @_localizer["logo"]">
+                    <img class="header-logo-img" src="~/@siteLogo" alt="@siteTitle @_localizer["logo"]">
                 </a>
             }
             else if (siteMark == "title")

src/Blogifier/Views/Themes/standard/components/header.cshtml

@@ -17,7 +17,7 @@
                     <section class="col-lg-7">
                         <figure class="featured-cover" aria-hidden="true">
                             <a href="~/posts/@item.Slug" class="featured-cover-link" tabindex="-1">
-                                <img class="featured-cover-img" alt="POST_TITLE" src="@item.Cover">
+                                <img class="featured-cover-img" alt="POST_TITLE" src="~/@item.Cover">
                             </a>
                             <figcaption class="visually-hidden">@item.Title</figcaption>
                         </figure>

src/Blogifier/Views/Themes/standard/post/featured.cshtml

@@ -35,7 +35,7 @@
         <div class="col-12 col-md mb-4 mb-md-0">
             <article class="post-grid d-flex flex-column">
                 <figure class="post-grid-cover" aria-hidden="true">
-                    <img class="post-grid-img" src="@post.Cover" alt="@post.Title">
+                    <img class="post-grid-img" src="~/@post.Cover" alt="@post.Title">
                 </figure>
                 @if(post.Categories != null)
                 {

src/Blogifier/Views/Themes/standard/post/related.cshtml

@@ -16,7 +16,7 @@
         <div class="col">
             <article class="post-grid d-flex flex-column">
                 <figure class="post-grid-cover">
-                    <img class="post-grid-img" src="@post.Cover" alt="@post.Title">
+                    <img class="post-grid-img" src="~/@post.Cover" alt="@post.Title">
                 </figure>
                 @if(post.Categories != null)
                 {