//matching.js (function() { 'use strict'; // ビジネスマッチング同意モーダルを表示 let consentModalShown = false; function checkAndShowConsentModal() { if (consentModalShown) return; if (!window.location.href.includes('module/web_page/424134')) return; consentModalShown = true; var uuidTimer = setInterval(function() { var uuid = window.__NUXT__ && window.__NUXT__.state && window.__NUXT__.state.personal && window.__NUXT__.state.personal.data && window.__NUXT__.state.personal.data.userUuid; if (!uuid) return; clearInterval(uuidTimer); fetch('https://app.sushitech-2026.jp/api/v1/user-status', { headers: { 'User-uuid': uuid } }) .then(function(res) { return res.json(); }) .then(function(data) { if (data && data.result && data.result.is_first_login === true) { showConsentModal(); } }) .catch(function(err) { console.error('[QR Matching] Error fetching user-status:', err); }); }, 1000); } function getLanguage() { // 1. URLパラメータを確認 var urlParams = new URLSearchParams(window.location.search); var lang = urlParams.get('language'); if (lang) { return lang === 'eng' ? 'eng' : 'jpn'; } // 2. cookieを確認 var match = document.cookie.match('(?:^|;)\\s*language=([^;]*)'); if (match) { return decodeURIComponent(match[1]) === 'eng' ? 'eng' : 'jpn'; } // 3. どちらもなければjpn return 'jpn'; } function getUserUuid() { return window.__NUXT__ && window.__NUXT__.state && window.__NUXT__.state.personal && window.__NUXT__.state.personal.data && window.__NUXT__.state.personal.data.userUuid; } function checkPolicyAndNavigate(navigateUrl) { var uuid = getUserUuid(); if (!uuid) return; fetch('https://app.sushitech-2026.jp/api/v1/user-status', { headers: { 'User-uuid': uuid } }) .then(function(res) { return res.json(); }) .then(function(data) { if (data && data.result && data.result.policy_agreed === false) { showConsentModal(navigateUrl); } else { window.location.href = navigateUrl; } }) .catch(function(err) { console.error('[QR Matching] Error fetching user-status:', err); }); } function showConsentModal(navigateUrl) { var existing = document.getElementById('matching-consent-modal'); if (existing) existing.remove(); var overlay = document.createElement('div'); overlay.id = 'matching-consent-modal'; overlay.style.cssText = 'position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);display:flex;justify-content:center;align-items:center;z-index:10000;'; var box = document.createElement('div'); box.style.cssText = 'background:#fff;color:#000;border-radius:12px;padding:48px 64px;max-width:1280px;width:92%;max-height:85vh;overflow-y:auto;line-height:1.8;'; box.innerHTML = '

ビジネスマッチング機能の利用について

' + '

本イベントでは、参加者同士の交流を促進するための「ビジネスマッチング機能」を提供しております。本機能をご利用いただくにあたり、以下の情報の公開・提供に同意をお願いいたします。

' + '

公開される情報

' + '

氏名、社名、部署名、役職、プロフィール写真、自己紹介（登録時に入力した項目）

' + '

公開の範囲

' + '

本イベントのアプリにログインしている参加者、およびマッチングが成立した相手

' + '

目的

' + '

参加者間のネットワーキング、チャット、面談予約、および出展社によるリード活用

' + '

※設定画面より、いつでもプロフィールの非公開設定（プライバシー設定）を変更することが可能です。

