+
+ @Body
+
+
+
+
+ An unhandled error has occurred.
+ Reload
+ 🗙
+
diff --git a/complete/dotnet/ContosoSnsWebApp/Components/Layout/MainLayout.razor.css b/complete/dotnet/Contoso.BlazorApp/Components/Layout/MainLayout.razor.css
similarity index 100%
rename from complete/dotnet/ContosoSnsWebApp/Components/Layout/MainLayout.razor.css
rename to complete/dotnet/Contoso.BlazorApp/Components/Layout/MainLayout.razor.css
diff --git a/complete/dotnet/Contoso.BlazorApp/Components/Layout/NavMenu.razor b/complete/dotnet/Contoso.BlazorApp/Components/Layout/NavMenu.razor
new file mode 100644
index 0000000..8e2d5ce
--- /dev/null
+++ b/complete/dotnet/Contoso.BlazorApp/Components/Layout/NavMenu.razor
@@ -0,0 +1,50 @@
+@inject NavigationManager Navigation
+
+
+
+@code {
+ [Inject] private AuthService authService { get; set; } = default!;
+
+ private async Task HandleLogout()
+ {
+ await authService.LogoutAsync();
+ Navigation.NavigateTo("/");
+ }
+}
+
diff --git a/complete/dotnet/ContosoSnsWebApp/Components/Layout/NavMenu.razor.css b/complete/dotnet/Contoso.BlazorApp/Components/Layout/NavMenu.razor.css
similarity index 100%
rename from complete/dotnet/ContosoSnsWebApp/Components/Layout/NavMenu.razor.css
rename to complete/dotnet/Contoso.BlazorApp/Components/Layout/NavMenu.razor.css
diff --git a/complete/dotnet/Contoso.BlazorApp/Components/Modal.razor b/complete/dotnet/Contoso.BlazorApp/Components/Modal.razor
new file mode 100644
index 0000000..4153a1d
--- /dev/null
+++ b/complete/dotnet/Contoso.BlazorApp/Components/Modal.razor
@@ -0,0 +1,19 @@
+@if (IsOpen)
+{
+
+
+
+}
+
+@code {
+ [Parameter] public bool IsOpen { get; set; }
+ [Parameter] public EventCallback OnClose { get; set; }
+ [Parameter] public RenderFragment? ChildContent { get; set; }
+
+ private async Task HandleBackdropClick()
+ {
+ await OnClose.InvokeAsync();
+ }
+}
diff --git a/complete/dotnet/Contoso.BlazorApp/Components/NameInputModal.razor b/complete/dotnet/Contoso.BlazorApp/Components/NameInputModal.razor
new file mode 100644
index 0000000..d770b07
--- /dev/null
+++ b/complete/dotnet/Contoso.BlazorApp/Components/NameInputModal.razor
@@ -0,0 +1,85 @@
+@inject AuthService AuthService
+
+
+
+
+ Welcome to Contoso Outdoor Social
+Please enter your name to continue
+
+
+
+
+ @if (!string.IsNullOrEmpty(error))
+ {
+ @error
+ } + +
+
+
+
+
+
+@code {
+ private ListContoso Outdoor Social
+ + @if (isLoading) + { +Loading posts...
+ }
+ else if (!string.IsNullOrEmpty(error))
+ {
+ @error
+ }
+ else if (posts.Count == 0)
+ {
+ No posts yet.
+ }
+ else
+ {
+
+ @foreach (var post in posts)
+ {
+
+ }
+
+
+ @if (isLoading)
+ {
+
+
+@code {
+ [Parameter] public string PostId { get; set; } = string.Empty;
+
+ private Post? post;
+ private ListLoading post...
+ }
+ else if (!string.IsNullOrEmpty(error))
+ {
+ @error
+ }
+ else if (post != null)
+ {
+
+
+
+
+
+
+ @post.Username
+
+
+ @post.Content
+
+
+
+
+
+
+
+
+
+ @foreach (var comment in comments)
+ {
+
+ }
+
+ @if (isLoading)
+ {
+
+
+@code {
+ [Parameter] public string? Username { get; set; }
+
+ private ListLoading profile...
+ }
+ else
+ {
+
+
+
+ @if (!string.IsNullOrEmpty(error))
+ {
+
+
+
+
+ @if (isMyProfile)
+ {
+
+ }
+
+
+
+ @displayUsername
+
+
+ @userPosts.Count posts
+
+ @error
+ }
+
+
+
+
+ + @(isMyProfile ? "My Posts" : $"{displayUsername}'s Posts") +
+ + @if (userPosts.Any()) + { +
+ @foreach (var post in userPosts)
+ {
+
+ }
+ else
+ {
+
+ @(isMyProfile ? "You haven't created any posts yet." : "No posts yet.")
+
+ }
+
+
+
+@code {
+ private string searchQuery = string.Empty;
+ private List
+
+
+ @if (!string.IsNullOrEmpty(error))
+ {
+
+
+
+
+
+
+
+ @error
+ }
+
+ @if (hasSearched)
+ {
+ @if (searchResults.Any())
+ {
+
+
+ }
+ else if (!isLoading)
+ {
+ + Search Results (@searchResults.Count) +
+ @foreach (var post in searchResults) + { +
+ No posts found for "@lastSearchQuery".
+
+ }
+ }
+ else
+ {
+
+ Enter keywords to search for posts.
+
+ }
+
+
+
+
+@code {
+ [Parameter] public Post Post { get; set; } = new();
+ [Parameter] public EventCallback OnPostDeleted { get; set; }
+ [Parameter] public EventCallback OnPostUpdated { get; set; }
+
+ private bool isLiked;
+ private int likesCount;
+
+ protected override void OnInitialized()
+ {
+ isLiked = Post.IsLiked;
+ likesCount = Post.LikesCount;
+ }
+
+ private void HandlePostClick()
+ {
+ Navigation.NavigateTo($"/post/{Post.Id}");
+ }
+
+ private async Task HandleLikeToggle()
+ {
+ try
+ {
+ var user = AuthService.AuthState.User;
+ if (user == null) return;
+
+ if (isLiked)
+ {
+ await ApiService.UnlikePostAsync(Post.Id, user.Username);
+ likesCount--;
+ isLiked = false;
+ }
+ else
+ {
+ var result = await ApiService.LikePostAsync(Post.Id, user.Username);
+ likesCount = result.LikesCount;
+ isLiked = true;
+ }
+ StateHasChanged();
+ }
+ catch (Exception ex)
+ {
+ Console.WriteLine($"Error occurred while processing like: {ex.Message}");
+ }
+ }
+
+ private void HandleCommentClick()
+ {
+ Navigation.NavigateTo($"/post/{Post.Id}");
+ }
+}
diff --git a/complete/dotnet/Contoso.BlazorApp/Components/PostingModal.razor b/complete/dotnet/Contoso.BlazorApp/Components/PostingModal.razor
new file mode 100644
index 0000000..c47f4fb
--- /dev/null
+++ b/complete/dotnet/Contoso.BlazorApp/Components/PostingModal.razor
@@ -0,0 +1,94 @@
+@inject AuthService AuthService
+@inject ApiService ApiService
+@inject IJSRuntime JSRuntime
+
+
+
+
+ @Post.Username
+
+
+ @Post.Content
+
+
+
+
+
+
+
+ @if (!string.IsNullOrEmpty(error))
+ {
+ @error
+ } +
+
+
+
+
-
-
-
-
-@code {
- [Parameter, EditorRequired] public int PostId { get; set; }
- [Parameter] public string? UserName { get; set; } // Current user's name
-
- private List댓글 (@(comments?.Count ?? 0))
- - @if (isLoading) - { -댓글 로딩 중...
- } - else if (!string.IsNullOrEmpty(loadError)) - { -@loadError
- }
- else if (comments == null || comments.Count == 0)
- {
- 아직 댓글이 없습니다.
- } - else - { -
- @foreach (var comment in comments.OrderByDescending(c => c.CreatedAt))
- {
-
- }
-
-
-
- }
-
-
- @comment.UserName
- @FormatDate(comment.CreatedAt) -@comment.Content
-
-
- @if (!string.IsNullOrEmpty(submitError))
- {
- @submitError
- }
-
-
-
-
-
-
-
- @Body
-
-
-
-
-
-
diff --git a/complete/dotnet/ContosoSnsWebApp/Components/Layout/NavMenu.razor b/complete/dotnet/ContosoSnsWebApp/Components/Layout/NavMenu.razor
deleted file mode 100644
index e8fed48..0000000
--- a/complete/dotnet/ContosoSnsWebApp/Components/Layout/NavMenu.razor
+++ /dev/null
@@ -1,2 +0,0 @@
-@* Remove default NavMenu content as it's not used in this layout *@
-
diff --git a/complete/dotnet/ContosoSnsWebApp/Components/NewPostForm.razor b/complete/dotnet/ContosoSnsWebApp/Components/NewPostForm.razor
deleted file mode 100644
index c70b26c..0000000
--- a/complete/dotnet/ContosoSnsWebApp/Components/NewPostForm.razor
+++ /dev/null
@@ -1,133 +0,0 @@
-@using ContosoSnsWebApp.Models
-@using ContosoSnsWebApp.Services
-@inject ApiService ApiService
-@inject IJSRuntime JSRuntime
-
-
-
- 아웃도어 컴퍼니를 위한 소셜 미디어 플랫폼
-
-
-
-@code {
- [Parameter] public EventCallback OnPostCreated { get; set; }
- [Parameter] public string? InitialUserName { get; set; } // Passed from parent if needed
-
- private NewPostRequest newPostRequest = new(); // Initialize with parameterless constructor
- private bool isSubmitting = false;
- private string? errorMessage = null;
-
- protected override async Task OnInitializedAsync()
- {
- // Load username and set it in the request object
- var loadedUserName = await LoadUserNameFromLocalStorage() ?? InitialUserName ?? "";
- newPostRequest = new NewPostRequest { UserName = loadedUserName }; // Use object initializer
- }
-
- private async Task HandleSubmitAsync()
- {
- // Use newPostRequest.UserName directly
- if (isSubmitting || string.IsNullOrWhiteSpace(newPostRequest.UserName)) return;
-
- isSubmitting = true;
- errorMessage = null;
- StateHasChanged();
-
- // UserName is already part of newPostRequest
-
- try
- {
- var createdPost = await ApiService.CreatePostAsync(newPostRequest);
- if (createdPost != null)
- {
- // Reset form, keep username
- var currentUserName = newPostRequest.UserName; // Store username before reset
- newPostRequest = new() { UserName = currentUserName };
- await OnPostCreated.InvokeAsync();
- }
- else
- {
- errorMessage = "포스트 등록에 실패했습니다.";
- }
- }
- catch (Exception ex)
- {
- Console.Error.WriteLine($"Error creating post: {ex.Message}");
- errorMessage = "포스트 등록 중 오류가 발생했습니다.";
- }
- finally
- {
- isSubmitting = false;
- StateHasChanged();
- }
- }
-
- // Add this method to handle username input changes and save to local storage
- private async Task UserNameChanged(ChangeEventArgs e)
- {
- var newUserName = e.Value?.ToString();
- if (!string.IsNullOrEmpty(newUserName))
- {
- newPostRequest.UserName = newUserName;
- await SaveUserNameToLocalStorage(newUserName);
- }
- }
-
- // Local Storage Interaction
- private async Task
-
-
-
-새 포스트 작성
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- @if (!string.IsNullOrEmpty(errorMessage))
- {
-
- @errorMessage
-
- }
-
- @* Left Sidebar - Desktop Only *@
-
-
-
-
- @* Main Content Area *@
-
-
-
-
-
- Contoso 아웃도어
-- 최고 품질의 아웃도어 장비와 액세서리를 제공합니다. - 자연을 탐험하고 모험을 즐기세요! -
--
-
- 인기 태그
-
- #등산
- #캠핑
- #트레킹
- #아웃도어
- #백패킹
-
-
- @* New Post Form *@
-
-
- @* Right Sidebar - Desktop Only *@
-
-
- 최근 포스트
- - @if (!string.IsNullOrEmpty(errorMessage)) - { -@errorMessage
- }
-
- @if (isLoading)
- {
-
-
- }
- else if (posts == null || posts.Count == 0)
- {
-
- Loading...
-
- 포스트를 불러오는 중...
-
-
- }
- else
- {
-
-
- 아직 포스트가 없습니다.
-첫 번째 포스트를 작성해 보세요!
-
- @foreach (var post in posts.OrderByDescending(p => p.CreatedAt))
- {
-
- }
-
-
-
-
-
-
- 신제품 소식
--
-
-
-
새로운 경량 텐트 출시
-초경량 2인용 텐트를 지금 만나보세요!
-
- -
-
여름 시즌 하이킹 부츠
-더운 여름을 위한 특별 설계 부츠
-
- -
-
방수 재킷 할인 이벤트
-이번 주까지 전 제품 20% 할인
-
-
-
-
-
- 사용 안내
-- Contoso 아웃도어 제품과 관련된 경험을 공유하고 다른 사용자들과 소통하세요. -
--
-
- 제품 사진과 함께 리뷰 남기기 -
- 다른 사용자 포스트에 댓글 달기 -
- 유용한 팁과 노하우 공유하기 -
- @if (!string.IsNullOrEmpty(Post?.ImageUrl))
- {
-
- }
-
-
-@code {
- [Parameter, EditorRequired] public Post? Post { get; set; }
- [Parameter] public EventCallback
-
-
- @Post?.UserName
- @FormatDate(Post?.CreatedAt)
-
- @Post?.Content
-
-
-
-
-
-
- @if (Post?.UserName == UserName)
- {
-
- }
-
-
-
-@code {
- [Parameter, EditorRequired] public int PostId { get; set; }
- [Parameter] public EventCallback OnClose { get; set; }
- [Parameter] public EventCallback OnDeleteSuccess { get; set; } // Notify parent on successful delete
- [Parameter] public string? UserName { get; set; } // Current user's name
-
- private Post? post;
- private bool isLoading = true;
- private bool isDeleting = false;
-
- protected override async Task OnParametersSetAsync()
- {
- // Load post details when PostId is set or changes
- if (PostId > 0 && (post == null || post.Id != PostId))
- {
- await LoadPostDetailsAsync();
- }
- }
-
- private async Task LoadPostDetailsAsync()
- {
- isLoading = true;
- StateHasChanged();
- try
- {
- post = await ApiService.GetPostAsync(PostId);
- }
- catch (Exception ex)
- {
- Console.Error.WriteLine($"Error loading post details: {ex.Message}");
- post = null; // Ensure post is null on error
- }
- finally
- {
- isLoading = false;
- StateHasChanged();
- }
- }
-
- private async Task HandleDeleteAsync()
- {
- if (post == null || isDeleting) return;
-
- var confirmed = await JSRuntime.InvokeAsync
-
-
-
-
-
- 포스트 상세 정보
- -
- @if (isLoading)
- {
-
-
-
- 포스트 로딩 중...
- } - else if (post == null) - { -포스트를 불러오지 못했습니다.
- }
- else
- {
-
- @if (!string.IsNullOrEmpty(post.ImageUrl))
- {
- 
- }
-
-
- @post.UserName
- @FormatDate(post.CreatedAt)
-
- @post.Content
-
- 좋아요 @post.LikeCount · 댓글 @post.CommentCount
- @if (post.UserName == UserName)
- {
-
- }
-
- -
-
-
-
-
-
-
- {/* 푸터 */}
-
-
- {/* 포스트 상세 모달 */}
- {selectedPostId && (
- setSelectedPostId(null)}
- onDeleteSuccess={loadPosts}
- userName={userName}
- />
- )}
-
+
-
- Contoso 아웃도어 소셜
-아웃도어 컴퍼니를 위한 소셜 미디어 플랫폼
-
-
-
- {/* 왼쪽 사이드바 - 데스크톱에서만 표시 */}
-
-
-
-
- {/* 메인 콘텐츠 영역 */}
-
-
-
- Contoso 아웃도어
-- 최고 품질의 아웃도어 장비와 액세서리를 제공합니다. - 자연을 탐험하고 모험을 즐기세요! -
--
-
- 인기 태그
-
- #등산
- #캠핑
- #트레킹
- #아웃도어
- #백패킹
-
-
- {/* 새 포스트 폼 */}
-
-
- {/* 오른쪽 사이드바 - 데스크톱에서만 표시 */}
-
-
- 최근 포스트
- - {error && ( -
- {error}
-
- )}
-
- {isLoading ? (
-
-
- ) : posts.length === 0 ? (
- 포스트를 불러오는 중...
-
-
- ) : (
- 아직 포스트가 없습니다.
-첫 번째 포스트를 작성해 보세요!
-
- {posts.map((post) => (
-
- )}
- handlePostClick(post.id)} className="cursor-pointer">
- {
- e.stopPropagation();
- handleDeletePost(post.id);
- }}
- refreshPosts={loadPosts}
- userName={userName}
- />
-
- ))}
-
-
-
-
-
- 신제품 소식
--
-
-
-
새로운 경량 텐트 출시
-초경량 2인용 텐트를 지금 만나보세요!
-
- -
-
여름 시즌 하이킹 부츠
-더운 여름을 위한 특별 설계 부츠
-
- -
-
방수 재킷 할인 이벤트
-이번 주까지 전 제품 20% 할인
-
-
-
- 사용 안내
-- Contoso 아웃도어 제품과 관련된 경험을 공유하고 다른 사용자들과 소통하세요. -
--
-
- 제품 사진과 함께 리뷰를 남겨주세요 -
- 다른 사용자들의 포스트에 댓글을 달아보세요 -
- 유용한 팁과 노하우를 공유해 보세요 -
-
댓글
- - {error &&{error}
} - - {isLoading ? ( -댓글 불러오는 중...
- ) : ( -
- {comments.length === 0 ? (
-
- )}
-
- 아직 댓글이 없습니다.
- ) : ( - comments.map(comment => ( -
-
- ))
- )}
-
- {comment.userName}
- {formatDate(comment.createdAt)}
-
- {comment.content}
-