').html(contents);
const description = tempDiv.text().substring(0, 200).trim() + '...';
// Open Graph 태그 업데이트
updateOpenGraphTags(
title,
description,
thumb || '/cover/img/logo.png',
window.location.href
);
const header = `
${escapeHTML(title || "")}
${subtitle ? `
${escapeHTML(subtitle)}
` : ''}
${shareBlockHtml()}
`;
const body = `
${heroBlockHtml(thumb)}
`;
const footer = `
글이 마음에 드셨나요?
공유하기
${shareBlockHtml()}
`;
$root
.data('currentItem', {
id,
title,
description,
thumbnail: thumb
})
.html(header + body + footer);
// 이미지 로드 후 비율에 따라 object-fit 조정
adjustDetailImageObjectFit();
}
// --- 자동 마운트 ---
$(function () {
console.log('experienceDetail] Init');
// DOM이 완전히 로드될 때까지 대기
function waitForElement() {
const $host = $('#experience-detail');
if (!$host.length) {
console.log("experienceDetail not found ==> retrying");
setTimeout(waitForElement, 100); // 100ms 후 재시도
return;
}
const id = parseInt(getParam('id'), 10);
if (!id) {
$host.html('
');
return;
}
hideAdminButtons();
// 권한 체크 먼저 실행
experienceDetailAuthCheck().always(function() {
// 권한 체크 완료 후 데이터 로드
fetchExperienceById(id)
.then(entity => {
if (!entity || !entity.c_id) {
$host.html('
');
return;
}
renderDetail($host, entity);
})
.catch(err => {
console.error(err);
$host.html('
');
});
});
}
// 초기 실행
waitForElement();
// 이벤트 리스너: 공유 버튼
$(document).on('click', '.share-btn', function(e) {
e.preventDefault();
const platform = $(this).data('platform');
const $host = $('#experience-detail');
const item = $host.data('currentItem');
if (!item) {
jError('공유할 콘텐츠 정보를 찾을 수 없습니다.');
return;
}
const currentUrl = window.location.href;
const title = item.title || 'A-RMS 경험 공유';
const description = item.description || 'A-RMS의 프로젝트 경험을 확인해보세요.';
const thumbnailUrl = item.thumbnail;
shareToSocial(platform, title, currentUrl, description, thumbnailUrl);
});
// 이벤트 리스너: 목록으로 버튼
$(document).on('click', '#btn-back-to-list', function () {
redirectToExperienceList();
});
// 이벤트 리스너: 수정 버튼
$(document).on('click', '#btn-modify-experience', function () {
if (!isAdmin) {
jError('권한이 없습니다.');
return;
}
const $host = $('#experience-detail');
const item = $host.data('currentItem');
if (!item) {
jError('콘텐츠 정보를 찾을 수 없습니다.');
return;
}
sessionStorage.setItem('experienceEditDraft', JSON.stringify({
id: item.id,
title: item.title || ''
}));
const url = new URL(location.href);
url.searchParams.set('page', 'experienceEditor');
url.searchParams.set('id', String(item.id));
location.href = url.toString();
});
// 이벤트 리스너: 삭제 버튼
$(document).on('click', '#btn-delete-experience', async function () {
if (!isAdmin) {
jError('권한이 없습니다.');
return;
}
const $btn = $(this);
const $host = $('#experience-detail');
const item = $host.data('currentItem');
if (!item) {
jError('콘텐츠 정보를 찾을 수 없습니다.');
return;
}
const ok = await tinyConfirm({
title: '삭제 확인',
message: '정말 삭제하시겠습니까? 이 작업은 되돌릴 수 없습니다.',
okText: '삭제',
cancelText: '취소',
okType: 'danger'
});
if (!ok) return;
$btn.prop('disabled', true);
try {
const res = await removeExperienceById(item.id);
if (res?.success) {
jSuccess('삭제되었습니다.');
redirectToExperienceList();
} else {
jError('삭제는 되었지만 응답 포맷을 확인하세요.');
}
} catch (err) {
console.error(err);
jError('삭제 중 오류가 발생했습니다.');
} finally {
$btn.prop('disabled', false);
}
});
// 이벤트 리스너: 카테고리 클릭
$(document).on('click', '.meta-cat', function(e) {
e.preventDefault();
redirectToExperienceList();
});
//이벤트 리스너 : poc이동하기 버튼
$(document).on('click', '#btn-apply', function(e) {
e.preventDefault();
window.location.href = buildPocHref();
});
});
})();