function changeStorageReaction(n,t){var r;let i=JSON.parse(localStorage.getItem("reaction"));if(t!=null)if(i!=null){let u=i.filter(t=>t.id===n);if(u.length!=0){for(r in i)if(i[r].id==n){i[r].value=t;break}}else i.push({id:n,value:t})}else i=[],i.push({id:n,value:t});else for(r in i)if(i[r].id==n){i.splice(r,1);break}localStorage.setItem("reaction",JSON.stringify(i))}function getReactionStorage(n){let t=JSON.parse(localStorage.getItem("reaction"));if(t==null)return-1;let i=t.filter(t=>t.id==n);return i.length==0?-1:i[0].value}var IdArticle=document.querySelector("#idAricle").value,avartar="/Content/pc/images/no-avatar.png";const reactionConfig=[{Code:"like",Name:"Thích",Class:"reaction-like",Value:"1"},{Code:"love",Name:"Yêu thích",Class:"reaction-love",Value:"2"},{Code:"haha",Name:"Haha",Class:"reaction-haha",Value:"3"},{Code:"wow",Name:"Wow",Class:"reaction-wow",Value:"4"},{Code:"sad",Name:"Buồn",Class:"reaction-sad",Value:"5"},{Code:"angry",Name:"Phẫn nộ",Class:"reaction-angry",Value:"6"},];comment={init:function(){document.querySelectorAll(".box-comment").forEach(function(n){comment.initBoxComment(n)});comment.getComment(1)},initBoxComment:function(n,t){let u=n.querySelector(".btn-send"),i=n.querySelector("textarea"),r=n.querySelector(".txt-username"),e=n.querySelector(".user-comment"),f=n.querySelector(".comment-img");if(u!=null&&i!=null&&r!=null&&f!=null){var o=common.getUserNameClient();r.setAttribute("value",o);f.setAttribute("src",avartar);i.addEventListener("keyup",h);r.addEventListener("keyup",s);function h(){var n=this;setTimeout(function(){n.style.cssText="height:auto; padding: 8px 35px 8px 20px;";n.style.cssText="height:"+n.scrollHeight+"px"},0);s();e.classList.remove("show-pc")}function s(){r.value.length>0?(r.classList.remove("border-orange"),i.value.length>0?u.classList.remove("hide"):u.classList.add("hide")):(r.classList.add("border-orange"),u.classList.add("hide"))}t==null?t="0":i.focus();u.addEventListener("click",function(){let e=r.value,o=i.value,s="&username="+e+"&idArticle="+IdArticle+"&idComment="+t+"&value="+o,f=new XMLHttpRequest;f.open("POST","/Comment/InsertCommentNow",!0);f.setRequestHeader("Content-Type","application/x-www-form-urlencoded");f.onreadystatechange=function(){if(f.readyState==4&&f.status==200){let r=JSON.parse(this.response);r.code==1?(comment.appendNotice("cmt"),t!="0"?n.remove():(u.classList.add("hide"),i.removeAttribute("style"),i.value="")):comment.appendNotice(r.code);common.changeUserCookie(e)}};f.send(s)})}},initItemCommentEvent:function(n,t){let i=n.querySelector(".btn-reaction"),e=n.querySelector(".btn-reply"),r=n.querySelector(".sub-comment"),u=n.querySelector(".btn-reaction label"),o=n.querySelector(".list-reaction"),f=n.getAttribute("data-id");r==null&&(r=n.closest(".sub-comment"));i!=null&&e!=null&&r!=null&&(e.addEventListener("click",function(){qa(".ds-comments-wrapper .box-comment").forEach(function(n){n.remove()});let i=comment.getBoxtItem();t?r.insertBefore(i,n.nextSibling):r.insertBefore(i,r.firstChild);let u=this.getAttribute("data-id"),f=r.querySelector(".box-comment");comment.initBoxComment(f,u)}),i.querySelectorAll("button").forEach(function(n){n.addEventListener("click",function(){let e=document.querySelector("#txt_uname"),s=e.value,h=n.getAttribute("class"),r=reactionConfig.filter(n=>n.Class==h)[0],c="&username="+s+"&idComment="+f+"&type="+r.Value,t=new XMLHttpRequest;t.open("POST","/Comment/ChangeReaction",!0);t.setRequestHeader("Content-Type","application/x-www-form-urlencoded");t.onreadystatechange=function(){if(t.readyState==4&&t.status==200){let n=JSON.parse(this.response);if(n.code==1){u.innerHTML=r.Name;u.setAttribute("data-reaction",r.Value);let t=n.reaction;o.innerHTML=comment.getListReaction(t.CountReaction,t.TotalReaction);changeStorageReaction(f,r.Value)}}};t.send(c);i.classList.remove("on-hover")})}),i.addEventListener("mouseover",function(){i.classList.contains("on-hover")||i.classList.add("on-hover")}),i.addEventListener("touchstart",function(){i.classList.add("on-hover");document.querySelector("body").classList.add("un-select")}),u.addEventListener("click",function(){if(u.hasAttribute("data-reaction")){let t=document.querySelector("#txt_uname"),i=t.value,r="&username="+i+"&idComment="+f,n=new XMLHttpRequest;n.open("POST","/Comment/ChangeReaction",!0);n.setRequestHeader("Content-Type","application/x-www-form-urlencoded");n.onreadystatechange=function(){if(n.readyState==4&&n.status==200){let n=JSON.parse(this.response);if(n.code==1){u.innerHTML="Thích";u.removeAttribute("data-reaction",1);let t=n.reaction;o.innerHTML=comment.getListReaction(t.CountReaction,t.TotalReaction);changeStorageReaction(f)}}};n.send(r)}i.classList.add("on-hover")}))},closeNotice:function(n){n!=null&&n.remove()},appendNotice:function(n){document.querySelector("#wrapper").append(comment.divNotice(n));let t=document.querySelector("#wrapper .poup-comment");setTimeout(function(){comment.closeNotice(t)},3e3);t.querySelector(".close-popup").addEventListener("click",function(){comment.closeNotice(t)});t.querySelector(".overlay-no-zindex").addEventListener("click",function(){comment.closeNotice(t)})},divNotice:function(n){var r="",t="",i;return n=="cmt"?t="Xin mời quay lại xem bình luận của bạn trong ít phút":(r="Bạn không thể gửi bình luận liên tục !",t="Xin hãy đợi 1 giây nữa"),i=document.createElement("div"),i.innerHTML='
<\/div>
Thông báo<\/div>
'+r+'<\/h5>

'+t+'<\/p>

<\/span><\/span>Xem thêm '+i+"<\/b> bình luận<\/a><\/div>";r.querySelector(".sub-comment").append(t.firstChild);let u=r.querySelector(".btn-show-child");comment.getChildComment(u)}}),r.TotalPage>r.CurrentPage){let t=document.createElement("div");t.innerHTML='Xem thêm bình luận<\/a>';i.append(t.firstChild);let n=i.querySelector(".btn-show-comment");n.addEventListener("click",function(){n.remove();let t=n.getAttribute("data-page");comment.getComment(t)})}n==1&&r.TotalRecord>0&&(qa(".number-cmt-2").forEach(function(n){n.innerHTML="("+r.TotalRecord+")"}),qa(".number-cmt").forEach(function(n){n.innerHTML=r.TotalRecord;n.classList.remove("hide")}))}};t.send("&idArticle="+IdArticle+"&pageindex="+n)}},getChildComment:function(n){n.addEventListener("click",function(){let u=n.closest("div"),i=n.closest(".sub-comment");u.remove();let f=n.getAttribute("data-page"),r=n.getAttribute("data-id"),e="&idArticle="+IdArticle+"&pageindex="+f+"&commentId="+r,t=new XMLHttpRequest;t.open("POST","/Comment/GetNewsJsonChidComment",!0);t.setRequestHeader("Content-Type","application/x-www-form-urlencoded");t.responseType="json";t.onreadystatechange=function(){if(t.readyState==4&&t.status==200){let n=JSON.parse(this.response);n.Items.forEach(function(n){let t=comment.getChildItem(n);i.append(t);let r=i.querySelector(".sub-comment-items:last-child");comment.initItemCommentEvent(r,!0)});let t=n.TotalRecord-2-n.CurrentPage*n.PageSize;if(t>0){let f=n.CurrentPage+1,u=document.createElement("div");u.innerHTML='
<\/span><\/span>Xem thêm '+t+"<\/b> bình luận<\/a><\/div>";i.append(u.firstChild);let e=i.querySelector(".btn-show-child");comment.getChildComment(e)}}};t.send(e)})},getParentItem:function(n){let t='
vtc.vn<\/a>
{{name}}<\/a><\/label>

{{content}}<\/p>

{{list-reaction}}<\/div>{{time}}<\/span>Phản hồi<\/a>{{reaction}}<\/div>
<\/div><\/div><\/div>',r=comment.getReaction(n.Id),u=comment.getListReaction(n.CountReaction,n.TotalReaction);t=t.replaceAll("{{id}}",n.Id).replaceAll("{{name}}",n.CustomerName).replaceAll("{{content}}",n.Content).replaceAll("{{time}}",n.CreatedDateFormatText).replaceAll("{{reaction}}",r).replaceAll("{{list-reaction}}",u);let i=document.createElement("div");return i.innerHTML=t,i.firstChild},getChildItem:function(n){let t='
<\/span>vtc.vn<\/a>
{{name}}<\/a><\/label>

{{content}}<\/p>

{{list-reaction}}<\/div>{{time}}<\/span> Phản hồi<\/a> {{reaction}}<\/div><\/div><\/div>',r=comment.getReaction(n.Id),u=comment.getListReaction(n.CountReaction,n.TotalReaction);t=t.replaceAll("{{id}}",n.Id).replaceAll("{{parent}}",n.ParentId).replaceAll("{{name}}",n.CustomerName).replaceAll("{{content}}",n.Content).replaceAll("{{time}}",n.CreatedDateFormatText).replaceAll("{{list-reaction}}",u).replaceAll("{{reaction}}",r);let i=document.createElement("div");return i.innerHTML=t,i.firstChild},getBoxtItem:function(){let n=document.createElement("div");return n.innerHTML='
<\/span>