北斎描いた百人一首の世界　墨田で錦絵など紹介

`; }); $('.report_types').append(type_list); } var pending_count=resjson.data.status.max_rec-(page*no_item); if (resjson.success) { $('#more_button').html("もっと見る "+pending_count+"件"); $('#page').val(resjson.data.status.next_page) $('#comment_count').html(resjson.data.count); if(resjson.data.status.page_no=='1'){ var comment_title=`

みんなのコメント${resjson.data.count}件

` $('#lst-comment-001').append(comment_title); } Object.entries(resjson.data.list).forEach(([key, value]) => { if (value.comment_status != 10) { if (value.reply_count == 0) { return; // Skip this iteration if reply_count is 0 } comment_list += `

${value.comment_status == 21 ? 'コメントは管理者によって削除されました' : (value.comment_status == 20 ? 'コメントは投稿者により削除されました' : 'コメントは管理者によって非公開にされました')}

返信 ${value.reply_count}件

`; return; } var is_like=getReaction(value.id,'like',0); var is_agree=getReaction(value.id,'agree',0); var relativeTime = getRelativeTime(value.regist_date); var nickname = (value.nickname === '' ? (value.comment_type == 10 ? '管理人' : (value.comment_type == 20 ? 'author' : '匿名')) : value.nickname); var photo=`https://static.tokyo-np.co.jp/tokyo-np/images/user_icon/`+getIcon(value.icon_type,icon_json,value.comment_type); var relativeTime = getRelativeTime(value.regist_date); comment_list += `

${nickname} ${relativeTime}

${value.self_text}

`; comment_list+=`

`; comment_list+=`

${value.comment_text}

`; if(value.comment_edit_status==10){ comment_list+=`

管理者によりコメント編集済み

`; } comment_list+=`

`; comment_list+=`

共感した ${value.agree_count?formatNumber(value.agree_count):0}

コメントに『リアクション』ができます。ご利用には会員登録が必要です。

新規登録

ログインする

`; comment_list+=`

`; //reply section comment_list+=`

返信 ${value.reply_count}件

`; comment_list+=`

`; }); $('#lst-comment-001').append(comment_list); $('#more_button').html("もっと見る "+(pending_count)+"件"); if(resjson.data.status.next_page>0 && resjson.data.status.max_rec>0){ $('#more_button').show(); }else{ $('#more_button').hide(); } } }).fail(function (jqXHR, textStatus, errorThrown) { alert("コメントの投稿に失敗しました"); }); } function showReply(comment_id,type){ const no_item=3 // number of item to show var page= $('#reply_page').val()!=''?parseInt($('#reply_page').val()):1; getReplyList(comment_id,no_item,page,function(error,res){ if(res){ const icon_json=res.icon_json var pending_count=res.data.status.max_rec-(page*no_item); Object.entries(res.data.list).forEach(([key, value]) => { if (value.comment_status != 10) { reply_list= `

${value.comment_status == 21 ? 'コメントは管理者によって削除されました' : (value.comment_status == 20 ? 'コメントは投稿者により削除されました' : 'コメントは管理者によって非公開にされました')}

`; $('#lst-comment-'+comment_id).append(reply_list) return; } // check cookie for reaction var is_like=getReaction(value.id,'like',1); var is_agree=getReaction(value.id,'agree',1); var photo=`https://static.tokyo-np.co.jp/tokyo-np/images/user_icon/`+getIcon(value.icon_type,icon_json,value.comment_type); var relativeTime = getRelativeTime(value.regist_date); var nickname = (value.nickname === '' ? (value.comment_type == 10 ? '管理人' : (value.comment_type == 20 ? 'author' : '匿名')) : value.nickname); var reply_list=`

${nickname} ${relativeTime}

${value.self_text}

`; reply_list+=`

`; reply_list+=`

${value.comment_text}

`; if(value.comment_edit_status==10){ reply_list+=`

管理者によりコメント編集済み

`; } reply_list+=`

`; reply_list+=`

共感した ${value.agree_count?formatNumber(value.agree_count):0}

コメントに『リアクション』ができます。ご利用には会員登録が必要です。

新規登録

ログインする

`; reply_list+=`

`; $('#lst-comment-'+comment_id).append(reply_list) }); $('#reply_page').val(res.data.status.next_page) $('#more_button_' + comment_id).remove(); if (res.data.status.next_page > 0 && res.data.status.max_rec > 0) { var more_button = ` `; $('#lst-comment-' + comment_id).append(more_button); } if(type==1) openReplyBox(comment_id,icon_json); } }) } function openReplyBox(comment_id,icon_json){ $('.replyCommentBox').remove() var type=30 var photo= getIcon(``,icon_json,type); var self_text=`自己紹介文が未登録です`; var commentBox=``; $('#reply-comment-' + comment_id).append(commentBox); const textarea = document.getElementsByClassName(`comment_reply_text_${comment_id}`)[0]; const charCount = document.getElementById(`charCount_${comment_id}`); textarea.addEventListener('input', function () { charCount.textContent = this.value.length; if ( this.value.length > 500) { charCount.style.color = 'red'; } else { charCount.style.color = ''; // Reset to default (black) } }); } function getIcon(icon_name,json,type) { if(type==10){ return `manager-icon.png`; }else if(type==20){ return `author-icon.png`; }else{ const iconArray = Object.values(json); if (iconArray.includes(icon_name)) { return icon_name; } return json["0"]; } } function toggleContent(trigger) { var content = $(trigger).siblings('.js-profile-content'); var isVisible = content.is(':visible'); if (isVisible) { content.removeClass('is-open'); } else { content.addClass('is-open'); } content.toggle(); }