게시글 작성자가 댓글을 고정하게 해보자

게시글 작성자가 댓글을 고정하게 해보자 정보

게시글 작성자가 댓글을 고정하게 해보자

첨부파일

ajax.commentfix.php (1.7K) 17회 다운로드 2023-03-11 16:08:19

본문

작업버전

5.5.8.2.7

추가된 파일 (첨부파일에서 다운로드)

bbs/ajax.commentfix.php

수정한 원본파일

bbs/view_comment.php

skin/board/basic/style.css

skin/board/basic/view.comment.skin.php

3068322245_1678518579.4648.png

유튜브에 보면 영상 업로더가 댓글 고정하는 기능 있죠?

생각나서 얼른 한 번 구현해 봤습니다.

댓글 고정 이후 재접속 때 고정처리를 스크립트로 하는 방법인데,

빨리 구현하려고 그렇게 했습니다. ㅎ

간단히 말해서 댓글 레코드의 wr_1 에 값이 있으면 고정시키는 방식입니다.

하나의 댓글만 고정할 수 있습니다.

여러개 고정하려면 조금 손을 더 봐야겠네요... ㅎ

자 그럼 수정을 시작해 볼까요?

bbs/view_comment.php

69라인 쯤에

$list[$i]['is_fix'] = false; // 얘 추가
$list[$i]['is_reply'] = false; // 여기 위에

98라인 쯤에 추가

    if ($member['mb_id'] === $view['mb_id'] || $is_admin) {
        $list[$i]['is_fix'] = true;
    }

skin/board/basic/style.css

이 부분을

.bo_vc_act li a {display:inline-block;padding:10px 15px}
.bo_vc_act li a:hover {color:#3a8afd}

아래처럼 수정

.bo_vc_act li a, .bo_vc_act li button {display:inline-block;margin:0;padding:10px 15px;border:0;background:none}
.bo_vc_act li a:hover, .bo_vc_act li button:hover {color:#3a8afd}
#bo_vc_fix .desc {margin:0 0 -10px;padding:10px 0 0;font-weight:bold}

skin/board/basic/view.comment.skin.php

1) 이 부분 다음에

<section id="bo_vc">
    <h2>댓글목록</h2>

아래를 추가

    <div id="bo_vc_fix">
        <div class="desc" style="display:none"><i class="fa fa-map-pin"></i> 작성자가 고정한 댓글</div>
        <div class="container"></div>
    </div>

2) 이 부분을

$is_comment_reply_edit = ($list[$i]['is_reply'] || $list[$i]['is_edit'] || $list[$i]['is_del']) ? 1 : 0;

아래처럼 수정

$is_comment_reply_edit = ($list[$i]['is_fix'] || $list[$i]['is_reply'] || $list[$i]['is_edit'] || $list[$i]['is_del']) ? 1 : 0;

3) 이 부분을

<article id="c_<?php echo $comment_id ?>" <?php if ($cmt_depth) { ?>style="margin-left:<?php echo $cmt_depth ?>px;border-top-color:#e0e0e0"<?php } ?>>

아래처럼 수정

<article id="c_<?php echo $comment_id ?>" <?php if ($list[$i]['wr_1']) { ?>class="fix"<?php } ?> <?php if ($cmt_depth) { ?>style="margin-left:<?php echo $cmt_depth ?>px;border-top-color:#e0e0e0"<?php } ?>>

4) 이 부분 다음에

            <ul class="bo_vc_act">

아래를 추가

                <?php if ($list[$i]['is_fix']) { ?><li><button type="button" class="btn_cm_fix" data-wrid="<?php echo $comment_id; ?>">상단고정</button></li><?php } ?>

5) 이 부분을

<script>
jQuery(function($) {            
    //댓글열기
    $(".cmt_btn").click(function(e){
        e.preventDefault();
        $(this).toggleClass("cmt_btn_op");
        $("#bo_vc").toggle();
    });
});
</script>

아래로 수정

<script>
jQuery(function($) {
    //댓글열기
    $(".cmt_btn").click(function(e){
        e.preventDefault();
        $(this).toggleClass("cmt_btn_op");
        $("#bo_vc").toggle();
    });
 
    $(".btn_cm_fix").click(function(){
 
        if (confirm("이 댓글을 고정하시겠습니까?")) {
 
            var
                $this = $(this),
                co_id = $this.data('wrid'),
                co_parent_id = <?php echo $view['wr_parent']; ?>;
 
            $.ajax({
 
                type: "POST",
                dataType: "json",
                url: "<?php echo G5_BBS_URL; ?>/ajax.commentfix.php",
                data: {
                    bo_table: "<?php echo $bo_table; ?>",
                    comment_id : co_id,
                    comment_parent_id: co_parent_id
                },
                success: function(response) {
 
                    if (response.type === "done") {
 
                        comment_fix($this, 1);
                        $(".bo_vc_act").hide();
 
                    } else if (response.type === "err") {
 
                        alert(response.error);
 
                    }
 
                },
 
                error: function() {
                    return false;
                }
 
            });

 
        } else {
 
            return false;
 
        }
 
    });
 
});
 
$(document).ready(function(){
 
    var
        $fixed_cmt = $("article.fix"),
        fixed_cnt = $fixed_cmt.length;
 
    if (fixed_cnt) {
        comment_fix($fixed_cmt, 0);
    }
 
});
 
function comment_fix(el, find) {
    var
        $el = el,
        $fix_el = $("#bo_vc_fix"),
        $fix_container = $fix_el.find(".container");
 
    if (find)
        var co_clone = $el.closest("article").clone();
    else
        var co_clone = $el.clone();
 
    $fix_container.html("");
    $fix_container.append(co_clone);
    $fix_container.find("article").css("margin-left", 0);
    $fix_container.find(".bo_vl_opt").remove();
    $fix_el.find(".desc").show();
}
</script>