_CommentForm

EdiWang · Oct 4, 2023 · 861eca8 · 861eca8
1 parent 51bc310
commit 861eca8
Show file tree

Hide file tree

Showing 2 changed files with 56 additions and 55 deletions.
diff --git a/src/Moonglade.Web/Pages/Post.cshtml b/src/Moonglade.Web/Pages/Post.cshtml
@@ -92,7 +92,7 @@
             </text>
         }
 
-                                        var pid = document.querySelector('article').dataset.postid;
+                                                var pid = document.querySelector('article').dataset.postid;
 
         window.fitImageToDevicePixelRatio = @BlogConfig.ImageSettings.FitImageToDevicePixelRatio.ToString().ToLower();
 
@@ -206,60 +206,7 @@
                                 <i class="bi-chat-left-text"></i>
                                 @SharedLocalizer["Comments"]
                             </h6>
-                            <form id="comment-form">
-                                <div>
-                                    <div class="row g-1 mb-2">
-                                        <div class="col-md-4">
-                                            <input type="text"
-                                                   class="form-control"
-                                                   placeholder="Your name"
-                                                   id="input-comment-name"
-                                                   required />
-                                        </div>
-                                        <div class="col-md-8">
-                                            <input type="email"
-                                                   class="form-control"
-                                                   placeholder="Email (Optional)"
-                                                   id="input-comment-email"
-                                                   data-bs-toggle="tooltip"
-                                                   data-placement="top"
-                                                   title="@SharedLocalizer["Providing your email address can enable blog admin to send notifications for replying your comment. Your email address will also be used to show Gravatar if it has one."]" />
-                                        </div>
-                                    </div>
-                                    <div class="comment-md-content mb-2">
-                                        <textarea id="input-comment-content"
-                                                  class="form-control"
-                                                  cols="60"
-                                                  rows="4"
-                                                  placeholder="@SharedLocalizer["Your comments (Markdown supported)"]"
-                                                  maxlength="1024"
-                                                  required></textarea>
-                                    </div>
-                                    <div class="row">
-                                        <div class="col-9">
-                                            <div class="input-group">
-                                                <img id="img-captcha" onclick="viewpost.resetCaptchaImage()" src="~/captcha-image" data-bs-toggle="tooltip" data-placement="top" title="@SharedLocalizer["Can't read? Click to change another image."]" alt="Captcha image" />
-                                                <input type="text"
-                                                       id="input-comment-captcha"
-                                                       class="form-control input-captcha"
-                                                       placeholder="Captcha Code"
-                                                       autocomplete="off"
-                                                       minlength="4"
-                                                       maxlength="4"
-                                                       required />
-                                            </div>
-                                        </div>
-                                        <div class="col-3">
-                                            <button id="btn-submit-comment" type="submit" class="btn btn-accent float-end">
-                                                <span id="loadingIndicator" class="spinner-border spinner-border-sm" role="status" aria-hidden="true" style="display: none;"></span>
-
-                                                <span class="bi-send"></span>
-                                                @SharedLocalizer["Submit"]
-                                            </button>
-                                        </div>
-                                    </div>
-                                </div>
-                            </form>
+                            <partial name="_CommentForm" />
                         </div>
                     }
                     else

diff --git a/src/Moonglade.Web/Pages/_CommentForm.cshtml b/src/Moonglade.Web/Pages/_CommentForm.cshtml
@@ -0,0 +1,54 @@
+<form id="comment-form">
+    <div>
+        <div class="row g-1 mb-2">
+            <div class="col-md-4">
+                <input type="text"
+                       class="form-control"
+                       placeholder="Your name"
+                       id="input-comment-name"
+                       required />
+            </div>
+            <div class="col-md-8">
+                <input type="email"
+                       class="form-control"
+                       placeholder="Email (Optional)"
+                       id="input-comment-email"
+                       data-bs-toggle="tooltip"
+                       data-placement="top"
+                       title="@SharedLocalizer["Providing your email address can enable blog admin to send notifications for replying your comment. Your email address will also be used to show Gravatar if it has one."]" />
+            </div>
+        </div>
+        <div class="comment-md-content mb-2">
+            <textarea id="input-comment-content"
+                      class="form-control"
+                      cols="60"
+                      rows="4"
+                      placeholder="@SharedLocalizer["Your comments (Markdown supported)"]"
+                      maxlength="1024"
+                      required></textarea>
+        </div>
+        <div class="row">
+            <div class="col-9">
+                <div class="input-group">
+                    <img id="img-captcha" onclick="viewpost.resetCaptchaImage()" src="~/captcha-image" data-bs-toggle="tooltip" data-placement="top" title="@SharedLocalizer["Can't read? Click to change another image."]" alt="Captcha image" />
+                    <input type="text"
+                           id="input-comment-captcha"
+                           class="form-control input-captcha"
+                           placeholder="Captcha Code"
+                           autocomplete="off"
+                           minlength="4"
+                           maxlength="4"
+                           required />
+                </div>
+            </div>
+            <div class="col-3">
+                <button id="btn-submit-comment" type="submit" class="btn btn-accent float-end">
+                    <span id="loadingIndicator" class="spinner-border spinner-border-sm" role="status" aria-hidden="true" style="display: none;"></span>
+
+                    <span class="bi-send"></span>
+                    @SharedLocalizer["Submit"]
+                </button>
+            </div>
+        </div>
+    </div>
+</form>