56 lines
1.7 KiB
JavaScript
56 lines
1.7 KiB
JavaScript
// d4rk_tablet — NUI-Shell
|
|
// Relayt zwischen FiveM (SendNUIMessage / NUI-Callbacks) und der Web-App im iframe (postMessage).
|
|
|
|
const wrap = document.getElementById('wrap');
|
|
const iframe = document.getElementById('mdt');
|
|
|
|
let pendingAuth = null; // { token, user } bis das iframe "mdt:ready" meldet
|
|
|
|
function resourceName() {
|
|
return typeof GetParentResourceName === 'function' ? GetParentResourceName() : 'd4rk_tablet';
|
|
}
|
|
function nui(endpoint, body) {
|
|
return fetch(`https://${resourceName()}/${endpoint}`, {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify(body || {}),
|
|
}).catch(() => {});
|
|
}
|
|
function sendAuth() {
|
|
if (pendingAuth && iframe.contentWindow) {
|
|
iframe.contentWindow.postMessage(
|
|
{ action: 'auth', token: pendingAuth.token, user: pendingAuth.user },
|
|
'*',
|
|
);
|
|
}
|
|
}
|
|
|
|
// Token nachschieben, sobald das iframe fertig geladen ist
|
|
iframe.addEventListener('load', sendAuth);
|
|
|
|
window.addEventListener('message', (event) => {
|
|
const data = event.data || {};
|
|
|
|
// 1) Nachrichten aus der Web-App (iframe)
|
|
if (event.source === iframe.contentWindow) {
|
|
if (data.action === 'mdt:ready') sendAuth();
|
|
else if (data.action === 'mdt:close') nui('close');
|
|
else if (data.action === 'officer:setWaypoint') nui('setWaypoint', { x: data.x, y: data.y });
|
|
return;
|
|
}
|
|
|
|
// 2) Nachrichten aus FiveM (SendNUIMessage)
|
|
if (data.action === 'open') {
|
|
pendingAuth = { token: data.token, user: data.user };
|
|
const target = data.webUrl;
|
|
if (iframe.src !== target) {
|
|
iframe.src = target; // 'load' → sendAuth()
|
|
} else {
|
|
sendAuth(); // bereits geladen (Reopen)
|
|
}
|
|
wrap.classList.remove('hidden');
|
|
} else if (data.action === 'close') {
|
|
wrap.classList.add('hidden');
|
|
}
|
|
});
|