맑은도우미 데모

https://malgn-helper-pms.pages.dev/projects/{projectId}

예: https://malgn-helper-pms.pages.dev/projects/1162?modal=open

이 URL을 직접 방문하면 페이지 로드 시 브리핑 모달이 자동으로 열립니다. 모달 닫힘 시 팝업 창이면 window.close(), iframe이면 부모로 postMessage('malgn-helper:briefing:close')를 보냅니다.

<script>
function openMalgnBriefing(projectId) {
  const url  = 'https://malgn-helper-pms.pages.dev/projects/' + projectId + '?modal=open';
  const w    = 1000, h = 760;
  const left = Math.max(0, (screen.width  - w) / 2);
  const top  = Math.max(0, (screen.height - h) / 2);
  window.open(
    url,
    'malgn-helper-briefing',
    'width=' + w + ',height=' + h + ',left=' + left + ',top=' + top + ',resizable=yes,scrollbars=yes'
  );
}
</script>

<button onclick="openMalgnBriefing(1162)">브리핑 카드 열기</button>

브라우저 별도 창으로 띄움. 가장 단순. 팝업 차단 브라우저에서는 사용자 제스처(클릭) 컨텍스트 안에서 호출해야 함.

<div id="malgn-briefing-overlay" style="display:none;position:fixed;inset:0;z-index:9999;background:rgba(23,23,23,0.4);backdrop-filter:blur(2px)">
  <iframe id="malgn-briefing-iframe"
    style="position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:96%;max-width:960px;height:92vh;border:0;border-radius:12px;box-shadow:0 25px 50px -12px rgba(0,0,0,0.25);background:#fff"
    allow="clipboard-write"></iframe>
</div>

<script>
function openMalgnBriefing(projectId) {
  document.getElementById('malgn-briefing-iframe').src =
    'https://malgn-helper-pms.pages.dev/projects/' + projectId + '?modal=open';
  document.getElementById('malgn-briefing-overlay').style.display = 'block';
}
function closeMalgnBriefing() {
  document.getElementById('malgn-briefing-overlay').style.display = 'none';
  document.getElementById('malgn-briefing-iframe').src = 'about:blank';
}
// 모달 내부에서 닫기 신호를 보내면 오버레이도 닫음
window.addEventListener('message', (e) => {
  if (e.data && e.data.type === 'malgn-helper:briefing:close') closeMalgnBriefing();
});
// 오버레이 배경 클릭 시 닫기
document.getElementById('malgn-briefing-overlay').addEventListener('click', (e) => {
  if (e.target.id === 'malgn-briefing-overlay') closeMalgnBriefing();
});
</script>

<button onclick="openMalgnBriefing(1162)">브리핑 카드 열기</button>

PMS 화면 위에 오버레이로 표시. iframe 내부 모달이 닫히면 postMessage를 받아 오버레이도 자동 닫힘. 오버레이 배경 클릭으로도 닫을 수 있음.

https://malgn-helper-pms.pages.dev/posts/{postId}/eval

예: https://malgn-helper-pms.pages.dev/posts/94227/eval

이 URL을 직접 방문하면 페이지 로드 시 Q&A 평가 모달이 자동으로 열립니다. 모달 닫힘 시 팝업 창이면 window.close(), iframe이면 부모로 postMessage('malgn-helper:qa-eval:close')를 보냅니다.

<script>
function openMalgnQaEval(postId) {
  const url  = 'https://malgn-helper-pms.pages.dev/posts/' + postId + '/eval';
  const w    = 1000, h = 760;
  const left = Math.max(0, (screen.width  - w) / 2);
  const top  = Math.max(0, (screen.height - h) / 2);
  window.open(
    url,
    'malgn-helper-qa-eval',
    'width=' + w + ',height=' + h + ',left=' + left + ',top=' + top + ',resizable=yes,scrollbars=yes'
  );
}
</script>

<button onclick="openMalgnQaEval(94227)">Q&amp;A 평가 카드 열기</button>

별도 창. 가장 단순. 팝업 차단 브라우저에서는 사용자 제스처(클릭) 컨텍스트 안에서 호출해야 함.

<div id="malgn-qa-eval-overlay" style="display:none;position:fixed;inset:0;z-index:9999;background:rgba(23,23,23,0.4);backdrop-filter:blur(2px)">
  <iframe id="malgn-qa-eval-iframe"
    style="position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:96%;max-width:960px;height:92vh;border:0;border-radius:12px;box-shadow:0 25px 50px -12px rgba(0,0,0,0.25);background:#fff"
    allow="clipboard-write"></iframe>
</div>

<script>
function openMalgnQaEval(postId) {
  document.getElementById('malgn-qa-eval-iframe').src =
    'https://malgn-helper-pms.pages.dev/posts/' + postId + '/eval';
  document.getElementById('malgn-qa-eval-overlay').style.display = 'block';
}
function closeMalgnQaEval() {
  document.getElementById('malgn-qa-eval-overlay').style.display = 'none';
  document.getElementById('malgn-qa-eval-iframe').src = 'about:blank';
}
window.addEventListener('message', (e) => {
  if (e.data && e.data.type === 'malgn-helper:qa-eval:close') closeMalgnQaEval();
});
document.getElementById('malgn-qa-eval-overlay').addEventListener('click', (e) => {
  if (e.target.id === 'malgn-qa-eval-overlay') closeMalgnQaEval();
});
</script>

<button onclick="openMalgnQaEval(94227)">Q&amp;A 평가 카드 열기</button>

응대 평가 보드 화면 위 오버레이. 평가 모달 닫힘 시 malgn-helper:qa-eval:close 메시지를 받아 자동 닫힘.