' + '' + ''; overlay.appendChild(box); document.body.appendChild(overlay); document.getElementById('matching-consent-agree').addEventListener('click', function() { var uuid = getUserUuid(); if (uuid) { fetch('https://app.sushitech-2026.jp/api/v1/policy-agreement', { method: 'POST', headers: { 'User-uuid': uuid } }) .then(function() { overlay.remove(); if (navigateUrl) { window.location.href = navigateUrl; } }) .catch(function(err) { console.error('[QR Matching] Error posting policy-agreement:', err); overlay.remove(); }); } else { overlay.remove(); } }); document.getElementById('matching-consent-disagree').addEventListener('click', function() { overlay.remove(); }); } checkAndShowConsentModal(); let listenerAttached = false; let searchParticipantsListenerAttached = false; let matchingListListenerAttached = false; let exhibitorSearchIframeAttached = false; let businessAppointmentStyleApplied = false; let matchingPcStyleApplied = false; let checkCount = 0; // 0.5秒ごとにURLをチェック setInterval(function() { checkCount++; const currentUrl = window.location.href; // URLに "module/web_page/421763" が含まれているかチェック if (currentUrl.includes('module/web_page/424134')) { const qrDisplayElement = document.getElementById('matching-qr-display'); // 要素が存在し、まだリスナーが追加されていない場合 if (qrDisplayElement && !listenerAttached) { console.log('[QR Matching] ✓ Element found and listener not attached yet, attaching click listener'); qrDisplayElement.addEventListener('click', function() { console.log('[QR Matching] Click event triggered!'); try { console.log('[QR Matching] Checking __NUXT__ structure...'); console.log('[QR Matching] window.__NUXT__ exists:', typeof window.__NUXT__ !== 'undefined'); if (window.__NUXT__) { console.log('[QR Matching] __NUXT__.state exists:', typeof window.__NUXT__.state !== 'undefined'); console.log('[QR Matching] __NUXT__.state:', window.__NUXT__.state); if (window.__NUXT__.state && window.__NUXT__.state.personal) { console.log('[QR Matching] __NUXT__.state.personal exists'); console.log('[QR Matching] __NUXT__.state.personal.data:', window.__NUXT__.state.personal.data); } } // __NUXT__.state.personal.data.userUuid をチェック if (window.__NUXT__ && window.__NUXT__.state && window.__NUXT__.state.personal && window.__NUXT__.state.personal.data && window.__NUXT__.state.personal.data.userUuid) { const userUuid = window.__NUXT__.state.personal.data.userUuid; console.log('[QR Matching] ✓ userUuid found:', userUuid); // QRコードを生成してモーダル表示 showQRCodeModal(userUuid); } else { console.warn('[QR Matching] ✗ userUuid not found in __NUXT__.state.personal.data'); console.log('[QR Matching] Full __NUXT__ object:', window.__NUXT__); } } catch (error) { console.error('[QR Matching] Error accessing userUuid:', error); } }); listenerAttached = true; console.log('[QR Matching] ✓ Click listener successfully attached'); } else if (!qrDisplayElement) { console.log('[QR Matching] ✗ Element not found'); } else if (listenerAttached) { console.log('[QR Matching] → Listener already attached, skipping'); } } else { // URLが該当ページでなくなった場合、フラグをリセット if (listenerAttached) { listenerAttached = false; console.log('[QR Matching] Left target page, reset listener flag'); } } // 「参加者を探す」リンクを探してイベントリスナーを追加 const searchParticipantsLink = document.getElementById('matching-search-participants'); console.log('[QR Matching] Looking for "参加者を探す" link by ID #matching-search-participants:', searchParticipantsLink); if (searchParticipantsLink && !searchParticipantsListenerAttached) { console.log('[QR Matching] ✓ "参加者を探す" link found, attaching click listener'); searchParticipantsLink.addEventListener('click', function(e) { e.preventDefault(); console.log('[QR Matching] "参加者を探す" link clicked, checking policy...'); checkPolicyAndNavigate('https://mypage.sushitech-startup.metro.tokyo.lg.jp/module/live_chat/424136?language=' + getLanguage() + '&isMatching=1'); }); searchParticipantsListenerAttached = true; console.log('[QR Matching] ✓ "参加者を探す" listener attached'); } // 「マッチングリスト」リンクを探してイベントリスナーを追加 const matchingListLink = document.getElementById('matching-matching-list'); console.log('[QR Matching] Looking for "マッチングリスト" link by ID #matching-matching-list:', matchingListLink); if (matchingListLink && !matchingListListenerAttached) { console.log('[QR Matching] ✓ "マッチングリスト" link found, attaching click listener'); matchingListLink.addEventListener('click', function(e) { e.preventDefault(); console.log('[QR Matching] "マッチングリスト" link clicked, checking policy...'); checkPolicyAndNavigate('https://mypage.sushitech-startup.metro.tokyo.lg.jp/module/live_chat/424136?language=' + getLanguage()); }); matchingListListenerAttached = true; console.log('[QR Matching] ✓ "マッチングリスト" listener attached'); } // 出展者検索ページのiframe表示機能 if (currentUrl.includes('module/web_page/427424')) { console.log('[QR Matching] Exhibitor search page detected (120527)'); const exhibitorSearchDiv = document.getElementById('exhibitor-search'); console.log('[QR Matching] Looking for #exhibitor-search div:', exhibitorSearchDiv); console.log('[QR Matching] Iframe already attached:', exhibitorSearchIframeAttached); if (exhibitorSearchDiv && !exhibitorSearchIframeAttached) { console.log('[QR Matching] ✓ #exhibitor-search div found, attempting to add iframe'); try { // __NUXT__.state.personal.data.userUuid を取得 if (window.__NUXT__ && window.__NUXT__.state && window.__NUXT__.state.personal && window.__NUXT__.state.personal.data && window.__NUXT__.state.personal.data.userUuid) { const userUuid = window.__NUXT__.state.personal.data.userUuid; console.log('[QR Matching] ✓ userUuid found for iframe:', userUuid); // v-application--wrap の最初に見出しを追加 const vAppWrap = document.querySelector('.v-application--wrap'); if (vAppWrap && !document.getElementById('exhibitor-search-header')) { const header = document.createElement('div'); header.id = 'exhibitor-search-header'; header.style.cssText = ` background-color: #000000; display: flex; align-items: center; padding: 70px 30px 40px 100px; margin: 0; `; const redBar = document.createElement('div'); redBar.style.cssText = ` width: 10px; height: 40px; background-color: #DC143C; margin-right: 12px; flex-shrink: 0; `; const title = document.createElement('h1'); title.textContent = getLanguage() === 'eng' ? 'Find Exhibitors' : '出展者検索'; title.style.cssText = ` color: #ffffff; font-size: 24px; font-weight: bold; margin: 0; line-height: 1.2; `; header.appendChild(redBar); header.appendChild(title); // v-application--wrap の最初に挿入 vAppWrap.insertBefore(header, vAppWrap.firstChild); console.log('[QR Matching] ✓ Exhibitor search header added'); } // iframe を作成 const iframe = document.createElement('iframe'); var lang = getLanguage(); const langParam = lang === 'eng' ? '&lang=eng' : ''; iframe.src = `https://main.d2qtn58g5u33cw.amplifyapp.com/booth?user_uuid=${userUuid}${langParam}`; iframe.style.cssText = ` width: 100vw; height: 100%; border: none; min-height: 600px; position: relative; left: 50%; transform: translateX(-50%); `; iframe.setAttribute('allowfullscreen', ''); // 親divのスタイルを設定（横幅最大、スクロールバーを画面右端に固定） exhibitorSearchDiv.style.cssText = ` padding: 0; margin: 0; width: 100vw; position: relative; left: 50%; transform: translateX(-50%); box-sizing: border-box; overflow-x: hidden; `; // div の内容をクリアしてから iframe を追加 exhibitorSearchDiv.innerHTML = ''; exhibitorSearchDiv.appendChild(iframe); exhibitorSearchIframeAttached = true; console.log('[QR Matching] ✓ Iframe successfully added to #exhibitor-search'); console.log('[QR Matching] Iframe src:', iframe.src); } else { console.warn('[QR Matching] ✗ userUuid not found for iframe'); console.log('[QR Matching] __NUXT__ object:', window.__NUXT__); } } catch (error) { console.error('[QR Matching] Error creating iframe:', error); } } else if (!exhibitorSearchDiv) { console.log('[QR Matching] ✗ #exhibitor-search div not found'); } else if (exhibitorSearchIframeAttached) { console.log('[QR Matching] → Iframe already attached, skipping'); } } else { // URLが該当ページでなくなった場合、フラグをリセット if (exhibitorSearchIframeAttached) { exhibitorSearchIframeAttached = false; console.log('[QR Matching] Left exhibitor search page, reset iframe flag'); // 見出しを削除 const header = document.getElementById('exhibitor-search-header'); if (header) { header.remove(); console.log('[QR Matching] Exhibitor search header removed'); } } } // 商談予約ページのスタイル適用 if (currentUrl.includes('users/mypage/business-appointment')) { console.log('[QR Matching] Business appointment page detected'); try { // カスタムスタイルを追加（一度だけ） const styleId = 'business-appointment-custom-style'; let styleElement = document.getElementById(styleId); if (!styleElement) { styleElement = document.createElement('style'); styleElement.id = styleId; styleElement.textContent = ` .mypage-contents__contents { max-width: 100% !important; } .mypage-contents__menu, .business-appointment__title, .mypage-title__icon { display: none !important; } `; document.head.appendChild(styleElement); console.log('[QR Matching] ✓ Custom styles added'); businessAppointmentStyleApplied = true; } // .mypage-title__text 要素のテキストを変更（毎回チェック） const mypageTitleText = document.querySelector('.mypage-title__text'); if (mypageTitleText) { // textContent.trim() で空白やコメントノードを除いてチェック var expectedTitle = getLanguage() === 'eng' ? 'Meeting Management' : '商談予約一覧'; const currentText = mypageTitleText.textContent.trim(); if (currentText !== expectedTitle) { mypageTitleText.textContent = expectedTitle; console.log('[QR Matching] ✓ Title text updated from "' + currentText + '" to "' + expectedTitle + '"'); } } else { console.log('[QR Matching] → .mypage-title__text not found yet'); } } catch (error) { console.error('[QR Matching] Error applying business appointment styles:', error); } } else { // URLが該当ページでなくなった場合、フラグをリセット if (businessAppointmentStyleApplied) { businessAppointmentStyleApplied = false; console.log('[QR Matching] Left business appointment page, reset style flag'); // スタイル要素を削除 const styleElement = document.getElementById('business-appointment-custom-style'); if (styleElement) { styleElement.remove(); console.log('[QR Matching] Custom styles removed'); } } } // users/mypageページで商談予約以外の場合、メニューのdisplay:noneを解除 const mypageMenuOverrideId = 'mypage-menu-override-style'; if (currentUrl.includes('users/mypage') && !currentUrl.includes('users/mypage/business-appointment')) { if (!document.getElementById(mypageMenuOverrideId)) { const overrideStyle = document.createElement('style'); overrideStyle.id = mypageMenuOverrideId; overrideStyle.textContent = '.flex.mypage-contents__menu { display: block !important; }'; document.head.appendChild(overrideStyle); console.log('[QR Matching] ✓ Mypage menu display override applied'); } } else { const overrideStyle = document.getElementById(mypageMenuOverrideId); if (overrideStyle) { overrideStyle.remove(); console.log('[QR Matching] Mypage menu display override removed'); } } // マッチングリストページのスタイル適用（メディアクエリでレスポンシブ対応） if (currentUrl.includes('module/live_chat/424136') && currentUrl.includes('isMatching=1')) { // layoutAppの高さはCSSの!importantで制御（インラインスタイルだとフレームワークと競合してチカチカする） // モーダルの閉じるボタンのみJS（DOM移動はしない） var modalContent = document.querySelector('.profile-modal__content'); if (modalContent && !modalContent.querySelector('.matching-modal-close')) { var closeBtn = document.createElement('button'); closeBtn.className = 'matching-modal-close'; closeBtn.innerHTML = '✕'; closeBtn.setAttribute('aria-label', '閉じる'); closeBtn.addEventListener('click', function() { var modal = document.querySelector('.common-modal.vfm'); if (modal) modal.style.display = 'none'; }); modalContent.insertBefore(closeBtn, modalContent.firstChild); } // col-6にカスタムクラスを付与（メディアクエリで幅を制御） var matchingCols = document.querySelectorAll('.matching-items > .col-6:not(.matching-col-responsive)'); matchingCols.forEach(function(col) { col.classList.add('matching-col-responsive'); }); // スタイル適用 if (!matchingPcStyleApplied) { var styleId = 'matching-pc-custom-style'; var styleElement = document.getElementById(styleId); if (!styleElement) { styleElement = document.createElement('style'); styleElement.id = styleId; styleElement.textContent = /* モーダル詳細: 項目間のグレーライン（全サイズ共通） */ '.common-modal-content .modal-body .section .row {' + 'border-bottom: 1px solid #e0e0e0 !important;' + 'padding: 12px 0 !important;' + 'display: flex !important;' + 'align-items: baseline !important;' + '}' + '.common-modal-content .modal-body .section .row:last-child {' + 'border-bottom: none !important;' + '}' + '.common-modal-content .modal-body .section .row .label {' + 'font-weight: bold !important;' + 'min-width: 160px !important;' + 'flex-shrink: 0 !important;' + '}' + /* モーダル: 閉じるボタン（全サイズ共通） */ '.matching-modal-close {' + 'position: absolute !important;' + 'top: 16px !important;' + 'right: 16px !important;' + 'width: 32px !important;' + 'height: 32px !important;' + 'cursor: pointer !important;' + 'background: none !important;' + 'border: none !important;' + 'font-size: 24px !important;' + 'color: #333 !important;' + 'z-index: 10 !important;' + 'display: flex !important;' + 'align-items: center !important;' + 'justify-content: center !important;' + '}' + '.matching-modal-close:hover {' + 'color: #000 !important;' + '}' + '.profile-modal__content {' + 'position: relative !important;' + '}' + /* モーダル: ヘッダー中央揃え（全サイズ共通） */ '.common-modal-content .modal-header {' + 'text-align: center !important;' + '}' + /* common-modal-contentのgapを無効化 */ '.common-modal-content {' + 'gap: 0 !important;' + '}' + /* name/company: modal-body内で中央揃え */ '.common-modal-content .name {' + 'font-size: 18px !important;' + 'font-weight: bold !important;' + 'margin: 12px 0 4px !important;' + 'text-align: center !important;' + '}' + '.common-modal-content .company {' + 'font-size: 14px !important;' + 'font-weight: bold !important;' + 'color: #333 !important;' + 'margin: 0 0 16px !important;' + 'text-align: center !important;' + '}' + /* 自己紹介行: ラベルを非表示、本文をイントロ風に表示（CSS only） */ '.common-modal-content .modal-body .matching-intro-text {' + 'font-size: 13px !important;' + 'color: #333 !important;' + 'line-height: 1.8 !important;' + 'text-align: left !important;' + 'margin: 0 16px 20px !important;' + 'padding-bottom: 16px !important;' + '}' + /* PC専用（601px以上）: グリッド、タイトル、フィルター */ '@media (min-width: 601px) {' + '.matching-list__body-list-title {' + 'border-bottom: 1px solid #fff !important;' + 'padding-bottom: 8px !important;' + 'margin-bottom: 12px !important;' + '}' + '.matching-list__body-list.d-none { display: block !important; }' + '.matching-list__body-list-title.d-none { display: block !important; }' + '.row.matching-items > .col-6.matching-col-responsive {' + 'flex: 0 0 16.6666% !important;' + 'max-width: 16.6666% !important;' + '}' + '[data-vsbs-container] {' + 'position: fixed !important;' + 'top: 0 !important;' + 'left: 0 !important;' + 'width: 100% !important;' + 'height: 100% !important;' + 'display: flex !important;' + 'justify-content: center !important;' + 'align-items: center !important;' + 'z-index: 9999 !important;' + '}' + '[data-vsbs-backdrop] {' + 'position: fixed !important;' + 'top: 0 !important;' + 'left: 0 !important;' + 'width: 100% !important;' + 'height: 100% !important;' + 'background: rgba(0,0,0,0.5) !important;' + '}' + '[data-vsbs-sheet] {' + 'position: fixed !important;' + 'top: 50% !important;' + 'left: 50% !important;' + 'transform: translate(-50%, -50%) !important;' + 'bottom: auto !important;' + 'max-width: 600px !important;' + 'width: 90% !important;' + 'max-height: 80vh !important;' + 'border-radius: 12px !important;' + 'overflow-y: auto !important;' + '}' + '[data-vsbs-sheet] [data-vsbs-handle] {' + 'display: none !important;' + '}' + '}' + /* モバイル専用（600px以下）: 2列グリッド */ '@media (max-width: 600px) {' + '.row.matching-items > .col-6.matching-col-responsive {' + 'flex: 0 0 50% !important;' + 'max-width: 50% !important;' + '}' + '}'; document.head.appendChild(styleElement); matchingPcStyleApplied = true; console.log('[QR Matching] ✓ Matching styles applied'); } } } else { if (matchingPcStyleApplied) { matchingPcStyleApplied = false; var styleElement = document.getElementById('matching-pc-custom-style'); if (styleElement) { styleElement.remove(); console.log('[QR Matching] Matching styles removed'); } } } }, 500); // 0.5秒ごと // QRコードモーダルを表示する関数 function showQRCodeModal(userUuid) { console.log('[QR Matching] showQRCodeModal called with userUuid:', userUuid); // 既存のモーダルがあれば削除 const existingModal = document.getElementById('qr-code-modal'); if (existingModal) { console.log('[QR Matching] Removing existing modal'); existingModal.remove(); } // モーダル要素を作成 console.log('[QR Matching] Creating modal elements'); const modal = document.createElement('div'); modal.id = 'qr-code-modal'; modal.style.cssText = ` position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); display: flex; justify-content: center; align-items: center; z-index: 10000; `; const modalContent = document.createElement('div'); modalContent.style.cssText = ` background-color: white; padding: 40px; border-radius: 10px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); text-align: center; max-width: 400px; position: relative; `; const closeButton = document.createElement('button'); closeButton.innerHTML = '×'; closeButton.style.cssText = ` position: absolute; top: 7px; right: 7px; background: none; border: none; font-size: 32px; line-height: 1; color: #999; cursor: pointer; padding: 0; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; transition: color 0.2s; `; closeButton.onmouseover = function() { this.style.color = '#333'; }; closeButton.onmouseout = function() { this.style.color = '#999'; }; closeButton.onclick = function() { modal.remove(); }; const title = document.createElement('h2'); // title.textContent = 'ユーザーUUID'; // title.style.marginBottom = '20px'; const qrCodeContainer = document.createElement('div'); qrCodeContainer.id = 'qr-code-container'; modalContent.appendChild(closeButton); modalContent.appendChild(title); modalContent.appendChild(qrCodeContainer); modal.appendChild(modalContent); document.body.appendChild(modal); // モーダルの背景をクリックしても閉じる modal.addEventListener('click', function(e) { if (e.target === modal) { modal.remove(); } }); // QRコードを生成 try { console.log('[QR Matching] Attempting to generate QR code'); console.log('[QR Matching] QRCode library available:', typeof QRCode !== 'undefined'); // QRCode.js を使用する場合 if (typeof QRCode !== 'undefined') { console.log('[QR Matching] Generating QR code with QRCode.js'); new QRCode(qrCodeContainer, { text: userUuid, width: 256, height: 256, colorDark: '#000000', colorLight: '#ffffff', correctLevel: QRCode.CorrectLevel.H }); console.log('[QR Matching] ✓ QR code generated successfully'); } else { // QRCode.js が読み込まれていない場合の代替表示 console.warn('[QR Matching] QRCode.js not loaded, showing text fallback'); qrCodeContainer.innerHTML = `

QRコードライブラリが読み込まれていません

${userUuid}

`; } } catch (error) { console.error('[QR Matching] Error generating QR code:', error); qrCodeContainer.innerHTML = `

QRコード生成エラー

${userUuid}

`; } } })();