Answer.cshtml 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141
  1. @page "{id:int}"
  2. @model Admin.Pages.Forum.Posts.List.AnswerModel
  3. @{
  4. ViewData["Title"] = "1:1 문의 답변";
  5. }
  6. <link rel="stylesheet" href="~/lib/ckeditor/browser/ckeditor5-content.css" asp-append-version="true" />
  7. <partial name="_Editor" />
  8. <div class="container">
  9. <h3 class="mb-3">
  10. @ViewData["Title"]
  11. @if (Model.IsAnswered)
  12. {
  13. <span class="badge bg-success align-middle">답변완료</span>
  14. }
  15. else
  16. {
  17. <span class="badge bg-danger align-middle">미답변</span>
  18. }
  19. </h3>
  20. <hr />
  21. <partial name="_StatusMessage" />
  22. <!-- 문의 정보 -->
  23. <div class="border rounded mb-4">
  24. <div class="row g-0 border-bottom">
  25. <div class="col-12 col-md-2 bg-body-tertiary fw-semibold p-2">게시판</div>
  26. <div class="col-12 col-md-10 p-2">@Model.BoardName</div>
  27. </div>
  28. <div class="row g-0 border-bottom">
  29. <div class="col-12 col-md-2 bg-body-tertiary fw-semibold p-2">문의 유형</div>
  30. <div class="col-12 col-md-10 p-2">
  31. @if (Model.BoardPrefixName is not null)
  32. {
  33. <span class="fw-bold" style="color: @(Model.BoardPrefixColor ?? "green")">[@Model.BoardPrefixName]</span>
  34. }
  35. else
  36. {
  37. <text>-</text>
  38. }
  39. </div>
  40. </div>
  41. <div class="row g-0 border-bottom">
  42. <div class="col-12 col-md-2 bg-body-tertiary fw-semibold p-2">제목</div>
  43. <div class="col-12 col-md-10 p-2">
  44. @if (Model.IsSecret)
  45. {
  46. <i class="bi bi-lock-fill"></i>
  47. }
  48. @Model.Subject
  49. </div>
  50. </div>
  51. <div class="row g-0 border-bottom">
  52. <div class="col-12 col-md-2 bg-body-tertiary fw-semibold p-2">작성자</div>
  53. <div class="col-12 col-md-10 p-2">@(Model.Name ?? Model.SID ?? "-")</div>
  54. </div>
  55. <div class="row g-0 border-bottom">
  56. <div class="col-12 col-md-2 bg-body-tertiary fw-semibold p-2">작성일</div>
  57. <div class="col-12 col-md-10 p-2">@Model.CreatedAt</div>
  58. </div>
  59. <div class="row g-0 border-bottom">
  60. <div class="col-12 col-md-2 bg-body-tertiary fw-semibold p-2">문의 내용</div>
  61. <div class="col-12 col-md-10 p-2">
  62. <div class="ck-content border rounded p-3" style="min-height: 100px;">@Html.Raw(Model.Content)</div>
  63. </div>
  64. </div>
  65. <div class="row g-0">
  66. <div class="col-12 col-md-2 bg-body-tertiary fw-semibold p-2">첨부파일</div>
  67. <div class="col-12 col-md-10 p-2">
  68. @if (Model.Files.Count > 0)
  69. {
  70. <ul class="list-unstyled mb-0">
  71. @foreach (var file in Model.Files)
  72. {
  73. <li class="mb-1">
  74. <a href="@file.Url" target="_blank">@file.FileName</a>
  75. @if (file.Size.HasValue)
  76. {
  77. <small class="text-muted">(@(file.Size.Value > 1048576 ? $"{file.Size.Value / 1048576.0:F1}MB" : $"{file.Size.Value / 1024.0:F1}KB"))</small>
  78. }
  79. </li>
  80. }
  81. </ul>
  82. }
  83. else
  84. {
  85. <text>-</text>
  86. }
  87. </div>
  88. </div>
  89. </div>
  90. <!-- 기존 답변 -->
  91. <h5 class="mb-2">답변 내역 (@Model.Answers.Count)</h5>
  92. @if (Model.Answers.Count == 0)
  93. {
  94. <div class="text-muted border rounded p-3 mb-4">등록된 답변이 없습니다.</div>
  95. }
  96. else
  97. {
  98. @foreach (var answer in Model.Answers)
  99. {
  100. <div class="border rounded mb-2">
  101. <div class="d-flex justify-content-between bg-body-tertiary px-3 py-2 border-bottom">
  102. <span class="fw-semibold"><i class="bi bi-person-badge"></i> @(answer.Name ?? "-")</span>
  103. <small class="text-muted">@answer.CreatedAt</small>
  104. </div>
  105. <div class="ck-content p-3">@Html.Raw(answer.Content)</div>
  106. </div>
  107. }
  108. <div class="mb-4"></div>
  109. }
  110. <!-- 답변 작성 -->
  111. <h5 class="mb-2">답변 작성</h5>
  112. <form id="fAnswerWrite" method="post" accept-charset="utf-8" autocomplete="off" enctype="multipart/form-data">
  113. <div class="mb-2">
  114. <textarea asp-for="Input.Content" class="ck-editor" id="Input_Content" rows="10"></textarea>
  115. <span asp-validation-for="Input.Content" class="text-danger"></span>
  116. </div>
  117. <div class="row mb-3">
  118. <label class="col-sm-2 col-form-label">첨부파일</label>
  119. <div class="col-sm-10">
  120. <input type="file" asp-for="Input.Files" class="form-control" multiple />
  121. <span class="form-text text-muted">허용 확장자: <code>.jpg</code>, <code>.jpeg</code>, <code>.png</code>, <code>.gif</code>, <code>.webp</code>, <code>.bmp</code>, <code>.pdf</code>, <code>.doc</code>, <code>.docx</code>, <code>.xls</code>, <code>.xlsx</code>, <code>.ppt</code>, <code>.pptx</code>, <code>.txt</code>, <code>.zip</code>, <code>.rar</code>, <code>.7z</code>, <code>.hwp</code>, <code>.hwpx</code>, <code>.csv</code></span>
  122. </div>
  123. </div>
  124. <hr />
  125. <div class="d-grid gap-2 text-center d-md-block">
  126. <button type="submit" class="btn btn-success">답변 등록</button>
  127. <a href="/Forum/Posts/List/View/@(Model.ID)@(Model.QueryString)" class="btn btn-outline-secondary">상세 보기</a>
  128. <a href="@(string.IsNullOrWhiteSpace(Model.ReturnUrl) ? "/Forum/Posts/List" : Model.ReturnUrl)" class="btn btn-secondary">목록</a>
  129. </div>
  130. <br />
  131. </form>
  132. </div>