구독 정보 뷰 랜더링
profile.js 에서
요거는
프로필 화면의 구독하기를 말하는거고
이거는
모달에서 구독취소를 말하는거다
둘다 로직이 같기때문에
// (3) 구독자 정보 모달에서 구독하기, 구독취소
function toggleSubscribeModal(obj) {
if ($(obj).text() === "구독취소") {
$(obj).text("구독하기");
$(obj).toggleClass("blue");
} else {
$(obj).text("구독취소");
$(obj).toggleClass("blue");
}
}
JavaScript
복사
이부분을 지우고 밑에 주석의 숫자들을 땡겨서 다시 써주고 처음에 구독취소 api를 toggleSubscribe로 이용해서 써준다
모달로 호출하던 부분을 변경해준다
if( !u.equalUserState){ //동일 유저가 아닐 때 버튼이 만들어져야 함
if(u.subscribeState){ //구독한 상
item += `<button class="cta blue" onclick="toggleSubscribe(${u.id},this)">구독취소</button>`;
}else{
item += `<button class="cta" onclick="toggleSubscribe(${u.id},this)">구독취소</button>`;
}
}
JavaScript
복사
여기서 love를 구독취소한다
러브가서 다시 구독하기를 누르고 다시 구독취소 누르고
이미지 업로드
좋아요 카운터
이렇게 프로필 페이지에서 남았는데 이건 나중에 추가예정