Merge pull request #12088 from abpframework/pr/11962-2

Allow to remove cover photo of blog post (recreated for the dev)

modules/cms-kit/src/Volo.CmsKit.Admin.Application/Volo/CmsKit/Admin/Blogs/BlogPostAdminAppService.cs

@@ -6,6 +6,7 @@ using Volo.Abp.Application.Dtos;
 using Volo.Abp.Data;
 using Volo.Abp.GlobalFeatures;
 using Volo.Abp.Users;
+using Volo.CmsKit.Admin.MediaDescriptors;
 using Volo.CmsKit.Blogs;
 using Volo.CmsKit.GlobalFeatures;
 using Volo.CmsKit.Permissions;
@@ -22,16 +23,20 @@ public class BlogPostAdminAppService : CmsKitAppServiceBase, IBlogPostAdminAppSe
     protected IBlogRepository BlogRepository { get; }
     protected ICmsUserLookupService UserLookupService { get; }
 
+    protected IMediaDescriptorAdminAppService MediaDescriptorAdminAppService { get; }
+
     public BlogPostAdminAppService(
         BlogPostManager blogPostManager,
         IBlogPostRepository blogPostRepository,
         IBlogRepository blogRepository,
-        ICmsUserLookupService userLookupService)
+        ICmsUserLookupService userLookupService,
+        IMediaDescriptorAdminAppService mediaDescriptorAdminAppService)
     {
         BlogPostManager = blogPostManager;
         BlogPostRepository = blogPostRepository;
         BlogRepository = blogRepository;
         UserLookupService = userLookupService;
+        MediaDescriptorAdminAppService = mediaDescriptorAdminAppService;
     }
 
     [Authorize(CmsKitAdminPermissions.BlogPosts.Create)]
@@ -59,13 +64,18 @@ public class BlogPostAdminAppService : CmsKitAppServiceBase, IBlogPostAdminAppSe
     public virtual async Task<BlogPostDto> UpdateAsync(Guid id, UpdateBlogPostDto input)
     {
         var blogPost = await BlogPostRepository.GetAsync(id);
-
+        
         blogPost.SetTitle(input.Title);
         blogPost.SetShortDescription(input.ShortDescription);
         blogPost.SetContent(input.Content);
         blogPost.SetConcurrencyStampIfNotNull(input.ConcurrencyStamp);
+        
+        if (blogPost.CoverImageMediaId != null && input.CoverImageMediaId == null)
+        {
+            await MediaDescriptorAdminAppService.DeleteAsync(blogPost.CoverImageMediaId.Value);
+        }
         blogPost.CoverImageMediaId = input.CoverImageMediaId;
-
+        
         if (blogPost.Slug != input.Slug)
         {
             await BlogPostManager.SetSlugUrlAsync(blogPost, input.Slug);
@@ -110,4 +120,4 @@ public class BlogPostAdminAppService : CmsKitAppServiceBase, IBlogPostAdminAppSe
     {
         await BlogPostRepository.DeleteAsync(id);
     }
-}
+}

modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/BlogPosts/Update.cshtml

@@ -48,13 +48,17 @@
     <abp-card-body>
 
         <div class="mb-3">
-            @if (Model.ViewModel.CoverImageMediaId != null)
+            <div id="CurrentCoverImageArea">
-            {
+                @if (Model.ViewModel.CoverImageMediaId != null)
-                <img height="120" src="/api/cms-kit/media/@Model.ViewModel.CoverImageMediaId" />
+                {
-                <br />
+                    <img height="120" src="/api/cms-kit/media/@Model.ViewModel.CoverImageMediaId"/>
-            }
+                    <br/>
-            <label class="form-label" >@L["CoverImage"]</label>
+                    <abp-button button-type="Link" type="button" text="@L["RemoveCoverImage"].Value" id="button-remove-cover-image"/>
-            <input type="file" id="BlogPostCoverImage" class="form-control" />
+                    <br/>
+                }
+            </div>
+            <label class="form-label">@L["CoverImage"]</label>
+            <input type="file" id="BlogPostCoverImage" class="form-control"/>
         </div>
 
         <abp-dynamic-form abp-model="ViewModel" asp-page="/CmsKit/BlogPosts/Update" id="form-blog-post-update">

modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/BlogPosts/update.js

@@ -10,6 +10,7 @@ $(function () {
     var $blogPostIdInput = $('#Id');
     var $tagsInput = $('.tag-editor-form input[name=tags]');
     var $fileInput = $('#BlogPostCoverImage');
+    var $buttonRemoveCoverImage = $('#button-remove-cover-image');
 
     var UPPY_FILE_ID = "uppy-upload-file";
 
@@ -152,7 +153,6 @@ $(function () {
         }
     }
 
-
     // -----------------------------------
     var fileUploadUri = "/api/cms-kit-admin/media/blogpost";
     var fileUriPrefix = "/api/cms-kit/media/";
@@ -225,4 +225,16 @@ $(function () {
             }
         });
     }
+
+    $buttonRemoveCoverImage.on('click', function () {
+        abp.message.confirm(
+            l('RemoveCoverImageConfirmationMessage'),
+            function (isConfirmed) {
+                if (isConfirmed) {
+                    $coverImage.val(null);
+                    $('#CurrentCoverImageArea').remove();
+                }
+            }
+        );
+    });
 });

modules/cms-kit/src/Volo.CmsKit.Domain.Shared/Volo/CmsKit/Localization/Resources/en.json

@@ -165,6 +165,8 @@
     "GlobalResources": "Global Resources",
     "Script": "Script",
     "Style": "Style",
-    "SavedSuccessfully": "Saved successfully"
+    "SavedSuccessfully": "Saved successfully",
+    "RemoveCoverImageConfirmationMessage": "Are you sure to remove the cover image?",
+    "RemoveCoverImage": "Remove the cover image"
   }
 }

modules/cms-kit/src/Volo.CmsKit.Domain.Shared/Volo/CmsKit/Localization/Resources/tr.json

@@ -164,6 +164,8 @@
     "GlobalResources": "Global Kaynaklar",
     "Script": "Script",
     "Style": "Style",
-    "SavedSuccessfully": "Başarıyla kaydedildi"
+    "SavedSuccessfully": "Başarıyla kaydedildi",
+    "RemoveCoverImageConfirmationMessage": "Kapak resmini kaldırmak istediğinize emin misiniz?",
+    "RemoveCoverImage": "Kapak resmini kaldır"
   }
 }