@using Masuit.MyBlogs.Core.Models.DTO
@using Masuit.MyBlogs.Core.Models.ViewModel
@using Masuit.Tools.Core.Net
@{
  ViewBag.Title = "留言板";
  Layout = "~/Views/Shared/_Layout.cshtml";
  UserInfoDto user = Context.Session.Get<UserInfoDto>(SessionKey.UserInfo);
}
<div class="main-container min-height610" id="msgApp">
  <ol class="breadcrumb">
    <li>
      <a asp-action="Index" asp-controller="Home">首页</a>
    </li>
    <li class="current">
      <em>@ViewBag.Title</em>
    </li>
  </ol>
  <div class="comment-form">
    @Html.AntiForgeryToken()
    <div class="comment-form-row" style="width:100%;margin-top:12px;">
      <div class="ueditor" id="editor"></div>
    </div>
    <div class="comment-form-row" style="display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:18px;">
      <button @@click="submit(msg)" class="comment-form-btn">发表留言</button>
    </div>
  </div>
  <parent-messages :data="list" :is-admin="true" @@getmsgs="getmsgs" @@reply-msg="replyMsg"></parent-messages>
  <div>
    <n-pagination :page-count="Math.ceil(pageConfig.total / pageConfig.size)" :page-sizes="[10, 20, 30, 50]" show-size-picker v-model:page="pageConfig.page" v-model:page-size="pageConfig.size"/>
  </div>
  <n-modal :mask-closable="false" :title="`回复：${reply.for?.NickName}`" @@positive-click="submit(reply)" negative-text="取消回复" positive-text="回复留言" preset="dialog" style="width:70vw;min-width:400px" v-model:show="showPopup">
    <div class="comment-item" style="max-height: 50vh;overflow-y: scroll;">
      <div class="comment-meta-row">
        <div>
          <span class="comment-author">{{reply.for?.NickName}}</span>
          <span class="comment-time">{{ reply.for?.PostDate }}</span>
        </div>
      </div>
      <div class="comment-content" v-html="reply.for?.Content"></div>
    </div>
    @Html.AntiForgeryToken()
    <div class="ueditor" id="editor2"></div>
  </n-modal>
</div>
<script src="~/UEditorPlus/ueditor.config.front.js"></script>
<script charset="utf-8" src="~/UEditorPlus/ueditor.all.js" type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/dayjs/dayjs.min.js"></script>
<script>
window.defaultUser=function(){
  return {
    NickName: `@user.NickName`,
    Email: `@user.Email`,
    Agree:true,
    IsAdmin:true
  };
}
</script>
<script src="~/Scripts/global/leavemsg.js"></script>