144 lines
5.4 KiB
HTML
144 lines
5.4 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Novi Test Page</title>
|
|
</head>
|
|
<body>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
let novi_customer_uid = '<%=Novi.User.CustomerUniqueId%>'; // NOTE: The Novi UUID for the current current user/customer
|
|
console.log(`Novi's Current User's ID: ${novi_customer_uid}`);
|
|
|
|
// var novi_current_user_role = '<%=Novi.User.xyz%>';
|
|
// console.log(`Novi's Current User's Role: ${novi_current_user_role}`);
|
|
|
|
let novi_api_root_url = 'https://www.idaa.org/api';
|
|
let novi_api_key_for_idaa = 'CmNdWgdPmgluBWjiTd8xsUCk5mio8F1O9DYAh0pVDcg=';
|
|
|
|
let novi_current_user_obj = null;
|
|
let novi_current_user_email = null;
|
|
|
|
let idaa_osit_site_key = '8VTOJ0X5hvT6JdiTJsGEzQ'; // 'restricted-access'
|
|
let idaa_ae_api_root_url = 'https://sk-idaa.oneskyit.com/idaa/bb';
|
|
let idaa_ae_params = new URLSearchParams(document.location.search);
|
|
let idaa_ae_slct_post_id = idaa_ae_params.get('post_id');
|
|
|
|
let idaa_ae_iframe_height = null;
|
|
|
|
var novi_api_headers = new Headers();
|
|
novi_api_headers.append("Authorization", `Basic ${novi_api_key_for_idaa}`);
|
|
|
|
var requestOptions = {
|
|
method: 'GET',
|
|
headers: novi_api_headers,
|
|
redirect: 'follow'
|
|
};
|
|
|
|
let novi_api_get_customer_endpoint = `${novi_api_root_url}/customers/${novi_customer_uid}`;
|
|
// console.log(novi_api_get_customer_endpoint);
|
|
|
|
fetch(novi_api_get_customer_endpoint, requestOptions)
|
|
// .then(response => response.text())
|
|
.then(response => response.json())
|
|
.then(result => {
|
|
novi_current_user_obj = result;
|
|
// console.log(`Novi's Current User Obj (${novi_current_user_obj.Email}):`, novi_current_user_obj);
|
|
|
|
let idaa_ae_iframe_element = document.getElementById('ae_idaa_bb_iframe');
|
|
|
|
if (idaa_ae_slct_post_id) {
|
|
// console.log(`Loading AE Post ID: ${idaa_ae_slct_post_id}`);
|
|
// idaa_ae_iframe_element.src = `${idaa_ae_api_root_url}?uuid=${novi_customer_uid}&email=${novi_current_user_obj.Email}&full_name=${novi_current_user_obj.Name}&post_id=${idaa_ae_slct_post_id}&iframe=true&key=${idaa_osit_site_key}`;
|
|
|
|
idaa_ae_iframe_element.src = `${idaa_ae_api_root_url}/${idaa_ae_slct_post_id}?uuid=${novi_customer_uid}&email=${novi_current_user_obj.Email}&full_name=${novi_current_user_obj.Name}&iframe=true&key=${idaa_osit_site_key}`;
|
|
} else {
|
|
idaa_ae_iframe_element.src = `${idaa_ae_api_root_url}?uuid=${novi_customer_uid}&email=${novi_current_user_obj.Email}&full_name=${novi_current_user_obj.Name}&iframe=true&key=${idaa_osit_site_key}`;
|
|
|
|
url.searchParams.delete('post_id');
|
|
history.pushState({}, '', url);
|
|
}
|
|
|
|
// let iframe_src = document.getElementById('iframe_src');
|
|
// iframe_src.innerHTML = `iframe src = ${idaa_ae_iframe_element.src}`;
|
|
})
|
|
.catch(error => console.log('error', error));
|
|
|
|
window.addEventListener('message', function(event) {
|
|
// console.log('Message received from the child:', event.data); // Message received from child
|
|
|
|
if (event.data) {
|
|
if (event.data.iframe_height) {
|
|
idaa_ae_iframe_height = event.data.iframe_height;
|
|
// console.log(`Got iframe height: ${idaa_ae_iframe_height}`);
|
|
|
|
let idaa_ae_iframe_element = document.getElementById('ae_idaa_bb_iframe');
|
|
|
|
// idaa_ae_iframe_element.style.height = idaa_ae_iframe_height;
|
|
idaa_ae_iframe_element.style.height = `${idaa_ae_iframe_height+50}px`;
|
|
}
|
|
|
|
if (event.data.scroll_to !== undefined) {
|
|
console.log(`Got scroll_to: ${event.data.scroll_to}`);
|
|
|
|
let idaa_ae_iframe_element = document.getElementById('ae_idaa_bb_iframe');
|
|
if (idaa_ae_iframe_element) {
|
|
console.log(`Scrolling to: ${event.data.scroll_to}`);
|
|
// window.scrollTo(0, 0); // This works for all current browsers
|
|
window.scrollTo({
|
|
top: 0,
|
|
left: 0,
|
|
behavior: 'smooth'
|
|
});
|
|
} else {
|
|
console.warn(`Element with ID "ae_idaa_bb_iframe" not found.`);
|
|
}
|
|
}
|
|
|
|
const url = new URL(location);
|
|
|
|
// Check if post_id is defined in the message
|
|
if (event.data.post_id !== undefined) {
|
|
console.log(`Got AE Post ID: ${event.data.post_id}`);
|
|
idaa_ae_slct_post_id = event.data.post_id;
|
|
|
|
if (event.data.post_id) {
|
|
url.searchParams.set('post_id', event.data.post_id);
|
|
} else {
|
|
url.searchParams.delete('post_id');
|
|
}
|
|
history.pushState({}, '', url);
|
|
}
|
|
|
|
// Check if post_comment_id is defined in the message
|
|
if (event.data.post_comment_id !== undefined) {
|
|
console.log(`Got AE Post Comment ID: ${event.data.post_comment_id}`);
|
|
idaa_ae_slct_post_comment_id = event.data.post_comment_id;
|
|
|
|
if (event.data.post_comment_id) {
|
|
url.searchParams.set('post_comment_id', event.data.post_comment_id);
|
|
} else {
|
|
url.searchParams.delete('post_comment_id');
|
|
}
|
|
history.pushState({}, '', url);
|
|
}
|
|
} else {
|
|
console.log(`No data in message? ${event}`);
|
|
}
|
|
});
|
|
</script>
|
|
|
|
|
|
<!-- IDAA Aether Apps for Novi - Bulletin Board (posts) iframe -->
|
|
<p><iframe width="100%" height="750" id="ae_idaa_bb_iframe" src="" style="min-height: 600px; max-height: 100%;" class="ae_idaa_iframe"></iframe></p>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
</html>
|