(#424) wasm: update posts service

Author: SaintAngeLs

MiniSpace.Web/src/Astravent.Web.Wasm/Areas/Posts/CommandsDto/CreatePostCommand.cs

@@ -16,5 +16,9 @@ public class CreatePostCommand
         public DateTime? PublishDate { get; set; }
         public PostContext Context { get; set; }
         public string Visibility { get; set; }
+        public string PostType { get; set; }
+        public string Title { get; set; }
+        public Guid? PageOwnerId { get; set; }
+        public string PageOwnerType { get; set; }
     }
 }

MiniSpace.Web/src/Astravent.Web.Wasm/Areas/Posts/CommandsDto/RepostCommand.cs

@@ -0,0 +1,37 @@
+using System;
+using Astravent.Web.Wasm.DTO.Enums.Posts;
+
+namespace Astravent.Web.Wasm.Areas.Posts.CommandsDto
+{
+    public class RepostCommand
+    {
+        public Guid OriginalPostId { get; set; }
+        public Guid RepostedPostId { get; set; }
+        public Guid? UserId { get; set; }
+        public Guid? OrganizationId { get; set; }
+        public Guid? EventId { get; set; }
+        public PostContext Context { get; set; }
+        public Guid? PageOwnerId { get; set; }
+        public string PageOwnerType { get; set; }
+
+        public RepostCommand(
+            Guid originalPostId,
+            Guid repostedPostId,
+            Guid? userId, 
+            Guid? organizationId, 
+            Guid? eventId,
+            PostContext context,
+            Guid? pageOwnerId = null,
+            string pageOwnerType = "User")
+        {
+            OriginalPostId = originalPostId;
+            RepostedPostId = repostedPostId;
+            UserId = userId;
+            OrganizationId = organizationId;
+            EventId = eventId;
+            Context = context;
+            PageOwnerId = pageOwnerId;
+            PageOwnerType = pageOwnerType;
+        }
+    }
+}

MiniSpace.Web/src/Astravent.Web.Wasm/Areas/Posts/CommandsDto/UpdatePostCommand.cs

@@ -0,0 +1,24 @@
+using System;
+using System.Collections.Generic;
+using Astravent.Web.Wasm.DTO.Enums.Posts;
+
+namespace Astravent.Web.Wasm.Areas.Posts.CommandsDto
+{
+    public class UpdatePostCommand
+    {
+        public Guid PostId { get; set; }
+        public Guid? UserId { get; set; }
+        public Guid? OrganizationId { get; set; }
+        public Guid? EventId { get; set; }
+        public string TextContent { get; set; }
+        public IEnumerable<string> MediaFiles { get; set; }
+        public string State { get; set; }
+        public DateTime? PublishDate { get; set; }
+        public PostContext Context { get; set; }
+        public string Visibility { get; set; }
+        public string PostType { get; set; }
+        public string Title { get; set; }
+        public Guid? PageOwnerId { get; set; }
+        public string PageOwnerType { get; set; }
+    }
+}

MiniSpace.Web/src/Astravent.Web.Wasm/Areas/Posts/IPostsService.cs

@@ -14,10 +14,12 @@ public interface IPostsService
         Task<PostDto> GetPostAsync(Guid postId);
         Task ChangePostStateAsync(Guid postId, string state, DateTime publishDate); 
         Task<HttpResponse<object>> CreatePostAsync(CreatePostCommand command);
+        Task<HttpResponse<object>> RepostPostAsync(RepostCommand command);
         Task<HttpResponse<PagedResponseDto<PostDto>>> SearchPostsAsync(SearchPosts searchPosts);
-        Task<HttpResponse<PagedResponseDto<PostDto>>> GetUserFeedAsync(Guid userId, int pageNumber, int pageSize, string sortBy = "PublishDate", string direction = "asc");
+        Task<HttpResponse<PagedResponseDto<PostDto>>> GetUserFeedAsync(Guid userId, int pageNumber, 
+                int pageSize, string sortBy = "PublishDate", string direction = "asc");
         Task DeletePostAsync(Guid postId);
         Task<IEnumerable<PostDto>> GetPostsAsync(Guid eventId);
-        Task<HttpResponse<object>> UpdatePostAsync(Guid postId, string textContent, IEnumerable<Guid> mediaFiles);
+        Task<HttpResponse<object>> UpdatePostAsync(UpdatePostCommand command);
     }
 }

MiniSpace.Web/src/Astravent.Web.Wasm/Areas/Posts/PostsService.cs

@@ -41,6 +41,12 @@ public Task<HttpResponse<object>> CreatePostAsync(CreatePostCommand command)
             _httpClient.SetAccessToken(_identityService.JwtDto.AccessToken);
             return _httpClient.PostAsync<CreatePostCommand, object>("posts", command);
         }
+
+        public Task<HttpResponse<object>> RepostPostAsync(RepostCommand command)
+        {
+            _httpClient.SetAccessToken(_identityService.JwtDto.AccessToken);
+            return _httpClient.PostAsync<RepostCommand, object>("posts/repost", command);
+        }
 
         public async Task<HttpResponse<PagedResponseDto<PostDto>>> SearchPostsAsync(SearchPosts searchPosts)
         {
@@ -119,10 +125,10 @@ public Task<IEnumerable<PostDto>> GetPostsAsync(Guid eventId)
             return _httpClient.GetAsync<IEnumerable<PostDto>>($"posts?eventId={eventId}");
         }
 
-        public Task<HttpResponse<object>> UpdatePostAsync(Guid postId, string textContent, IEnumerable<Guid> mediaFiles)
+        public Task<HttpResponse<object>> UpdatePostAsync(UpdatePostCommand command)
         {
             _httpClient.SetAccessToken(_identityService.JwtDto.AccessToken);
-            return _httpClient.PutAsync<object, object>($"posts/{postId}", new {postId, textContent, mediaFiles});
+            return _httpClient.PutAsync<UpdatePostCommand, object>($"posts/{command.PostId}", command);
         }
     }
 }

MiniSpace.Web/src/Astravent.Web.Wasm/Shared/MainLayout.razor

@@ -356,6 +356,6 @@
 
 <style>
     .mud-nav-link {
-        padding: 8px 5px 8px 5px;
+        padding: 8px 8px 8px 8px;
     }
 </style>

MiniSpace.Web/src/Astravent.Web.Wasm/wwwroot/css/site.css

@@ -521,7 +521,7 @@ html, body {
 
 
 
-#components-reconnect-modal {
+/* #components-reconnect-modal {
     display: none;
     position: fixed;
     top: 0px;
@@ -650,7 +650,6 @@ div.connectionRejected {
     box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
 }
 
-/* Adding unique delays for a cascading spiral effect */
 .circle:nth-child(1) { animation-delay: 0s; }
 .circle:nth-child(2) { animation-delay: 0.25s; }
 .circle:nth-child(3) { animation-delay: 0.5s; }
@@ -663,7 +662,6 @@ div.connectionRejected {
 .circle:nth-child(10) { animation-delay: 2.25s; }
 .circle:nth-child(11) { animation-delay: 2.5s; }
 
-/* Keyframes for modern spiral movement with scaling, rotation, and color changes */
 @keyframes modernSpiral {
     0% {
         transform: translate(-150px, 0) scale(0.5) rotate(0deg);
@@ -712,7 +710,7 @@ div.connectionRejected {
         opacity: 0;
         background-color: #3498db;
     }
-}
+} */
 
 /* Text loading dots animation */
 .loading {
@@ -955,15 +953,14 @@ div.connectionRejected {
 
 
 /* webassembly loader */
-
 #app {
     display: flex;
+    flex-direction: column;
     justify-content: center;
     align-items: center;
     height: 100vh;
-    /* background-color: #ffffff; */
     position: relative;
-    transition: opacity 0.5s ease, visibility 0.5s ease;
+    transition: opacity 0.3s ease, visibility 0.3s ease;
 }
 
 /* Hide the loader when the app is loaded */
@@ -977,54 +974,36 @@ div.connectionRejected {
 .loading-progress {
     width: 100px;
     height: 100px;
-    animation: rotate 2s linear infinite;
 }
 
 .loading-progress circle {
     fill: none;
-    stroke-width: 8;
+    stroke-width: 5;
     stroke-linecap: round;
-}
-
-.outer-circle {
     stroke: #3f51b5;
-    opacity: 0.2;
-}
-
-.inner-circle {
-    stroke: #ff4081;
-    stroke-dasharray: 251.2; /* Circumference of the circle */
-    stroke-dashoffset: 251.2;
-    animation: dash 1.5s ease-in-out infinite;
+    stroke-dasharray: 188.4; /* Circumference of the circle */
+    stroke-dashoffset: 188.4;
+    animation: dashSpin 0.5s linear infinite;
 }
 
 /* Text Style */
 .loading-progress-text {
-    font-size: 18px;
+    font-size: 14px;
     font-weight: bold;
     color: #3f51b5;
-    margin-top: 20px;
+    margin-top: 10px;
     text-align: center;
-    animation: textFade 1.5s ease-in-out infinite;
+    animation: textFade 0.8s ease-in-out infinite;
 }
 
 /* Animations */
-@keyframes rotate {
-    100% {
-        transform: rotate(360deg);
-    }
-}
-
-@keyframes dash {
+@keyframes dashSpin {
     0% {
-        stroke-dashoffset: 251.2;
-    }
-    50% {
-        stroke-dashoffset: 125.6;
-        transform: rotate(45deg);
+        stroke-dashoffset: 188.4;
+        transform: rotate(0deg);
     }
     100% {
-        stroke-dashoffset: 251.2;
+        stroke-dashoffset: 0;
         transform: rotate(360deg);
     }
 }
@@ -1036,4 +1015,4 @@ div.connectionRejected {
     50% {
         opacity: 0.5;
     }
-}
+}

MiniSpace.Web/src/Astravent.Web.Wasm/wwwroot/index.html

@@ -40,8 +40,7 @@
     <div id="app">
         <!-- Animated Loading SVG -->
         <svg class="loading-progress" viewBox="0 0 100 100">
-            <circle class="outer-circle" r="40%" cx="50%" cy="50%" />
-            <circle class="inner-circle" r="40%" cx="50%" cy="50%" />
+            <circle class="loading-circle" r="40%" cx="50%" cy="50%" />
         </svg>
         <!-- Loading Text -->
         <div class="loading-progress-text">Loading, please wait...</div>