', {
id: 'sweepConfigDiv',
class: 'windowmodal',
}).appendTo('#iframecontainer');
sweepConfigDiv.css("width","60%");
sweepConfigDiv.css("height","60%");
sweepConfigDiv.css("position","absolute");
sweepConfigDiv.css("top","20%");
sweepConfigDiv.css("left","20%");
sweepConfigDiv.css("background-color","hsl(0,0%,28%)");
sweepConfigDiv.css("border","5px solid black");
sweepConfigDiv.css("z-index","20");
sweepConfigDiv.css("overflow","auto");
console.log(sweepCollection);
var shtml = ['
');
$('#myTable').append(shtml.join(''));
sweepConfigDiv.append(shtml);
});
*/
addSweepBtn = document.getElementById('add_sweep');
addSweepBtn.addEventListener('click', () => {
window.type = "sweep";
var sweepId = window.pose.sweep;
window.tag = sweepLookupArray[sweepLookupArray.indexOf(sweepId) - 1];
console.log(window.tag);
//window.tag = window.pose.sweep;
window.rotation = JSON.stringify(window.pose.rotation);
sweepAccept();
});
addTagBtn = document.getElementById('add_tag');
var tagAddDiv = document.getElementById("tagDynDiv");
addTagBtn.addEventListener('click', () => {
window.tag = null;
window.type = "tag";
movingTag = true;
if (!addingTag && !tag) {
addingTag = true;
mpSdk.Mattertag.add([{
label: "Tag added by C3D",
description: "Click to edit",
anchorPosition: {
x: 0,
y: 0,
z: 0
},
stemVector: {
x: 0,
y: 0.3,
z: 0
},
color: {
r: 1,
g: 0,
b: 0
},
}]).then((sid) => {
tag = sid[0];
lookup.push(tag);
lookup.push(tag);
}).then((tag) => {
if (addingTag == true) {
window.addEventListener('blur', checkPlacement);
}
addingTag = false;
}).catch((e) => {
console.error(e);
addingTag = false;
})
}
});
mpSdk.Camera.pose.subscribe(function(pose) {
poseCache = pose;
});
mpSdk.Pointer.intersection.subscribe(intersectionData => {
intersectionCache = intersectionData;
intersectionCache.time = new Date().getTime();
tagAddDiv.style.display = 'none';
buttonDisplayed = false;
if (tag && movingTag) {
let scale = 1;
window.newTagx = intersectionData.position.x;
window.newTagy = intersectionData.position.y;
window.newTagz = intersectionData.position.z;
window.xstemInitial = scale * intersectionData.normal.x;
window.ystemInitial = scale * intersectionData.normal.y;
window.zstemInitial = scale * intersectionData.normal.z;
mpSdk.Mattertag.editPosition(tag, {
anchorPosition: intersectionData.position,
stemVector: {
x: scale * intersectionData.normal.x,
y: scale * intersectionData.normal.y,
z: scale * intersectionData.normal.z,
}
}).catch(e => {
console.error(e);
tag = null;
movingTag = false;
});
}
});
$(document).on("change", "#myYstemRange, #myXstemRange, #myZstemRange", function() {
var xstemValue = document.getElementById("myXstemRange").value;
window.xstemValue = xstemValue;
var ystemValue = document.getElementById("myYstemRange").value;
var scale = ystemValue;
window.ystemValue = ystemValue;
var zstemValue = document.getElementById("myZstemRange").value;
window.zstemValue = zstemValue;
vhtag = window.newTag;
mpSdk.Mattertag.editPosition(vhtag, {
anchorPosition: {
x: (+window.newTagx),
y: (+window.newTagy),
z: (+window.newTagz),
},
stemVector: {
x: Number(window.xstemValue),
y: Number(window.ystemValue),
z: Number(window.zstemValue),
}
}).catch(e => {
console.error(e);
});
})
$(document).on("change", "#myeYstemRange, #myeXstemRange, #myeZstemRange", function() {
var xstemValue = document.getElementById("myeXstemRange").value;
window.xstemValue = xstemValue;
var ystemValue = document.getElementById("myeYstemRange").value;
var scale = ystemValue;
window.ystemValue = ystemValue;
var zstemValue = document.getElementById("myeZstemRange").value;
window.zstemValue = zstemValue;
vhtag = window.ExistingTag;
mpSdk.Mattertag.editPosition(vhtag, {
anchorPosition: {
x: (+window.newTagx),
y: (+window.newTagy),
z: (+window.newTagz),
},
stemVector: {
x: Number(xstemValue),
y: Number(ystemValue),
z: Number(zstemValue),
}
}).catch(e => {
console.error(e);
});
})
function pointToString(point) {
var x = point.x.toFixed(3);
var y = point.y.toFixed(3);
var z = point.z.toFixed(3);
return `{ x: ${x}, y: ${y}, z: ${z} }`;
}
try {
mpSdk.on(mpSdk.Mattertag.Event.CLICK, function(tag) {
window.type = "tag";
remove3JsInputs();
var realtagPos = lookup.indexOf(tag);
if (realtagPos != -1) {
var thistag = lookup[realtagPos + 1];
} else {
var thistag = window.tag;
}
$("#tagControls").load(baseLoc + "/tagcontrols.php?model=" + editmodel + "&version=" + version + "&tag=" + thistag + "&master_type=tag");
activeControl = $("#tagControls");
controlsOpen(activeControl);
window.tag = tag;
});
if (hasTouch && !hasMouse) {
document.getElementById('add_tag').style.display = "none";
var tagAddDiv = document.getElementById("tagDynDiv");
var delayBeforeShow = 1000;
var buttonDisplayed = false;
try {
setInterval(() => {
if (!intersectionCache || !poseCache) {
return;
}
const nextShow = intersectionCache.time + delayBeforeShow;
if (new Date().getTime() > nextShow) {
if (buttonDisplayed) {
return;
}
var size = {
w: iframe.clientWidth,
h: iframe.clientHeight,
};
var coord = mpSdk.Conversion.worldToScreen(intersectionCache.position, poseCache, size);
if (coord.x < 0) {
coord.x = coord.x + (coord.x * -2);
}
if (coord.y < 0) {
coord.y = coord.y + (coord.y * -2);
}
if (intersectionCache.object != "intersectedobject.tag") {
tagAddDiv.style.left = `${coord.x - 25}px`
tagAddDiv.style.top = `${coord.y - 25}px`;
tagAddDiv.style.position = "absolute";
tagAddDiv.style.backgroundColor = "red";
tagAddDiv.style.borderRadius = "50%";
tagAddDiv.style.width = "50px";
tagAddDiv.style.height = "50px";
document.getElementById("iframecontainer").appendChild(tagAddDiv);
tagAddDiv.style.display = 'block';
buttonDisplayed = true;
}
}
}, 2000);
} catch (error) {
console.error(error);
}
tagAddDiv.addEventListener('click', function() {
movingTag = true;
if (!addingTag && !tag) {
addingTag = true;
mpSdk.Mattertag.add([{
label: "Tag added by C3D",
description: "Click to edit",
anchorPosition: {
x: intersectionCache.position.x,
y: intersectionCache.position.y,
z: intersectionCache.position.z
},
stemVector: {
x: 0,
y: 0.1,
z: 0
},
color: {
r: 1,
g: 0,
b: 0
},
}]).then((sid) => {
tag = sid[0];
}).then((tag) => {
if (addingTag == true) {
var aTag = document.createElement("BUTTON");
aTag.setAttribute("id", "myPlaceTag");
aTag.style.backgroundColor = "red";
aTag.style.width = "100px";
aTag.style.position = "absolute";
aTag.style.bottom = "10px"
aTag.style.left = "calc(100vw/2 - 50px";
aTag.style.zIndex = "10";
aTag.innerHTML = "PLACE TAG";
document.getElementById("iframecontainer").appendChild(aTag);
document.getElementById("myPlaceTag").addEventListener('click', function() {
window.addEventListener('blur', checkPlacement);
iframe.focus();
document.getElementById("myPlaceTag").parentNode.removeChild(document.getElementById("myPlaceTag"));
});
}
addingTag = false;
}).catch((e) => {
console.error(e);
addingTag = false;
})
}
tagAddDiv.style.display = 'none';
});
}
$(document).on('click', "#tagCancel", function() {
$("#tagControls").attr("hidden", true);
$("#controlWrapper").attr("hidden", true);
iframe.style.width = "100%";
closeFrame();
})
$(document).on('click', "#tagDelete", function() {
var formData = new FormData();
formData.append('editmodel', document.getElementById('editmodel').value);
formData.append('version', document.getElementById('version').value);
var realtagPos = lookup.indexOf(window.tag);
if (realtagPos != -1) {
formData.append('tagid', lookup[realtagPos + 1]);
} else {
formData.append('tagid', window.tag);
}
var request = new XMLHttpRequest();
request.open('POST', baseLoc + '/tagdelete.php');
request.setRequestHeader("Cache-Control", "no-cache");
request.send(formData);
request.onreadystatechange = function() {
if (request.readyState === 4) {
if (request.status === 200) {
console.log("Database Updated");
mpSdk.Mattertag.remove(window.tag)
$(".ssMsg").load(baseLoc + "/smessage.php");
document.getElementById("ssMsg").getAttribute("hidden");
document.getElementById("ssMsg").removeAttribute("hidden");
setTimeout(function() {
document.getElementById("ssMsg").setAttribute("hidden", true);
document.getElementById("ssMsg").innerHTML = "";
}, 2000);
$("#tagControls").attr("hidden", true);
$("#controlWrapper").attr("hidden", true);
iframe.style.width = "100%";
}
}
}
});
$(document).on('click', ".iconSelect", function() {
try {
icon = $(this).attr("data-type");
$("#tagType").val(icon).trigger('change');
//$("#tagType").trigger("change");
$("#iconPage").css("display", "none");
console.log("iconchanged")
} catch (error) {
console.error(error);
}
});
$(document).on('click', "#chooseIcon", function() {
$("#iconPage").css("display", "block");
content = baseLoc + "/assets/icons/chooseicon.php"
$("#iconPage").load(content);
});
$(document).on('click', "#tagSubmit", function() {
var tagAction = document.getElementById("tagAction");
if (tagAction.value == "none") {
alert("You must select a Tag Action");
return false;
}
var formData = new FormData();
if (window.type == "tag") {
var defact = document.getElementById('defact').checked;
if (document.getElementById('tagAction').value != "default") {
/* mpSdk.Mattertag.preventAction(window.newTag, {
opening: true,
navigating: true
});
*/
}
formData.append('master_type', window.type);
var tagtype = document.getElementById('tagType').value;
formData.append('tagimage', document.getElementById('tagType').value);
var tagcolor = document.getElementById("tagColor").value;
if (tagcolor.charAt(0) == "#") {
var adaptedtagcolor = tagcolor.substring(1, tagcolor.length);
} else {
var adaptedtagcolor = tagcolor;
}
formData.append('tagcolor', adaptedtagcolor);
var tagbg = document.getElementById("tagBackground").value;
if (tagbg.charAt(0) == "#") {
var adaptedtagbg = tagbg.substring(1, tagbg.length);
} else {
var adaptedtagbg = tagbg;
}
formData.append('tagbackground', adaptedtagbg);
formData.append('tagaction', document.getElementById('tagAction').value);
var checkAct = document.getElementById("defact").checked;
console.log(checkAct);
if (checkAct == true) {
var showTitle = 1;
console.log(checkAct);
formData.append('defact', "c");
} else {
console.log("FALSE");
var showTitle = 0;
formData.append('defact', "default");
}
var realtagPos = lookup.indexOf(window.tag);
if (realtagPos != -1) {
var tagid = lookup[realtagPos + 1];
} else {
var tagid = window.tag;
}
formData.append('tagid', tagid);
} else {
var defact = false;
formData.append('master_type', window.type);
formData.append('tagimage', "");
formData.append('tagcolor', "");
formData.append('tagbackground', "");
formData.append('tagaction', document.getElementById('tagAction').value);
formData.append('tagid', window.tag);
}
formData.append('editmodel', document.getElementById('editmodel').value);
formData.append('version', document.getElementById('version').value);
var request = new XMLHttpRequest();
request.open('POST', baseLoc + '/tagupdate.php');
request.setRequestHeader("Cache-Control", "no-cache");
request.send(formData);
request.onreadystatechange = function() {
if (request.readyState === 4) {
if (request.status === 200) {
console.log("Database Updated");
$(".ssMsg").load(baseLoc + "/smessage.php");
document.getElementById("ssMsg").getAttribute("hidden");
document.getElementById("ssMsg").removeAttribute("hidden");
setTimeout(function() {
document.getElementById("ssMsg").setAttribute("hidden", true);
document.getElementById("ssMsg").innerHTML = "";
}, 2000);
if (window.type == "tag") {
if (document.getElementById('tagAction').value != "default") {
/* mpSdk.Mattertag.preventAction(tagid, {
opening: true,
navigating: true
});
*/
}
mpSdk.Mattertag.registerIcon(tagtype, baseLoc + '/assets/icons/autogenerate.php?icon=' + tagtype + '&fill=' + adaptedtagcolor + '&background=' + adaptedtagbg);
mpSdk.Mattertag.editIcon(window.tag, tagtype);
}
$("#tagControls").attr("hidden", true);
}
}
}
var tagAction = document.getElementById('tagAction').value;
if (tagAction == "b3daudio") {
$("#noChangeAudio").removeAttr('hidden');
$("#linkAudio").removeAttr('hidden');
$(".hPara").removeAttr('hidden');
remove3JsInputs();
activeControl = $("#audiocontrols");
controlsOpen(activeControl);
console.log("OPENED");
var realtagPos = lookup.indexOf(window.tag);
console.log(lookup.indexOf(window.tag))
if (realtagPos != -1) {
var thistag = lookup[realtagPos + 1];
} else {
var thistag = window.tag;
}
var content = baseLoc + "/tagaudio.php?model=" + editmodel + "&version=" + version + "&tag=" + thistag + "&master_type=" + window.type + "&defact=" + defact;
$("#audiocontrols").load(content);
/*
$.ajaxSetup({
cache: false
});
$.get(content, function(data) {
if (data != "") {
var array = JSON.parse(data);
console.log("GOT IT" + array)
$("#buttonValue").val(array.buttonval);
$("#title").val(array.title);
$("#autranscription").val(array.transcription);
if (array.buttonval != "") {
$("#tagDescription").removeAttr("hidden");
$("#tagTitle").removeAttr("hidden");
$("#addToNav").attr("checked", true);
}
} else {
$("#buttonValue").val("");
$("#title").val("");
$("#autranscription").val("");
}
});*/
}
if (tagAction == "b3dext") {
remove3JsInputs();
activeControl = $("#mmControls");
controlsOpen(activeControl);
var realtagPos = lookup.indexOf(window.tag);
if (realtagPos != -1) {
var thistag = lookup[realtagPos + 1];
} else {
var thistag = window.tag;
}
var content = baseLoc + "/tagmm.php?model=" + editmodel + "&version=" + version + "&tag=" + thistag + "&master_type=" + window.type + "&defact=" + defact;
$("#mmControls").load(content);
}
if (tagAction == "b3dvideo") {
remove3JsInputs();
activeControl = $("#videocontrols");
controlsOpen(activeControl);
var realtagPos = lookup.indexOf(window.tag);
if (realtagPos != -1) {
var thistag = lookup[realtagPos + 1];
} else {
var thistag = window.tag;
}
var content = baseLoc + "/tagvideo.php?model=" + editmodel + "&version=" + version + "&tag=" + thistag + "&showtitle=" + showTitle + "&master_type=" + window.type + "&defact=" + defact;
$("#videocontrols").load(content);
}
if (tagAction == "b3dimage") {
remove3JsInputs();
activeControl = $("#photoControls");
controlsOpen(activeControl);
var realtagPos = lookup.indexOf(window.tag);
if (realtagPos != -1) {
var thistag = lookup[realtagPos + 1];
} else {
var thistag = window.tag;
}
var content = baseLoc + "/tagimage.php?model=" + editmodel + "&version=" + version + "&tag=" + thistag + "&master_type=" + window.type + "&defact=" + defact;
$("#photoControls").load(content);
}
if (tagAction == "b3dnav") {
remove3JsInputs();
activeControl = $("#navcontrols");
controlsOpen(activeControl);
var realtagPos = lookup.indexOf(window.tag);
if (realtagPos != -1) {
var thistag = lookup[realtagPos + 1];
} else {
var thistag = window.tag;
}
var content = baseLoc + "/tagnav.php?model=" + editmodel + "&version=" + version + "&tag=" + thistag + "&master_type=" + window.type + "&defact=" + defact;
$("#navcontrols").load(content);
console.log("DONE");
}
if (tagAction == "default") {
if ((defact && window.type == "tag") || window.type == "sweep") {
remove3JsInputs();
activeControl = $("#defaultcontrols");
controlsOpen(activeControl);
var realtagPos = lookup.indexOf(window.tag);
if (realtagPos != -1) {
var thistag = lookup[realtagPos + 1];
} else {
var thistag = window.tag;
}
var content = baseLoc + "/tagdefault.php?model=" + editmodel + "&version=" + version + "&tag=" + thistag + "&master_type=" + window.type + "&defact=" + defact;
$("#defaultcontrols").load(content);
} else {
document.getElementById("controlWrapper").setAttribute("hidden", true);
iframe.style.width = "100%";
window.tag = null;
}
}
if (tagAction == "b3dcode") {
remove3JsInputs();
$("#htmlcontrols").removeAttr("hidden");
activeControl = $("#htmlcontrols");
controlsOpen(activeControl);
var realtagPos = lookup.indexOf(window.tag);
if (realtagPos != -1) {
var thistag = lookup[realtagPos + 1];
} else {
var thistag = window.tag;
}
var content = baseLoc + "/tagscript.php?model=" + editmodel + "&version=" + version + "&tag=" + thistag + "&master_type=" + window.type + "&defact=" + defact;
$("#htmlcontrols").load(content);
}
if (tagAction == "b3dsweeptag") {
remove3JsInputs();
$("#htmlcontrols").removeAttr("hidden");
activeControl = $("#htmlcontrols");
controlsOpen(activeControl);
var realtagPos = lookup.indexOf(window.tag);
if (realtagPos != -1) {
var thistag = lookup[realtagPos + 1];
} else {
var thistag = window.tag;
}
var content = baseLoc + "/customsweep.php?model=" + editmodel + "&version=" + version + "&sweep=" + thistag + "&master_type=" + window.type + "&defact=" + defact;
$("#htmlcontrols").load(content);
}
})
} catch (error) {
console.error(error);
}
}
$(document).on('click', "#htmlsubmit", function() {
var formData = new FormData();
formData.append('tagcode', document.getElementById('scriptinput').value);
formData.append('taghtml', document.getElementById('htmlinput').value);
formData.append('title', document.getElementById('codeButton').value);
formData.append('navtext', document.getElementById('codeTitle').value);
formData.append('css', document.getElementById('scriptCss').value);
var realtagPos = lookup.indexOf(window.tag);
if (realtagPos != -1) {
formData.append('tagid', lookup[realtagPos + 1]);
var translatetag = lookup[realtagPos + 1];
} else {
formData.append('tagid', window.tag);
var translatetag = window.tag;
}
formData.append('editmodel', document.getElementById('editmodel').value);
formData.append('version', document.getElementById('version').value);
var request = new XMLHttpRequest();
request.open('POST', baseLoc + '/tagscriptupload.php');
request.setRequestHeader("Cache-Control", "no-cache");
request.send(formData);
request.onreadystatechange = function() {
if (request.readyState === 4) {
if (request.status === 200) {
fetch(baseLoc + '/translatedelete.php?model=' + document.getElementById('editmodel').value + '&version=' + document.getElementById('version').value + '&tagid=' + translatetag)
console.log("Database Updated");
$(".ssMsg").load(baseLoc + "/smessage.php");
$("#htmlcontrols").attr("hidden", true);
$("#controlWrapper").attr("hidden", true);
iframe.style.width = "100%";
document.getElementById("ssMsg").getAttribute("hidden");
document.getElementById("ssMsg").removeAttribute("hidden");
var refreshpoints = baseLoc + "/currentcodepoints.php?model=" + editmodel + "&version=" + version;
//setTimeout(function() {
$("#existingCodeRow").load(refreshpoints);
document.getElementById("ssMsg").setAttribute("hidden", true);
document.getElementById("ssMsg").innerHTML = "";
//}, 2000);
}
var exformData = new FormData();
exformData.append('editmodel', document.getElementById('editmodel').value);
exformData.append('version', document.getElementById('version').value);
exformData.append('type', "code");
var realtagPos = lookup.indexOf(window.tag);
if (realtagPos != -1) {
exformData.append('sweep', lookup[realtagPos + 1]);
} else {
exformData.append('sweep', window.tag);
}
var exrequest = new XMLHttpRequest();
exrequest.open('POST', baseLoc + '/deleteexistingonchange.php');
exrequest.setRequestHeader("Cache-Control", "no-cache");
exrequest.send(exformData);
exrequest.onreadystatechange = function() {
if (exrequest.readyState === 4) {
if (exrequest.status === 200) {
console.log("Existing Media Deleted");
window.tag = null;
}
}
}
}
}
});
mpSdk.Model.getDetails().then(function(model) {
modelData = model;
modelId = model.sid;
});
const transition = mpSdk.Sweep.Transition.INSTANT;
var guidedTour = 0;
var sweepNumber = 0;
var rotNumber = 1;
$("#guidedTour").on('click', function() {
if (guidedTour == 0) {
guidedtour = 1;
if (typeof tArray != "undefined" && tArray != null) {
var vtsweeps = vtArray;
var vtsweepsLength = vtsweeps.length;
$("#audio").on('ended', function() {
if (sweepNumber < vtsweepsLength) {
sweepNumber = sweepNumber + 2;
rotNumber = rotNumber + 2;
var sweepId = vtsweeps[sweepNumber];
var rotId = JSON.parse(vtsweeps[rotNumber]);
mpSdk.Sweep.moveTo(sweepId, {
rotation: rotId,
transition: mpSdk.Sweep.Transition.FADE
});
}
})
}
} else {
guidedTour = 0;
}
});
function executeCode(tag) {
mediatype = "code";
mediacss = "";
if (document.getElementById("mediaframe")) {
closeFrame();
} else {
if ($('#mediaTitleHolder').hasClass('minimal')) {
$('#mediaTitleHolder').removeClass('minimal');
}
if ($('#mediaTitleHolder').hasClass('pic')) {
$('#mediaTitleHolder').removeClass('pic');
}
if ($('#monitor').hasClass('monitor')) {
$('#monitor').removeClass('monitor');
}
if ($('#monitor').hasClass('min')) {
$('#monitor').removeClass('min');
}
if ($('#monitor').hasClass('picframe')) {
$('#monitor').removeClass('picframe');
}
$('#monitor').addClass('standard');
mediaframe = document.createElement('iframe');
mediaframe.setAttribute('id', 'mediaframe');
mediaframe.style.backgroundColor = 'white';
mediaframe.setAttribute('width', '100%');
mediaframe.setAttribute('height', '100%');
mediaframe.setAttribute("scrolling", "yes");
mediaframe.setAttribute("sandbox", "allow-same-origin allow-scripts allow-popups allow-forms allow-modals");
}
if (audio.duration > 0 && !audio.paused) {
audio.pause();
if (ppInMpControls == "0") {
document.getElementById("audioPlayPause").style.display = "none";
} else {
iframe.contentWindow.document.getElementById("audioPlayPause").style.display = "none";
}
$("#apptranscription").css("z-index", -50);
}
embedlink = baseUrl + "/htmlembed?tag=" + tag;
console.log(tag);
mediaframe.setAttribute('src', embedlink);
document.getElementById('mediaholder').prepend(mediaframe);
if (typeof gainNode !== 'undefined') {
if (os != "iOS" && os != "Mac OS") {
gainNode.gain.setTargetAtTime(0.1, bgcontext.currentTime, 1);
gainNode2.gain.setTargetAtTime(0.8, bgcontext.currentTime, 0.5);
}
}
$('#popupframe').addClass('showing').removeClass('hidden');
$('#mediaholder').addClass('showing').removeClass('hidden');
if (sPath != "tagbuilder" && sPath != "tagbuilderdevnew") {
$("#audioContainer").addClass("blurry");
$("#showcase_iframe").addClass("blurry");
}
naturalWidth = null;
updateCss();
}
function tick(tickertime, sweepPos, thismedia, type) {
var transcription = "";
if (jArray[sweepPos + 4] != "") {
transcription = jArray[sweepPos + 4];
} else {
transcription = jArray[sweepPos + 3];
}
if (transcription != "") {
var spanSelector = document.querySelector('.marquee span');
spanSelector.innerHTML = transcription;
$("#apptranscription").removeAttr("hidden");
spanSelector.style.animationDuration = tickertime + 1 + "s";
$('.marquee span').css("animation-play-state", "running");
$('.marquee span').css("webkitAnimation-play-state", "running");
if (toggletranscripts == 1) {
console.log("started");
$("#apptranscription").css("z-index", 0);
};
}
}
function audioplay(type, to) {
if (type != null) {
window.typeofaudio = "SWEEP";
}
if (typeof audio !== 'undefined') {
var audiogen = 0;
var audio1 = 0;
var firstaudio = 0;
if (typeof jArray !== 'undefined') {
var sweeps = jArray;
}
var isListened = listened.includes(to);
if (!isListened) {
var isPresent = jArray.includes(to);
if (isPresent) {
if (startButton) {
var elm = document.querySelector('.marquee span');
elm.innerHTML = "";
var newone = elm.cloneNode(true);
elm.parentNode.replaceChild(newone, elm);
$('.marquee span').css("animation-play-state", "paused");
$('.marquee span').css("webkitAnimation-play-state", "paused");
}
if (document.getElementById("mediaframe")) {
closeFrame();
}
var sweepPos = jArray.indexOf(to);
var audiofile = jArray[sweepPos + 1];
if (audio1 == 0) {
document.getElementById('audioplayer').appendChild(audio);
}
if (ppInMpControls == "0") {
document.getElementById("audioPlayPause").innerHTML = "
";
if (document.getElementById("audioPlayPause").style.display == "none") {
document.getElementById("audioPlayPause").style.display = "block";
}
} else {
iframe.contentWindow.document.getElementById("audioPlayPause").innerHTML = "
";
if (iframe.contentWindow.document.getElementById("audioPlayPause").style.display == "none") {
iframe.contentWindow.document.getElementById("audioPlayPause").style.display = "block";
}
}
if (audiogen == 0) {
audio.crossOrigin = "anonymous";
if (audiofile.includes(window.location.hostname)) {
audio.src = audiofile;
} else {
audio.src = "https://orange-glade-6ff7.boost3d.workers.dev/corsproxy/?apiurl=" + audiofile;
}
audio.type = 'audio/mpeg';
audio.controls = false;
audio.load();
if (hearingimpaired == 1) {
if (startButton) {
var seconds = 0;
function incrementSeconds() {
seconds += 1;
}
$(audio).on("loadedmetadata", getduration)
function getduration() {
var type = "audio"
var tickertime = audio.duration;
var thismedia = audio;
tick(tickertime, sweepPos, thismedia, type);
};
audio.onended = function() {
if (typeof gainNode !== 'undefined') {
gainNode.gain.setTargetAtTime(0.3, bgcontext.currentTime, 0.5);
}
gainNode2.gain.setTargetAtTime(0.1, bgcontext.currentTime, 0.5);
console.log("ended");
if ($('.marquee span').length > 0) {
//setTimeout(function() {
$('.marquee span').html("");
$('.marquee span').css("animation-play-state", "paused");
$('.marquee span').css("webkitAnimation-play-state", "paused");
if (ppInMpControls == "0") {
document.getElementById("audioPlayPause").style.display = "none";
} else {
iframe.contentWindow.document.getElementById("audioPlayPause").style.display = "none";
}
$("#apptranscription").attr("hidden", true);
//}, 500);
}
}
}
} else {
audio.onended = function() {
console.log("ENDED");
if (typeof gainNode !== 'undefined') {
gainNode.gain.setTargetAtTime(0.1, bgcontext.currentTime, 1);
}
gainNode2.gain.setTargetAtTime(0.3, bgcontext.currentTime, 0.5);
if (ppInMpControls == "0") {
document.getElementById("audioPlayPause").style.display = "none";
} else {
iframe.contentWindow.document.getElementById("audioPlayPause").style.display = "none";
}
audio.src = "";
};
}
//document.getElementById("audioPlayPause").style.display = "block";
if (annyang) {
if (os != "Mac OS" && os != "iOS" && os != "Android" && voiceControl == "1") {
annyang.pause();
}
}
if (os != "iOS" && os != "Mac OS") {
if (typeof gainNode !== 'undefined') {
gainNode.gain.setTargetAtTime(0.05, bgcontext.currentTime, 1);
}
gainNode2.gain.setTargetAtTime(1, bgcontext.currentTime, 1);
}
setTimeout ( function () {
var playPromise = audio.play();
if (playPromise !== undefined) {
playPromise.then(_ => {
// Automatic playback started!
// Show playing UI.
}).catch(error => {
// Auto-play was prevented
// Show paused UI.
console.error(error);
});
}
},1000);
if (modelExists) {
if (window.audioOverride == 1) {
audio1 = 0;
audiogen = 0;
} else {
audio1 = 1;
audiogen = 1;
}
window.audioOverride = 0;
if (typeof type != "undefined") {
if (persistantmedia != "1") {
if (type == "sweep") {
listened.push(to);
}
}
}
}
}
}
}
goAnnyang = "go";
}
}
function mediaplay(type, to) {
if (typeof mArray !== 'undefined') {
var mediasweeps = mArray;
}
var isListened = listened.includes(to);
if (!isListened) {
var isMediaPresent = mArray.includes(to);
if (isMediaPresent) {
if (annyang) {
if (os != "Mac OS" && os != "iOS" && os != "Android" && voiceControl == "1") {
annyang.pause();
}
}
var sweepPos = mArray.indexOf(to);
var mediafile = mArray[sweepPos + 1];
mediatype = mArray[sweepPos + 2];
var mediatitle = mArray[sweepPos + 4];
mediacss = mArray[sweepPos + 6];
var puf = document.getElementById("popupframe")
var mon = document.getElementById("monitor");
var mt = document.getElementById("mediaTitle");
var eid = mArray[sweepPos + 3];
if (audio.duration > 0 && !audio.paused) {
audio.pause();
if (ppInMpControls == "0") {
document.getElementById("audioPlayPause").style.display = "none";
} else {
iframe.contentWindow.document.getElementById("audioPlayPause").style.display = "none";
}
$("#apptranscription").css("z-index", -50);
}
if (document.getElementById("mediadescclassic")) {
document.getElementById("mediadescclassic").parentNode.removeChild(document.getElementById("mediadescclassic"));
}
if (document.getElementById("mediaframe")) {
document.getElementById("mediaframe").parentNode.removeChild(document.getElementById("mediaframe"));
}
puf.removeAttribute('style');
if (mediatype == "stmedia" || mediatype == "360 IMAGE") {
mediaframe = document.createElement('iframe');
if (mediacss != "classic") {
$(".loading-ring").css("display", "block");
mediaframe.onload = function() {
$(".loading-ring").css("display", "none");
}
} else {
if (!mobile) {
var mediadesc = document.createElement("div");
mediadesc.id = "mediadescclassic";
mediadesc.style.clear = "both";
var mediaspan = document.createElement("span");
mediaspan.id = "mediaspanclassic"
mediaspan.innerHTML = mArray[sweepPos + 5];
mediadesc.append(mediaspan);
document.getElementById('monitor').insertBefore(mediadesc, document.getElementById('monitor').children[1]);
}
}
mediaframe.setAttribute('id', 'mediaframe');
mediaframe.setAttribute("scrolling", "yes");
mediaframe.setAttribute("allow", "autoplay");
mediaframe.setAttribute("playsinline", true);
mediaframe.setAttribute("allowfullscreen", true);
mediaframe.setAttribute("mozallowfullscreen", true);
mediaframe.setAttribute("webkitallowfullscreen", true);
if (mediatype == "stmedia") {
naturalWidth = null;
mediaframe.loading = 'eager';
embedlink = mediafile;
}
if (mediatype == "360 IMAGE") {
naturalWidth = null;
embedlink = baseUrl + "/360imageembed?eid=" + mediafile;
}
mediaframe.setAttribute('src', embedlink);
updateCss();
document.getElementById('mediaholder').prepend(mediaframe);
if (sPath != "tagbuilder" && sPath != "tagbuilderdevnew") {
$("#audioContainer").addClass("blurry");
$("#showcase_iframe").addClass("blurry");
}
$('#popupframe').addClass('showing').removeClass('hidden');
$('#mediaholder').addClass('showing').removeClass('hidden');
} else {
if (mediatype == "FLAT IMAGE PORTRAIT" || mediatype == "FLAT IMAGE LANDSCAPE" || mediatype == "FLAT IMAGE SQUARE") {
mediaframe = document.createElement('img');
mediaframe.setAttribute('id', 'mediaframe');
mediaframe.setAttribute('width', '100%');
mediaframe.setAttribute('height', '100%');
embedlink = mediafile;
mediaframe.setAttribute('src', embedlink);
var poll = setInterval(function() {
if (mediaframe.naturalWidth) {
clearInterval(poll);
naturalWidth = mediaframe.naturalWidth;
naturalHeight = mediaframe.naturalHeight
updateCss();
document.getElementById('mediaholder').appendChild(mediaframe);
if (sPath != "tagbuilder" && sPath != "tagbuilderdevnew") {
$("#audioContainer").addClass("blurry");
$("#showcase_iframe").addClass("blurry");
}
$('#popupframe').addClass('showing').removeClass('hidden');
$('#mediaholder').addClass('showing').removeClass('hidden');
}
}, 10);
}
}
if (mobile && !iPad) {
document.getElementById('mediaTitle').innerHTML = "";
} else {
if (mediacss == "classic") {
console.log("CLASSIC");
document.getElementById('mediaTitle').innerHTML = "
" + mediatitle + "
";
} else {
document.getElementById('mediaTitle').innerHTML = mediatitle;
}
}
if (typeof gainNode !== 'undefined') {
if (os != "iOS" && os != "Mac OS") {
gainNode.gain.setTargetAtTime(0.05, bgcontext.currentTime, 1);
gainNode2.gain.setTargetAtTime(1, bgcontext.currentTime, 0.5);
}
}
if (typeof type != "undefined") {
if (persistantmedia != "1") {
if (type == "sweep") {
listened.push(to);
}
}
}
// Move successful.
}
}
}
function executeNav(from, to) {
var whereTo = "";
var tagPos = 0;
if ((sPath != "tagbuilder" && sPath != "tagbuilderdevnew") || from == "MENU") {
console.log(from)
if (to.substring(0, 5) != "https") {
tagPos = navArray.indexOf(to);
whereTo = navArray[tagPos + 3];
whereToInt = navArray[tagPos + 5];
} else {
whereTo = to;
}
if (whereTo.substring(0, 5) != "https") {
if (whereToInt != "" && whereToInt != "sweep unused") {
var wtJson = JSON.parse(whereToInt);
mpSdk.Sweep.moveTo(wtJson[0].sid, {
rotation: JSON.parse(wtJson[0].rotation),
transition: mpSdk.Sweep.Transition.FADE
});
}
return;
} else {
$("#tourlogoimage").fadeOut(1000);
var goBack = document.createElement("div");
goBack.id = "goBack";
goBack.style.position = "absolute";
goBack.style.top = "20px";
goBack.style.right = "40px";
goBack.style.width = "35px";
goBack.style.height = "35px";
goBack.style.fontSize = "25px";
goBack.style.fontWeight = "700";
goBack.style.textAlign = "center";
goBack.style.lineHeight = "33px";
goBack.style.border = "3px solid #" + cssFg;
goBack.style.borderRadius = "5px";
goBack.style.zIndex = 200;
goBack.style.color = "#" + cssFg;
goBack.style.background = "#" + cssBg;
goBack.style.cursor = "pointer";
goBack.innerHTML = "
X";
/*$(function() {
var state = false;
var int = setInterval(function() {
if (state) {
$("#goBack").animate({
color: "#" + cssFg,
}, 1000);
state = !state;
} else {
$("#goBack").animate({
color: "#" + cssBg,
}, 1000);
state = !state;
}
}, 1000);
$('#goBack').hover(function() {
clearInterval(int);
int = null;
});
});
*/
if (os != "iOS" && os != "Mac OS") {
if (typeof bgAudio != "undefined" && bgAudio != "") {
if (audioBG.duration > 0 && !audioBG.paused) {
audioBG.pause();
}
}
}
if (audio.duration > 0 && !audio.paused) {
if (ppInMpControls == "0") {
document.getElementById("audioPlayPause").style.display = "none";
} else {
iframe.contentWindow.document.getElementById("audioPlayPause").style.display = "none";
}
audio.pause();
isPaused = true;
if (hearingimpaired == 1) {
$("#apptranscription").css("z-index", -50);
$(".marquee span").css("animation-play-state", "paused");
$(".marquee span").css("webkitAnimation-play-state", "paused");
}
}
}
if (from == "MENU") {
document.getElementById("iframecontainer").prepend(goBack);
} else {
document.getElementById("framecontainer").prepend(goBack);
}
goBack.addEventListener("click", backToMainTour);
$("#audioContainer").fadeOut(1000);
$(".controlbuttons").fadeOut(1000);
$("#showcase_iframe").fadeOut(1000);
var newframe = document.createElement("iframe");
newframe.id = "iframe2";
if (from == "MENU") {
document.getElementById("iframecontainer").appendChild(newframe);
} else {
document.getElementById("framecontainer").appendChild(newframe);
}
newframe.style.width = "100%";
newframe.style.height = "100%";
newframe.style.position = "absolute";
newframe.style.top = "0px";
newframe.src = whereTo;
$("#iframe2").fadeIn(1000);
}
};
function vidtick(tickertime, sweepPos, thismedia, type) {
var transcription = vArray[sweepPos + 7];
var spanSelector = document.querySelector('.marquee span');
if (transcription.length > 0) {
spanSelector.innerHTML = transcription;
$("#apptranscription").removeAttr("hidden");
spanSelector.style.animationDuration = tickertime + 1 + "s";
$('.marquee span').css("animation-play-state", "running");
$('.marquee span').css("webkitAnimation-play-state", "running");
if (toggletranscripts == 1) {
$("#apptranscription").css("z-index", 50);
};
}
}
function videoplay(type, to) {
if (typeof vArray !== 'undefined') {
var videosweeps = vArray;
}
var isListened = listened.includes(to);
if (!isListened) {
var isVideoPresent = vArray.includes(to);
if (isVideoPresent) {
var sweepPos = vArray.indexOf(to);
var videofile = vArray[sweepPos + 1];
embedlink = videofile;
var videotitle = vArray[sweepPos + 2];
var videomute = vArray[sweepPos + 3];
var tsovid = vArray[sweepPos + 4];
mediatype = "video";
mediacss = vArray[sweepPos + 6];
var puf = document.getElementById("popupframe")
var mon = document.getElementById("monitor");
var mt = document.getElementById("mediaTitle");
if (annyang) {
if (os != "Mac OS" && os != "iOS" && os != 'Android' && voiceControl == "1") {
annyang.pause();
}
}
if (audio.duration > 0 && !audio.paused) {
audio.pause();
if (ppInMpControls == "0") {
document.getElementById("audioPlayPause").style.display = "none";
} else {
iframe.contentWindow.document.getElementById("audioPlayPause").style.display = "none";
}
$("#apptranscription").css("z-index", -50);
}
if (document.getElementById("mediadescclassic")) {
document.getElementById("mediadescclassic").parentNode.removeChild(document.getElementById("mediadescclassic"));
}
if (document.getElementById("mediaframe")) {
document.getElementById("mediaframe").parentNode.removeChild(document.getElementById("mediaframe"));
}
if (tsovid == "yes") {
mediaframe = document.createElement('iframe');
mediaframe.setAttribute('id', 'mediaframe');
mediaframe.setAttribute("scrolling", "yes");
mediaframe.setAttribute("allow", "autoplay");
mediaframe.setAttribute("playsinline", true);
if (videomute == "yes") {
if (embedlink.includes(window.location.hostname)) {
mediaframe.setAttribute('src', baseUrl + "/360videoembed?eid=" + embedlink + "?muted=true");
} else {
mediaframe.setAttribute('src', baseUrl + "/360videoembed?eid=https://orange-glade-6ff7.boost3d.workers.dev/corsproxy/?apiurl=" + embedlink + "?muted=true");
}
mediaframe.muted = true;
} else {
if (embedlink.includes(window.location.hostname)) {
mediaframe.setAttribute('src', baseUrl + "/360videoembed?eid=" + embedlink);
} else {
mediaframe.setAttribute('src', baseUrl + "/360videoembed?eid=https://orange-glade-6ff7.boost3d.workers.dev/corsproxy/?apiurl=" + embedlink);
}
}
} else {
try {
mediaframe = document.createElement('video');
mediaframe.setAttribute('id', 'mediaframe');
mediaframe.setAttribute('width', '100%');
mediaframe.setAttribute('height', '100%');
mediaframe.setAttribute("controls", true);
mediaframe.setAttribute("controlsList", "nodownload");
mediaframe.setAttribute("oncontextmenu", "return false");
mediaframe.setAttribute("autoplay", true);
mediaframe.setAttribute("playsinline", true);
if (videomute == "yes" || sPath == "tagbuilder" || sPath == "tagbuilderdevnew") {
if (embedlink.includes(window.location.hostname)) {
mediaframe.setAttribute('src', embedlink + "?muted=true");
} else {
mediaframe.setAttribute('src', "https://orange-glade-6ff7.boost3d.workers.dev/corsproxy/?apiurl=" + embedlink + "?muted=true");
}
mediaframe.muted = true;
if (os != "iOS" && os != "Mac OS") {
if (typeof gainNode !== 'undefined') {
gainNode.gain.setTargetAtTime(0.05, bgcontext.currentTime, 1);
}
gainNode2.gain.setTargetAtTime(1, bgcontext.currentTime, 1);
}
} else {
if (embedlink.includes(window.location.hostname)) {
mediaframe.setAttribute('src', embedlink);
} else {
mediaframe.setAttribute('src', "https://orange-glade-6ff7.boost3d.workers.dev/corsproxy/?apiurl=" + embedlink);
}
if (hearingimpaired == 1) {
if (startButton) {
var seconds = 0;
function incrementSeconds() {
seconds += 1;
}
$(mediaframe).on("loadedmetadata", getduration)
function getduration() {
var type = "video"
var tickertime = mediaframe.duration;
var thismedia = mediaframe;
vidtick(tickertime, sweepPos, thismedia, type);
};
mediaframe.onended = function() {
if (typeof gainNode !== 'undefined') {
gainNode.gain.setTargetAtTime(0.3, bgcontext.currentTime, 1);
}
gainNode2.gain.setTargetAtTime(0.1, bgcontext.currentTime, 0.5);
console.log("hidden media");
if ($('.marquee span').length > 0) {
setTimeout(function() {
$('.marquee span').html("");
$('.marquee span').css("animation-play-state", "paused");
$('.marquee span').css("webkitAnimation-play-state", "paused");
if (ppInMpControls == "0") {
document.getElementById("audioPlayPause").style.display = "none";
} else {
iframe.contentWindow.document.getElementById("audioPlayPause").style.display = "none";
}
$("#apptranscription").attr("hidden", true);
}, 500);
}
}
}
} else {
mediaframe.onended = function() {
if (typeof gainNode !== 'undefined') {
gainNode.gain.setTargetAtTime(0.3, bgcontext.currentTime, 1);
}
gainNode2.gain.setTargetAtTime(0.1, bgcontext.currentTime, 0.5);
mediaframe.src = "";
};
}
//QUICKFIXED - NEEDS ATTENTION CF COOKIE mediaframe.setAttribute('src', baseUrl + "/videoembed?embedurl=" + embedlink);
//if (os != "iOS" && os != "Mac OS"){
//gainNode3.gain.setValueAtTime(0.8, bgcontext.currentTime, 0.6);
//}
}
} catch (error) {
console.error(error);
}
}
if (typeof gainNode !== 'undefined') {
if (os != "iOS" && os != "Mac OS") {
gainNode.gain.setTargetAtTime(0.1, bgcontext.currentTime, 1);
}
}
document.getElementById('mediaholder').appendChild(mediaframe);
if (mobile && !iPad) {
document.getElementById('mediaTitle').innerHTML = "";
} else {
if (mediacss != "classic") {
$(".loading-ring").css("display", "block");
mediaframe.onload = function() {
$(".loading-ring").css("display", "none");
}
} else {
if (!mobile) {
var mediadesc = document.createElement("div");
mediadesc.id = "mediadescclassic";
mediadesc.style.clear = "both";
var mediaspan = document.createElement("span");
mediaspan.id = "mediaspanclassic"
mediaspan.innerHTML = mArray[sweepPos + 5];
mediadesc.append(mediaspan);
document.getElementById('monitor').insertBefore(mediadesc, document.getElementById('monitor').children[1]);
}
}
}
if (sPath != "tagbuilder" && sPath != "tagbuilderdevnew") {
$("#audioContainer").addClass("blurry");
$("#showcase_iframe").addClass("blurry");
}
$('#popupframe').addClass('showing').removeClass('hidden');
$('#mediaholder').addClass('showing').removeClass('hidden');
updateCss();
if (typeof type != "undefined") {
if (persistantmedia != "1") {
if (type == "sweep") {
listened.push(to);
}
}
}
// Move successful.
}
}
}
}
window.addEventListener('DOMContentLoaded', (event) => {
//recordButton = document.getElementById("record");
//recordButton = $("#record");
//noChangeAudioButton = document.getElementById("noChangeAudio");
//linkButton = document.getElementById("linkAudio");
//list = document.getElementById('recordings');
//webkitURL is deprecated but nevertheless
URL = window.URL || window.webkitURL;
var gumStream; //stream from getUserMedia()
var recorder; //WebAudioRecorder object
var input; //MediaStreamAudioSourceNode we'll be recording
var encodingType; //holds selected encoding for resulting audio (file)
encodeAfterRecord = true; // when to encode
// shim for AudioContext when it's not avb.
var encodingTypeSelect = "mp3";
/*if (recordButton) {
linkButton.getAttribute('hidden');
linkButton.removeAttribute('hidden');
linkButton.addEventListener("click", insertAudioLink);
recordButton.getAttribute('hidden');
recordButton.removeAttribute('hidden');
recordButton.addEventListener("click", startRecording);
}*/
});
$(document).on("click", "#audioLinkSubmit", linkUpload);
$(document).on("click", "#record", startRecording);
function insertAudioLink() {
$("#noChangeAudio").attr('hidden', true);
document.getElementById("audioLinkHolder").removeAttribute('hidden');
linkButton.setAttribute('hidden', true);
recordButton.setAttribute('hidden', true);
noChangeAudioButton.setAttribute('hidden', true);
$(".hPara").attr("hidden", true);
document.getElementById("ssMsg").setAttribute("hidden", true);
document.getElementById("ssMsg").innerHTML = "";
}
$(document).on('click', "#noChangeAudio", function() {
try {
var formData = new FormData();
formData.append('title', document.getElementById('titleValue').value);
formData.append('button', document.getElementById('buttonValue').value);
formData.append('subSelect', document.getElementById('subSelect').value);
formData.append('dirpath', "nochange");
formData.append('editmodel', document.getElementById('editmodel').value);
formData.append('version', document.getElementById('version').value);
formData.append('transcript', document.getElementById('autranscription').value);
formData.append('audioSelect', document.getElementById('audioSelect').value);
formData.append('voiceControl', document.getElementById('voiceControl').value);
var realtagPos = lookup.indexOf(window.tag);
if (realtagPos != -1) {
formData.append('sweep', lookup[realtagPos + 1]);
} else {
formData.append('sweep', window.tag);
}
if (window.type == "tag") {
formData.append('rotation', "tag_unused");
} else {
formData.append('rotation', window.rotation);
}
var checkBox = document.getElementById('requirebutton');
formData.append('note', "");
var request = new XMLHttpRequest();
request.open('POST', baseLoc + '/dbupdate.php');
request.setRequestHeader("Cache-Control", "no-cache");
request.send(formData);
request.onreadystatechange = function() {
if (request.readyState === 4) {
if (request.status === 200) {
document.getElementById("controlWrapper").setAttribute("hidden", true);
iframe.style.width = "100%";
console.log("Database Updated");
window.tag = null;
$(".ssMsg").load(baseLoc + "/smessage.php");
document.getElementById("ssMsg").getAttribute("hidden");
document.getElementById("ssMsg").removeAttribute("hidden");
document.getElementById('audioLink').value = '';
// linkButton.removeAttribute('hidden');
// recordButton.removeAttribute('hidden');
// hPara.removeAttribute('hidden');
document.getElementById("audioLinkHolder").setAttribute('hidden', true);
var refreshpoints = baseLoc + "/currentpoints.php?model=" + editmodel + "&version=" + version;
setTimeout(function() {
document.getElementById("ssMsg").setAttribute("hidden", true);
document.getElementById("ssMsg").innerHTML = "";
$("#existingRow").load(refreshpoints);
}, 2000);
}
}
}
} catch (error) {
console.error(error);
}
});
function linkUpload() {
/*var file = document.getElementById('audioLink').files[0];
// for (let i = 0; i < files.length; i++) {
// let file = files[i];
$(".ssMsg").html("UPLOADING - PLEASE WAIT");
document.getElementById("ssMsg").getAttribute("hidden");
document.getElementById("ssMsg").removeAttribute("hidden");
fetch(baseLoc + `/blobhandle.php`, {
method: "POST",
body: file
}).then(response => {
if (response.ok) return response;
}).then(response => {
var blobData = new FormData();
blobData.append('dirpath', document.getElementById('directoryName').value);
blobData.append('editmodel', document.getElementById('editmodel').value);
blobData.append('version', document.getElementById('version').value);
var blobrequest = new XMLHttpRequest();
blobrequest.open('POST', baseLoc + '/upload.php');
blobrequest.send(blobData);
console.log("Audio Uploaded");
blobrequest.onreadystatechange = function() {
if (blobrequest.readyState === 4) {
if (blobrequest.status === 200) { */
var formData = new FormData();
formData.append('audio', document.getElementById('audioLink').value);
formData.append('dirpath', document.getElementById('directoryName').value);
formData.append('editmodel', document.getElementById('editmodel').value);
formData.append('version', document.getElementById('version').value);
formData.append('title', document.getElementById('titleValue').value);
formData.append('subSelect', document.getElementById('subSelect').value);
formData.append('transcript', document.getElementById('autranscription').value);
formData.append('audioSelect', document.getElementById('audioSelect').value);
formData.append('voiceControl', document.getElementById('voiceControl').value);
var realtagPos = lookup.indexOf(window.tag);
if (realtagPos != -1) {
formData.append('sweep', lookup[realtagPos + 1]);
} else {
formData.append('sweep', window.tag);
}
if (window.type == "tag") {
formData.append('rotation', "tag_unused");
} else {
formData.append('rotation', window.rotation);
}
var checkBox = document.getElementById('requirebutton');
formData.append('button', document.getElementById('buttonValue').value);
formData.append('note', "");
var request = new XMLHttpRequest();
request.open('POST', baseLoc + '/dbupdate.php');
request.setRequestHeader("Cache-Control", "no-cache");
request.send(formData);
request.onreadystatechange = function() {
if (request.readyState === 4) {
if (request.status === 200) {
document.getElementById("controlWrapper").setAttribute("hidden", true);
iframe.style.width = "100%";
console.log("Database Updated");
window.tag = null;
$(".ssMsg").load(baseLoc + "/smessage.php");
document.getElementById('audioLink').value = '';
//linkButton.removeAttribute('hidden');
//recordButton.removeAttribute('hidden');
//hPara.removeAttribute('hidden');
document.getElementById("audioLinkHolder").setAttribute('hidden', true);
$("#audioLinkHolder").files = null;
var refreshpoints = baseLoc + "/currentpoints.php?model=" + editmodel + "&version=" + version;
setTimeout(function() {
document.getElementById("ssMsg").setAttribute("hidden", true);
document.getElementById("ssMsg").innerHTML = "";
$("#existingRow").load(refreshpoints);
}, 2000);
}
}
};
}
// }
// };
// });
// }
//}
function startRecording() {
noChangeAudioButton = document.getElementById("noChangeAudio");
linkButton = document.getElementById("linkAudio");
list = document.getElementById('recordings');
console.log("RECORD");
$("#linkAudio").attr('hidden', true);
$("#noChangeAudio").attr('hidden', true);
$(".hPara").attr("hidden", true);
document.getElementById("ssMsg").setAttribute("hidden", true);
document.getElementById("ssMsg").innerHTML = "";
recordButton = document.getElementById("record");
recordButton.innerText = 'Stop';
recordButton.removeEventListener("click", startRecording);
recordButton.addEventListener("click", stopRecording);
var constraints = {
audio: {
echoCancellation: true,
noiseSurpression: true
},
video: false
};
navigator.mediaDevices.getUserMedia(constraints).then(function(stream) {
var AudioContext = window.AudioContext || window.webkitAudioContext;
var audioContext; //new audio context to help us record
if (os === "iOS" || os === "Mac OS") {
context = new AudioContext({
sampleRate: 48000
});
} else {
context = new AudioContext({
sampleRate: 44100
});
}
var timeLeft = 90;
//assign to gumStream for later use
gumStream = stream;
/* use the stream */
input = context.createMediaStreamSource(gumStream);
//get the encoding
encodingType = encodingTypeSelect.value;
//disable the encoding selector
encodingTypeSelect.disabled = true;
recorder = new WebAudioRecorder(input, {
workerDir: "/js/", // must end with slash
encoding: encodingType,
numChannels: 2, //2 is the default, mp3 encoding supports only 2
onEncoderLoading: function(recorder, encoding) {},
onEncoderLoaded: function(recorder, encoding) {}
});
if (os === "iOS" || os === "Mac OS") {
var br = 96;
} else {
var br = 192;
}
recorder.setOptions({
timeLimit: 90,
encodeAfterRecord: encodeAfterRecord,
ogg: {
quality: 0.5
},
mp3: {
bitRate: br
}
});
recorder.startRecording();
console.log("Recording started");
var timeLeft = 90;
clockelem = document.getElementById('countdown');
timerId = setInterval(countdown, 1000);
clockelem.getAttribute("hidden");
clockelem.removeAttribute("hidden");
function countdown() {
if (timeLeft == -1) {
clearTimeout(timerId);
timerId = null;
recordButton.click();
clockelem.setAttribute("hidden", true);
} else {
if (recorder.state === 'inactive') {
clearTimeout(timerId);
clockelem.setAttribute("hidden", true);
timerId = null;
} else {
clockelem.innerHTML = timeLeft + ' seconds remaining';
timeLeft--;
}
}
}
recorder.onComplete = function(recorder, blob) {
console.log("encoding complete");
const blobUrl = URL.createObjectURL(blob);
const li = document.createElement('li');
li.className = "inputListItem";
const audio1 = document.createElement('audio');
const upload = document.createElement('BUTTON');
upload.className = "inputListButton";
const deleteButton = document.createElement('BUTTON');
deleteButton.className = "inputListButton";
upload.innerHTML = "UPLOAD";
deleteButton.innerHTML = "DISCARD";
audio1.setAttribute('src', blobUrl);
audio1.setAttribute('controls', 'controls');
li.appendChild(audio1);
li.appendChild(upload);
li.appendChild(deleteButton);
list.appendChild(li);
deleteButton.addEventListener('click', async () => {
tbnavDiv.setAttribute('hidden', true);
upload.setAttribute('hidden', true);
deleteButton.setAttribute('hidden', true);
document.getElementById("ssMsg").getAttribute("hidden");
document.getElementById("ssMsg").innerHTML = "THE RECORDING HAS BEEN DELETED";
document.getElementById("ssMsg").removeAttribute("hidden");
document.getElementById('audioLink').value = '';
linkButton.removeAttribute('hidden');
recordButton.removeAttribute('hidden');
$(".hPara").removeAttr('hidden');
noChangeAudioButton.removeAttribute('hidden');
document.getElementById("audioLinkHolder").setAttribute('hidden', true);
audio1.setAttribute('hidden', true);
clearTimeout(timerId);
timerId = null;
setTimeout(function() {
document.getElementById("ssMsg").setAttribute("hidden", true);
document.getElementById("ssMsg").innerHTML = "";
$("#existingRow").load(refreshpoints);
}, 2000);
});
upload.addEventListener('click', async () => {
tbnavDiv.setAttribute('hidden', true);
upload.setAttribute('hidden', true);
deleteButton.setAttribute('hidden', true);
recordButton.getAttribute('hidden');
recordButton.removeAttribute('hidden');
audio1.setAttribute('hidden', true);
fetch(baseLoc + `/blobhandle.php`, {
method: "POST",
body: blob
}).then(response => {
if (response.ok) return response;
console.log("Audio Handled in Memory");
}).then(response => {
var blobData = new FormData();
blobData.append('dirpath', document.getElementById('directoryName').value);
blobData.append('editmodel', document.getElementById('editmodel').value);
blobData.append('version', document.getElementById('version').value);
var blobrequest = new XMLHttpRequest();
blobrequest.open('POST', baseLoc + '/upload.php');
blobrequest.send(blobData);
console.log("Audio Uploaded");
blobrequest.onreadystatechange = function() {
if (blobrequest.readyState === 4) {
if (blobrequest.status === 200) {
var formData = new FormData();
formData.append('dirpath', document.getElementById('directoryName').value);
formData.append('editmodel', document.getElementById('editmodel').value);
formData.append('version', document.getElementById('version').value);
formData.append('title', document.getElementById('title').value);
formData.append('transcript', document.getElementById('autranscription').value);
formData.append('subSelect', document.getElementById('subSelect').value);
formData.append('audioSelect', document.getElementById('audioSelect').value);
formData.append('voiceControl', document.getElementById('voiceControl').value);
var realtagPos = lookup.indexOf(window.tag);
if (realtagPos != -1) {
formData.append('sweep', lookup[realtagPos + 1]);
var translatetag = lookup[realtagPos + 1];
} else {
formData.append('sweep', window.tag);
var translatetag = window.tag;
}
if (window.type == "tag") {
formData.append('rotation', "tag_unused");
} else {
formData.append('rotation', window.rotation);
}
var checkBox = document.getElementById('requirebutton');
formData.append('button', document.getElementById('buttonValue').value);
formData.append('note', "");
var request = new XMLHttpRequest();
request.open('POST', baseLoc + '/dbupdate.php');
request.setRequestHeader("Cache-Control", "no-cache");
request.send(formData);
request.onreadystatechange = function() {
if (request.readyState === 4) {
if (request.status === 200) {
document.getElementById("controlWrapper").setAttribute("hidden", true);
iframe.style.width = "100%";
fetch(baseLoc + '/translatedelete.php?model=' + document.getElementById('editmodel').value + '&version=' + document.getElementById('version').value + '&tagid=' + translatetag)
console.log("Database Updated");
window.tag = null;
$(".ssMsg").load(baseLoc + "/smessage.php");
document.getElementById("ssMsg").getAttribute("hidden");
document.getElementById("ssMsg").removeAttribute("hidden");
document.getElementsByTagName("li").innerHTML = "";
document.getElementById("buttonValue").value = '';
linkButton.removeAttribute('hidden');
//hPara.removeAttribute('hidden');
gumStream.getTracks().forEach(function(track) {
track.stop();
});
var refreshpoints = baseLoc + "/currentpoints.php?model=" + editmodel + "&version=" + version;
setTimeout(function() {
document.getElementById("ssMsg").setAttribute("hidden", true);
document.getElementById("ssMsg").innerHTML = "";
$("#existingRow").load(refreshpoints);
}, 2000);
clearTimeout(timerId);
timerId = null;
}
}
};
}
}
};
});
});
};
console.log("Encoding complete");
});
}
function renderError(message) {
const main = document.querySelector('main');
main.innerHTML = `
`;
}
function renderError(message) {
const main = document.querySelector('main');
main.innerHTML = `
`;
}
function stopRecording() {
clearTimeout(timerId);
timerId = null;
recordButton.removeEventListener("click", stopRecording);
recordButton.addEventListener("click", startRecording);
recordButton.innerText = 'Record';
recordButton.setAttribute("hidden", true);
clockelem.setAttribute("hidden", true);
tbnavDiv.getAttribute('hidden');
tbnavDiv.removeAttribute('hidden');
//stop microphone access
gumStream.getAudioTracks()[0].stop();
//tell the recorder to finish the recording (stop recording + encode the recorded audio)
recorder.finishRecording();
console.log('Recording stopped');
}
$(document).on('click', "#shareLink", function() {
var model = $(this).attr('data-mod');
var version = $(this).attr('data-ver');
bPopup = $('#linkPopup').bPopup({
contentContainer: '.linkContent',
loadUrl: baseLoc + "/sharelink.php?model=" + model + "&version=" + version //Uses jQuery.load()
});
$(document).on('click', "#linkPopup .close", function() {
bPopup.close();
});
});
$(document).on('click', "#shareEmbed", function() {
var model = $(this).attr('data-mod');
var version = $(this).attr('data-ver');
bPopup2 = $('#embedPopup').bPopup({
contentContainer: '.embedContent',
loadUrl: baseLoc + "/shareembed.php?model=" + model + "&version=" + version //Uses jQuery.load()
});
$(document).on('click', "#embedPopup .close", function() {
bPopup2.close();
});
});
$(document).on('click', "#linkAudio", function() {
if (!$("#vidLinkHolder").attr("hidden")) {
$("#vidLinkHolder").attr("hidden", true);
}
var src = "tagsweep";
var type = "audio";
openMediaLibrary(src, type);
document.getElementById("linkAudio").setAttribute("hidden", true);
document.getElementById("noChangeAudio").setAttribute("hidden", true);
$(".hPara").attr("hidden", true);
document.getElementById("linktoAudioUrl").setAttribute("hidden", true);
//$("#vidtbnavDiv").removeAttr('hidden');
//$('#vidtbnavDiv').addClass("linkclass");
document.getElementById("audioLinkHolder").setAttribute("hidden", true);
document.getElementById("record").setAttribute("hidden", true);
});
$(document).on('click', "#linktoAudioUrl", function() {
console.log($("#audioLinkSubmit").attr("hidden"));
if ($("#audioLinkHolder").attr("hidden")) {
$("#audioLinkHolder").removeAttr("hidden");
}
$("#linktoAudioUrl").attr("hidden", true);
$("#record").attr("hidden", true);
$("#linkAudio").attr("hidden", true);
$("#noChangeAudio").attr("hidden", true);
$(".hPara").attr("hidden", true);
if ($("#audioLinkSubmit").attr("hidden")) {
$("#audioLinkSubmit").removeAttr("hidden");
}
});
$(document).on('click', "#removeBgAudio", function() {
var type = "bgm";
var formData = new FormData();
formData.append('requestType', type);
formData.append('audiobg_file', "");
submitData(type, formData);
});
$(document).on('click', ".linkMediaBtn", function() {
$("#intro_background").attr("hidden", true)
var src = $(this).attr("data-src");
var type = $(this).attr("data-type");
openMediaLibrary(src, type);
});
$(document).on('click', ".linkMediaUrlBtn", function() {
var src = $(this).attr("data-src");
if (src == "bgmedia") {
$("#intro_background").removeAttr("hidden")
} else {
if (src == "clogo") {
$("#clogoHolder").removeAttr("hidden")
} else {
if (src == "plogo") {
$("#plogoHolder").removeAttr("hidden")
} else {
if (src == "csweep") {
$("#customSweepUrl").removeAttr("hidden")
} else {
if (src == "nplogo") {
$("#nplogoHolder").removeAttr("hidden")
}
}
}
}
}
});
$(document).on('click', "#linkBgAudio", function() {
if (!$("#audioBgLinkHolder").attr("hidden")) {
$("#audioBgLinkHolder").attr("hidden", true);
}
var src = "bg";
var type = "audio";
openMediaLibrary(src, type);
document.getElementById("linkBgAudio").setAttribute("hidden", true);
document.getElementById("removeBgAudio").setAttribute("hidden", true);
$(".hPara").attr("hidden", true);
document.getElementById("linktoBgAudioUrl").setAttribute("hidden", true);
//$("#vidtbnavDiv").removeAttr('hidden');
//$('#vidtbnavDiv').addClass("linkclass");
document.getElementById("audioBgLinkHolder").setAttribute("hidden", true);
$("#audioBgLinkSubmit").removeAttr("hidden");
});
$(document).on('click', "#linktoBgAudioUrl", function() {
if ($("#audioBgLinkHolder").attr("hidden")) {
$("#audioBgLinkHolder").removeAttr("hidden");
}
$("#linktoBgAudioUrl").attr("hidden", true);
$("#removeBgAudio").attr("hidden", true);
$("#linkBgAudio").attr("hidden", true);
$(".hPara").attr("hidden", true);
$("#audioBgLinkSubmit").removeAttr("hidden");
});
$(document).on('click', "#linkImage", function() {
if (!$("#mediaLinkHolder").attr("hidden")) {
$("#mediaLinkHolder").attr("hidden", true);
}
var src = "tagsweep";
var type = "image";
openMediaLibrary(src, type);
document.getElementById("linkImage").setAttribute("hidden", true);
document.getElementById("mmLink").setAttribute("hidden", true);
document.getElementById("noChangeImage").setAttribute("hidden", true);
$(".hPara").attr("hidden", true);
document.getElementById("linktoImageUrl").setAttribute("hidden", true);
document.getElementById("mediaLinkHolder").setAttribute("hidden", true);
document.getElementById("mmSubmit").removeAttribute("hidden");
});
$(document).on('click', "#linkVideo", function() {
if (!$("#vidLinkHolder").attr("hidden")) {
$("#vidLinkHolder").attr("hidden", true);
}
var src = "tagsweep";
var type = "video";
openMediaLibrary(src, type);
document.getElementById("linkVideo").setAttribute("hidden", true);
document.getElementById("noChangeVideo").setAttribute("hidden", true);
$(".hPara").attr("hidden", true);
document.getElementById("linktoVideoUrl").setAttribute("hidden", true);
$("#vidtbnavDiv").removeAttr('hidden');
$('#vidtbnavDiv').addClass("linkclass");
document.getElementById("vidLinkHolder").setAttribute("hidden", true);
document.getElementById("360VideoHolder").removeAttribute("hidden");
document.getElementById("vrecord").setAttribute("hidden", true);
});
$(document).on('click', "#linktoImageUrl", function() {
if ($("#mediaLinkHolder").attr("hidden")) {
$("#mediaLinkHolder").removeAttr("hidden");
}
$("#linktoImageUrl").attr("hidden", true);
$("#linkImage").attr("hidden", true);
$("#noChangeImage").attr("hidden", true);
$(".hPara").attr("hidden", true);
});
$(document).on('click', "#linktoVideoUrl", function() {
if ($("#vidLinkHolder").attr("hidden")) {
$("#vidLinkHolder").removeAttr("hidden");
}
$("#vidtbnavDiv").removeAttr('hidden');
$('#vidtbnavDiv').addClass("linkclass");
$("#linktoVideoUrl").attr("hidden", true);
$("#vrecord").attr("hidden", true);
$("#linkVideo").attr("hidden", true);
$("#noChangeVideo").attr("hidden", true);
$(".hPara").attr("hidden", true);
$("#360VideoHolder").removeAttr("hidden");
});
$(document).on('change', "#mmLink", function() {
var url = $(this).val();
console.log(($(this).attr("data-image")))
if ($(this).attr("data-image")) {
if (url != "") {
$("#currentTagImg").remove();
$(".hPara").attr("hidden", true);
$("#linkImage").attr("hidden", true)
$("#noChangeImage").attr("hidden", true)
$("#linktoImageUrl").attr("hidden", true)
$("#rmImageBtn").removeAttr("hidden")
$("#mmSubmit").removeAttr("hidden")
var img = document.createElement("img");
img.id = "currentTagVid";
img.style.width = "90%";
img.src = url;
$("#mediaLinkHolder").before(img);
if ($("#mediaframe").length > 0) {
mediaframe.src = $(this).val();
}
} else {
$("#currentTagImg").remove();
$(".hPara").removeAttr("hidden");
$("#linkImage").removeAttr("hidden");
$("#noChangeImage").removeAttr("hidden");
$("#linktoImageUrl").removeAttr("hidden");
$("#rmImageBtn").removeAttr("hidden");
$("#mmSubmit").attr("hidden", true)
}
}
})
$(document).on('change', "#vidLink", function() {
var url = $(this).val();
if (url != "") {
$("#currentTagVid").remove();
$("#vrecord").attr("hidden", true);
$(".hPara").attr("hidden", true);
$("#linkVideo").attr("hidden", true)
$("#noChangeVideo").attr("hidden", true)
$("#linktoVideoUrl").attr("hidden", true)
$("#rmMedBtn").removeAttr("hidden")
$("#vidLinkSubmit").removeAttr("hidden")
var img = document.createElement("video");
img.id = "currentTagVid";
img.muted = true;
img.style.width = "90%";
img.src = url;
img.play();
$("#vidLinkHolder").before(img);
if ($("#mediaframe").length > 0) {
mediaframe.src = $(this).val();
}
} else {
$("#currentTagVid").remove();
$("#vrecord").removeAttr("hidden");
$(".hPara").removeAttr("hidden");
$("#linkVideo").removeAttr("hidden");
$("#noChangeVideo").removeAttr("hidden");
$("#linktoVideoUrl").removeAttr("hidden");
$("#rmMedBtn").removeAttr("hidden");
$("#vidLinkSubmit").attr("hidden", true)
}
})
function isImgUrl(url) {
return fetch(url, {method: 'HEAD'}).then(res => {
return res.headers.get('Content-Type').startsWith('image')
})
}
$(document).on('change', "#intro_bg", async function() {
$("#currentBgImg").remove();
$(".linkMediaBtn").attr("hidden", true);
$(".hPara").attr("hidden", true);
$(".linkMediaUrlBtn").attr("hidden", true)
$(".removeMediaBtn").removeAttr("hidden")
var url = $(this).val();
if (url != "") {
const isImage = await isImgUrl(url)
if (isImage) {
var img = document.createElement("img");
img.id = "currentBgImg";
img.style.width = "90%";
img.src = url;
$("#rmMedBtn").before(img);
} else {
var img = document.createElement("video");
img.id = "currentBgImg";
img.style.width = "90%";
img.muted=true;
img.src = url;
img.play();
$("#rmMedBtn").before(img);
}
}
});
$(document).on('change', "#customSweepUrl", function() {
var url = $(this).val();
$("#currentCsweepImg").remove();
$("#CsweepBtn").attr("hidden", true);
$(".hPara").attr("hidden", true);
$("#CsweepUrlBtn").attr("hidden", true)
$("#rmCsweepBtn").removeAttr("hidden")
var img = document.createElement("img");
img.id = "currentCsweepImg";
img.style.width = "90%";
img.src = url;
$("#customSweepUrl").before(img);
});
$(document).on('change', "#logo", function() {
var url = $(this).val();
$("#currentcLogoImg").remove();
$("#ClogoBtn").attr("hidden", true);
$(".hPara").attr("hidden", true);
$("#ClogoUrlBtn").attr("hidden", true)
$("#rmClogoBtn").removeAttr("hidden")
var img = document.createElement("img");
img.id = "currentcLogoImg";
img.style.width = "90%";
img.src = url;
$("#clogoHolder").before(img);
});
$(document).on('change', "#providerlogo", function() {
console.log("CHANGED");
var url = $(this).val();
$("#currentpLogoImg").remove();
$("#PlogoBtn").attr("hidden", true);
$(".hPara").attr("hidden", true);
$("#PlogoUrlBtn").attr("hidden", true)
$("#rmPlogoBtn").removeAttr("hidden")
var img = document.createElement("img");
img.id = "currentpLogoImg";
img.style.width = "90%";
img.src = url;
$("#plogoHolder").before(img);
});
$(document).on('click', "#noChangeVideo", function() {
try {
var vulformData = new FormData();
vulformData.append('dirpath', "nochange");
vulformData.append('editmodel', document.getElementById('editmodel').value);
vulformData.append('version', document.getElementById('version').value);
vulformData.append('title', document.getElementById('vidtitle').value);
vulformData.append('css', document.getElementById('vidCss').value);
var checkMute = document.getElementById("muteVideo").checked;
if (checkMute == true) {
vulformData.append('mutevid', "yes");
} else {
vulformData.append('mutevid', "no");
}
var is360 = document.getElementById("360Video").checked;
if (is360 == true) {
vulformData.append('360vid', "yes");
} else {
vulformData.append('360vid', "no");
}
vulformData.append('accessvid', "no");
var realtagPos = lookup.indexOf(window.tag);
if (realtagPos != -1) {
vulformData.append('sweep', lookup[realtagPos + 1]);
var translatetag = lookup[realtagPos + 1];
} else {
vulformData.append('sweep', window.tag);
var translatetag = window.tag;
}
if (window.type == "tag") {
vulformData.append('rotation', "tag_unused");
} else {
vulformData.append('rotation', window.rotation);
}
vulformData.append('button', document.getElementById('vidbuttonValue').value);
vulformData.append('transcript', document.getElementById('vidtranscriptValue').value);
var vulrequest = new XMLHttpRequest();
vulrequest.upload.addEventListener("progress", function(evt) {
if (evt.lengthComputable) {
var percentComplete = evt.loaded / evt.total;
//console.log("progress");
//Do something with upload progress
//console.log(percentComplete);
}
}, false);
vulrequest.open('POST', baseLoc + '/viddbupdate.php');
vulrequest.setRequestHeader("Cache-Control", "no-cache");
vulrequest.send(vulformData);
vulrequest.onreadystatechange = function() {
if (vulrequest.readyState === 4) {
if (vulrequest.status === 200) {
$(".ssMsg").load(baseLoc + "/smessage.php");
document.getElementById("ssMsg").getAttribute("hidden");
document.getElementById("ssMsg").removeAttribute("hidden");
document.getElementsByTagName("li").innerHTML = "";
document.getElementById("vidbuttonValue").value = '';
document.getElementById("vidtranscriptValue").value = '';
document.getElementById('vidLink').value = '';
document.getElementById('vidtitle').value = '';
document.getElementById('muteVideo').checked = false;
document.getElementById('360Video').checked = false;
$(".hPara").attr("hidden", true);
$("#vrecord").attr("hidden", true);
$("#linktoVideoUrl").attr("hidden", true);
$("#noChangeVideo").attr("hidden", true);
$("#linkVideo").attr("hidden", true);
document.getElementById("vidtbnavDiv").setAttribute("hidden", true);
document.getElementById("linkVideoSubmit").setAttribute("hidden", true);
document.getElementById("controlWrapper").setAttribute("hidden", true);
iframe.style.width = "100%";
var editmodel = document.getElementById('editmodel').value;
var version = document.getElementById('version').value;
var refreshvidpoints = baseLoc + "/currentvidpoints.php?model=" + editmodel + "&version=" + version;
var refreshavidpoints = baseLoc + "/currentavidpoints.php?model=" + editmodel + "&version=" + version;
setTimeout(function() {
$("#existingVidRow").load(refreshvidpoints);
$("#existingaVidRow").load(refreshavidpoints);
document.getElementById("ssMsg").setAttribute("hidden", true);
document.getElementById("ssMsg").innerHTML = "";
}, 2000);
console.log("Links Refreshed");
}
}
}
} catch (error) {
console.error(error)
}
});
$(document).on('click', "#linkVideoSubmit", function() {
try {
$("#linkVideoSubmit").css("display", "none");
/*$(".ssMsg").html("UPLOADING - PLEASE WAIT");
document.getElementById("ssMsg").getAttribute("hidden");
document.getElementById("ssMsg").removeAttribute("hidden");
file = document.getElementById('vidLink').files[0];
var blobData = new FormData();
var uuid = uuidv4();
blobData.append('dirpath', document.getElementById('directoryName').value);
blobData.append('filename', file.name);
blobData.append('editmodel', document.getElementById('editmodel').value);
blobData.append('version', document.getElementById('version').value);
blobData.append('file', file);
var blobrequest = new XMLHttpRequest();
blobrequest.open('POST', baseLoc + '/vidfileupload.php');
blobrequest.send(blobData);
console.log("Video Uploaded");
blobrequest.onreadystatechange = function() {
if (blobrequest.readyState === 4) {
if (blobrequest.status === 200) {
*/
var vulformData = new FormData();
vulformData.append('video', document.getElementById('vidLink').value);
vulformData.append('dirpath', document.getElementById('directoryName').value);
vulformData.append('editmodel', document.getElementById('editmodel').value);
vulformData.append('version', document.getElementById('version').value);
vulformData.append('title', document.getElementById('vidtitle').value);
vulformData.append('css', document.getElementById('vidCss').value);
//vulformData.append('filename', file.name);
var checkMute = document.getElementById("muteVideo").checked;
if (checkMute == true) {
vulformData.append('mutevid', "yes");
} else {
vulformData.append('mutevid', "no");
}
var is360 = document.getElementById("360Video").checked;
if (is360 == true) {
vulformData.append('360vid', "yes");
} else {
vulformData.append('360vid', "no");
}
vulformData.append('accessvid', "no");
var realtagPos = lookup.indexOf(window.tag);
if (realtagPos != -1) {
vulformData.append('sweep', lookup[realtagPos + 1]);
var translatetag = lookup[realtagPos + 1];
} else {
vulformData.append('sweep', window.tag);
var translatetag = window.tag;
}
if (window.type == "tag") {
vulformData.append('rotation', "tag_unused");
} else {
vulformData.append('rotation', window.rotation);
}
vulformData.append('button', document.getElementById('vidbuttonValue').value);
vulformData.append('transcript', document.getElementById('vidtranscriptValue').value);
var vulrequest = new XMLHttpRequest();
vulrequest.upload.addEventListener("progress", function(evt) {
if (evt.lengthComputable) {
var percentComplete = evt.loaded / evt.total;
//console.log("progress");
//Do something with upload progress
//console.log(percentComplete);
}
}, false);
vulrequest.open('POST', baseLoc + '/viddbupdate.php');
vulrequest.setRequestHeader("Cache-Control", "no-cache");
vulrequest.send(vulformData);
vulrequest.onreadystatechange = function() {
if (vulrequest.readyState === 4) {
if (vulrequest.status === 200) {
fetch(baseLoc + '/translatedelete.php?model=' + document.getElementById('editmodel').value + '&version=' + document.getElementById('version').value + '&tagid=' + translatetag)
console.log("Database Updated");
$(".ssMsg").load(baseLoc + "/smessage.php");
document.getElementById('vidLink').value = "";
document.getElementById("ssMsg").getAttribute("hidden");
document.getElementById("ssMsg").removeAttribute("hidden");
document.getElementsByTagName("li").innerHTML = "";
document.getElementById("vidbuttonValue").value = '';
document.getElementById("vidtranscriptValue").value = '';
document.getElementById('vidLink').value = '';
document.getElementById('vidtitle').value = '';
document.getElementById('muteVideo').checked = false;
document.getElementById('360Video').checked = false;
$(".hPara").attr("hidden", true);
$("#vrecord").attr("hidden", true);
$("#linktoVideoUrl").attr("hidden", true);
$("#noChangeVideo").attr("hidden", true);
$("#linkVideo").attr("hidden", true);
document.getElementById("vidtbnavDiv").setAttribute("hidden", true);
document.getElementById("linkVideoSubmit").setAttribute("hidden", true);
document.getElementById("controlWrapper").setAttribute("hidden", true);
iframe.style.width = "100%";
var editmodel = document.getElementById('editmodel').value;
var version = document.getElementById('version').value;
var refreshvidpoints = baseLoc + "/currentvidpoints.php?model=" + editmodel + "&version=" + version;
var refreshavidpoints = baseLoc + "/currentavidpoints.php?model=" + editmodel + "&version=" + version;
$("#existingVidRow").load(refreshvidpoints);
$("#existingaVidRow").load(refreshavidpoints);
setTimeout(function() {
document.getElementById("ssMsg").setAttribute("hidden", true);
document.getElementById("ssMsg").innerHTML = "";
}, 2000);
console.log("Links Refreshed");
var exformData = new FormData();
exformData.append('editmodel', document.getElementById('editmodel').value);
exformData.append('version', document.getElementById('version').value);
exformData.append('type', "video");
var realtagPos = lookup.indexOf(window.tag);
if (realtagPos != -1) {
exformData.append('sweep', lookup[realtagPos + 1]);
} else {
exformData.append('sweep', window.tag);
}
var exrequest = new XMLHttpRequest();
exrequest.open('POST', baseLoc + '/deleteexistingonchange.php');
exrequest.setRequestHeader("Cache-Control", "no-cache");
exrequest.send(exformData);
exrequest.onreadystatechange = function() {
if (exrequest.readyState === 4) {
if (exrequest.status === 200) {
console.log("Existing Media Deleted");
window.tag = null;
}
}
}
}
}
};
// }
// }
// }
} catch (error) {
console.error(error);
}
})
$(document).on('click', "#closeIcon", function() {
$("#iconPage").css("display", "none");
})
$(document).on('click', "#copyShare", function() {
var copyText = document.getElementById("myShareLink");
copyText.select();
copyText.setSelectionRange(0, 99999);
document.execCommand("copy");
alert("Link Copied");
bPopup.close();
});
$(document).on('click', "#embedCopyShare", function() {
var copyText = document.getElementById("myShareEmbed");
copyText.select();
copyText.setSelectionRange(0, 99999);
document.execCommand("copy");
alert("Embed Code Copied");
bPopup2.close();
});
$(document).on('click', ".deleteExisting", function() {
var delSweepId = ($(this).attr('data-swe'));
var delModelId = ($(this).attr('data-mod'));
var delVersionId = ($(this).attr('data-ver'));
var delData = new FormData();
delData.append('sweep', delSweepId);
delData.append('model', delModelId);
delData.append('version', delVersionId);
var delrequest = new XMLHttpRequest();
delrequest.open('POST', baseLoc + '/audiosweepdelete.php');
delrequest.send(delData);
delrequest.onreadystatechange = function() {
if (delrequest.readyState === 4) {
if (delrequest.status === 200) {
document.getElementById("excontrolWrapper").setAttribute("hidden", true);
iframe.style.width = "100%";
document.getElementById("ssMsg").getAttribute("hidden");
document.getElementById("ssMsg").removeAttribute("hidden");
$(".ssMsg").load(baseLoc + "/smessage.php");
var refreshpoints = baseLoc + "/currentpoints.php?model=" + delModelId + "&version=" + delVersionId;
$("#existingRow").load(refreshpoints);
setTimeout(function() {
document.getElementById("ssMsg").setAttribute("hidden", true);
document.getElementById("ssMsg").innerHTML = "";
}, 2000);
}
}
};
});
$(document).on('click', ".editExisting", function() {
var delSweepId = ($(this).attr('data-swe'));
var delModelId = ($(this).attr('data-mod'));
var delVersionId = ($(this).attr('data-ver'));
document.getElementById("excontrolWrapper").removeAttribute("hidden");
document.getElementById("controlWrapper").setAttribute("hidden", true);
var refreshpoints = baseLoc + "/audiosweepedit.php?model=" + delModelId + "&version=" + delVersionId + "&sweep=" + delSweepId;
$("#excontrolWrapper").load(refreshpoints);
});
$(document).on('click', ".editExistingVid", function() {
var delSweepId = ($(this).attr('data-swe'));
var delModelId = ($(this).attr('data-mod'));
var delVersionId = ($(this).attr('data-ver'));
document.getElementById("excontrolWrapper").removeAttribute("hidden");
document.getElementById("controlWrapper").setAttribute("hidden", true);
var refreshpoints = baseLoc + "/videosweepedit.php?model=" + delModelId + "&version=" + delVersionId + "&sweep=" + delSweepId;
$("#excontrolWrapper").load(refreshpoints);
});
$(document).on('click', ".editExistingMedia", function() {
var delSweepId = ($(this).attr('data-swe'));
var delModelId = ($(this).attr('data-mod'));
var delVersionId = ($(this).attr('data-ver'));
document.getElementById("excontrolWrapper").removeAttribute("hidden");
document.getElementById("controlWrapper").setAttribute("hidden", true);
var refreshpoints = baseLoc + "/mediasweepedit.php?model=" + delModelId + "&version=" + delVersionId + "&sweep=" + delSweepId;
$("#excontrolWrapper").load(refreshpoints);
});
$(document).on('click', ".editExistingCode", function() {
var delSweepId = ($(this).attr('data-swe'));
var delModelId = ($(this).attr('data-mod'));
var delVersionId = ($(this).attr('data-ver'));
document.getElementById("excontrolWrapper").removeAttribute("hidden");
document.getElementById("controlWrapper").setAttribute("hidden", true);
var refreshpoints = baseLoc + "/codesweepedit.php?model=" + delModelId + "&version=" + delVersionId + "&sweep=" + delSweepId;
$("#excontrolWrapper").load(refreshpoints);
});
$(document).on('click', ".editExistingNav", function() {
var delSweepId = ($(this).attr('data-swe'));
var delModelId = ($(this).attr('data-mod'));
var delVersionId = ($(this).attr('data-ver'));
document.getElementById("excontrolWrapper").removeAttribute("hidden");
document.getElementById("controlWrapper").setAttribute("hidden", true);
var refreshpoints = baseLoc + "/navsweepedit.php?model=" + delModelId + "&version=" + delVersionId + "&sweep=" + delSweepId;
$("#excontrolWrapper").load(refreshpoints);
});
$(document).on('click', ".deleteExistingMedia", function() {
var delSweepId = ($(this).attr('data-swe'));
var delModelId = ($(this).attr('data-mod'));
var delVersionId = ($(this).attr('data-ver'));
var delData = new FormData();
delData.append('sweep', delSweepId);
delData.append('model', delModelId);
delData.append('version', delVersionId);
var delrequest = new XMLHttpRequest();
delrequest.open('POST', baseLoc + '/mediasweepdelete.php');
delrequest.send(delData);
delrequest.onreadystatechange = function() {
if (delrequest.readyState === 4) {
if (delrequest.status === 200) {
document.getElementById("excontrolWrapper").setAttribute("hidden", true);
document.getElementById("controlWrapper").setAttribute("hidden", true);
iframe.style.width = "100%";
document.getElementById("ssMsg").getAttribute("hidden");
document.getElementById("ssMsg").removeAttribute("hidden");
$(".ssMsg").load(baseLoc + "/smessage.php");
var refreshpoints = baseLoc + "/currentmediapoints.php?model=" + delModelId + "&version=" + delVersionId;
$("#existingMediaRow").load(refreshpoints);
setTimeout(function() {
document.getElementById("ssMsg").setAttribute("hidden", true);
document.getElementById("ssMsg").innerHTML = "";
}, 2000);
}
}
};
});
$(document).on('click', ".deleteExistingCode", function() {
var delSweepId = ($(this).attr('data-swe'));
var delModelId = ($(this).attr('data-mod'));
var delVersionId = ($(this).attr('data-ver'));
var delData = new FormData();
delData.append('sweep', delSweepId);
delData.append('model', delModelId);
delData.append('version', delVersionId);
var delrequest = new XMLHttpRequest();
delrequest.open('POST', baseLoc + '/codesweepdelete.php');
delrequest.send(delData);
delrequest.onreadystatechange = function() {
if (delrequest.readyState === 4) {
if (delrequest.status === 200) {
document.getElementById("excontrolWrapper").setAttribute("hidden", true);
iframe.style.width = "100%";
document.getElementById("ssMsg").getAttribute("hidden");
document.getElementById("ssMsg").removeAttribute("hidden");
$(".ssMsg").load(baseLoc + "/smessage.php");
var refreshpoints = baseLoc + "/currentcodepoints.php?model=" + delModelId + "&version=" + delVersionId;
$("#existingCodeRow").load(refreshpoints);
setTimeout(function() {
document.getElementById("ssMsg").setAttribute("hidden", true);
document.getElementById("ssMsg").innerHTML = "";
}, 2000);
}
}
};
});
$(document).on('click', ".deleteExistingVid", function() {
var delSweepId = ($(this).attr('data-swe'));
var delModelId = ($(this).attr('data-mod'));
var delVersionId = ($(this).attr('data-ver'));
var delData = new FormData();
delData.append('sweep', delSweepId);
delData.append('model', delModelId);
delData.append('version', delVersionId);
var delrequest = new XMLHttpRequest();
delrequest.open('POST', baseLoc + '/videosweepdelete.php');
delrequest.send(delData);
delrequest.onreadystatechange = function() {
if (delrequest.readyState === 4) {
if (delrequest.status === 200) {
document.getElementById("excontrolWrapper").setAttribute("hidden", true);
iframe.style.width = "100%";
document.getElementById("ssMsg").getAttribute("hidden");
document.getElementById("ssMsg").removeAttribute("hidden");
$(".ssMsg").load(baseLoc + "/smessage.php");
var refreshpoints = baseLoc + "/currentvidpoints.php?model=" + delModelId + "&version=" + delVersionId;
setTimeout(function() {
$("#existingVidRow").load(refreshpoints);
document.getElementById("ssMsg").setAttribute("hidden", true);
document.getElementById("ssMsg").innerHTML = "";
}, 2000);
}
}
};
});
$(document).on('click', ".deleteExistingNav", function() {
var delSweepId = ($(this).attr('data-swe'));
var delModelId = ($(this).attr('data-mod'));
var delVersionId = ($(this).attr('data-ver'));
var delData = new FormData();
delData.append('sweep', delSweepId);
delData.append('model', delModelId);
delData.append('version', delVersionId);
var delrequest = new XMLHttpRequest();
delrequest.open('POST', baseLoc + '/navsweepdelete.php');
delrequest.send(delData);
delrequest.onreadystatechange = function() {
if (delrequest.readyState === 4) {
if (delrequest.status === 200) {
document.getElementById("excontrolWrapper").setAttribute("hidden", true);
iframe.style.width = "100%";
document.getElementById("ssMsg").getAttribute("hidden");
document.getElementById("ssMsg").removeAttribute("hidden");
$(".ssMsg").load(baseLoc + "/smessage.php");
var refreshpoints = baseLoc + "/currentnavpoints.php?model=" + delModelId + "&version=" + delVersionId;
$("#existingNavRow").load(refreshpoints);
setTimeout(function() {
document.getElementById("ssMsg").setAttribute("hidden", true);
document.getElementById("ssMsg").innerHTML = "";
}, 2000);
}
}
};
});
$(document).on('click', "#navSubmit", function() {
var formData = new FormData();
formData.append('navtext', document.getElementById('navTagTxt').value);
formData.append('navval', document.getElementById('navTagValue').value);
formData.append('navdesc', document.getElementById('navDesc').value);
formData.append('navext', document.getElementById('navExt').checked);
formData.append('model', document.getElementById('editmodel').value);
formData.append('version', document.getElementById('version').value);
var realtagPos = lookup.indexOf(window.tag);
if (realtagPos != -1) {
formData.append('sweep', lookup[realtagPos + 1]);
var translatetag = lookup[realtagPos + 1];
} else {
formData.append('sweep', window.tag);
}
if (window.type == "tag") {
formData.append('rotation', "tag_unused");
console.log("VAL" + document.getElementById('navSwId').value);
if (document.getElementById('navSwId').value == "") {
formData.append('tagsweepval', JSON.stringify(currentSweepArray));
} else {
formData.append('tagsweepval', document.getElementById('navSwId').value);
}
var translatetag = window.tag;
} else {
formData.append('rotation', window.rotation);
formData.append('tagsweepval', "sweep unused");
}
var request = new XMLHttpRequest();
request.open('POST', baseLoc + '/tagnavupload.php');
request.setRequestHeader("Cache-Control", "no-cache");
request.send(formData);
request.onreadystatechange = function() {
if (request.readyState === 4) {
if (request.status === 200) {
document.getElementById("controlWrapper").setAttribute("hidden", true);
iframe.style.width = "100%";
fetch(baseLoc + '/translatedelete.php?model=' + document.getElementById('editmodel').value + '&version=' + document.getElementById('version').value + '&tagid=' + translatetag)
console.log("Database Updated");
$(".ssMsg").load(baseLoc + "/smessage.php");
document.getElementById("ssMsg").getAttribute("hidden");
document.getElementById("ssMsg").removeAttribute("hidden");
var refreshpoints = baseLoc + "/currentnavpoints.php?model=" + editmodel + "&version=" + version;
$("#existingNavRow").load(refreshpoints);
setTimeout(function() {
document.getElementById("ssMsg").setAttribute("hidden", true);
document.getElementById("ssMsg").innerHTML = "";
}, 2000);
var exformData = new FormData();
exformData.append('editmodel', document.getElementById('editmodel').value);
exformData.append('version', document.getElementById('version').value);
exformData.append('type', "nav");
var realtagPos = lookup.indexOf(window.tag);
if (realtagPos != -1) {
exformData.append('sweep', lookup[realtagPos + 1]);
} else {
exformData.append('sweep', window.tag);
}
var exrequest = new XMLHttpRequest();
exrequest.open('POST', baseLoc + '/deleteexistingonchange.php');
exrequest.setRequestHeader("Cache-Control", "no-cache");
exrequest.send(exformData);
exrequest.onreadystatechange = function() {
if (exrequest.readyState === 4) {
if (exrequest.status === 200) {
console.log("Existing Media Deleted");
window.tag = null;
}
}
}
}
}
};
});
$(document).on('click', "#mmSubmit", function() {
var mmformData = new FormData();
mmformData.append('mmLink', document.getElementById('mmLink').value);
mmformData.append('mmTitle', document.getElementById('mmTitle').value);
mmformData.append('mmType', document.getElementById("360Image").value);
mmformData.append('mmButton', document.getElementById('mmButton').value);
mmformData.append('css', document.getElementById('mmCss').value);
mmformData.append('model', document.getElementById('editmodel').value);
mmformData.append('version', document.getElementById('version').value);
mmformData.append('title', document.getElementById('title').value);
var realtagPos = lookup.indexOf(window.tag);
if (realtagPos != -1) {
mmformData.append('sweep', lookup[realtagPos + 1]);
var translatetag = lookup[realtagPos + 1];
} else {
mmformData.append('sweep', window.tag);
var translatetag = window.tag;
}
if (window.type == "tag") {
mmformData.append('rotation', "tag_unused");
} else {
mmformData.append('rotation', window.rotation);
}
var mmrequest = new XMLHttpRequest();
mmrequest.open('POST', baseLoc + '/eminsert.php');
mmrequest.setRequestHeader("Cache-Control", "no-cache");
mmrequest.send(mmformData);
mmrequest.onreadystatechange = function() {
if (mmrequest.readyState === 4) {
if (mmrequest.status === 200) {
console.log("Database Updated");
fetch(baseLoc + '/translatedelete.php?model=' + document.getElementById('editmodel').value + '&version=' + document.getElementById('version').value + '&tagid=' + translatetag)
$(".ssMsg").load(baseLoc + "/smessage.php");
document.getElementById("ssMsg").getAttribute("hidden");
document.getElementById("ssMsg").removeAttribute("hidden");
document.getElementById('mmTitle').value = '';
document.getElementById('mmButton').value = '';
document.getElementById("controlWrapper").setAttribute("hidden", true);
iframe.style.width = "100%";
var refreshpoints = baseLoc + "/currentmediapoints.php?model=" + editmodel + "&version=" + version;
$("#existingMediaRow").load(refreshpoints);
setTimeout(function() {
document.getElementById("ssMsg").setAttribute("hidden", true);
document.getElementById("ssMsg").innerHTML = "";
}, 2000);
var exformData = new FormData();
exformData.append('editmodel', document.getElementById('editmodel').value);
exformData.append('version', document.getElementById('version').value);
exformData.append('type', "media");
var realtagPos = lookup.indexOf(window.tag);
if (realtagPos != -1) {
exformData.append('sweep', lookup[realtagPos + 1]);
} else {
exformData.append('sweep', window.tag);
}
var exrequest = new XMLHttpRequest();
exrequest.open('POST', baseLoc + '/deleteexistingonchange.php');
exrequest.setRequestHeader("Cache-Control", "no-cache");
exrequest.send(exformData);
exrequest.onreadystatechange = function() {
if (exrequest.readyState === 4) {
if (exrequest.status === 200) {
console.log("Existing Media Deleted");
window.tag = null;
}
}
}
}
}
};
});
$(document).on('click', "#defaultSubmit", function() {
var dfformData = new FormData();
dfformData.append('mmLink', document.getElementById('dfLink').value);
dfformData.append('mmTitle', document.getElementById('dfTitle').value);
dfformData.append('mmType', document.getElementById("dfType").value);
dfformData.append('mmButton', document.getElementById('dfButton').value);
dfformData.append('css', "");
dfformData.append('model', document.getElementById('editmodel').value);
dfformData.append('version', document.getElementById('version').value);
dfformData.append('title', document.getElementById('title').value);
var realtagPos = lookup.indexOf(window.tag);
if (realtagPos != -1) {
dfformData.append('sweep', lookup[realtagPos + 1]);
var translatetag = lookup[realtagPos + 1];
} else {
dfformData.append('sweep', window.tag);
var translatetag = window.tag;
}
if (window.type == "tag") {
dfformData.append('rotation', "tag_unused");
} else {
dfformData.append('rotation', window.rotation);
}
var dfrequest = new XMLHttpRequest();
dfrequest.open('POST', baseLoc + '/eminsert.php');
dfrequest.setRequestHeader("Cache-Control", "no-cache");
dfrequest.send(dfformData);
dfrequest.onreadystatechange = function() {
if (dfrequest.readyState === 4) {
if (dfrequest.status === 200) {
fetch(baseLoc + '/translatedelete.php?model=' + document.getElementById('editmodel').value + '&version=' + document.getElementById('version').value + '&tagid=' + translatetag)
console.log("Database Updated");
$(".ssMsg").load(baseLoc + "/smessage.php");
document.getElementById("ssMsg").getAttribute("hidden");
document.getElementById("ssMsg").removeAttribute("hidden");
document.getElementById('dfTitle').value = '';
document.getElementById('dfButton').value = '';
document.getElementById('dfLink').value = '';
document.getElementById('dfType').value = '';
document.getElementById("defaultcontrols").setAttribute("hidden", true);
document.getElementById("controlWrapper").setAttribute("hidden", true);
iframe.style.width = "100%";
var refreshpoints = baseLoc + "/currentmediapoints.php?model=" + editmodel + "&version=" + version;
$("#existingMediaRow").load(refreshpoints);
setTimeout(function() {
document.getElementById("ssMsg").setAttribute("hidden", true);
document.getElementById("ssMsg").innerHTML = "";
}, 2000);
var exformData = new FormData();
exformData.append('editmodel', document.getElementById('editmodel').value);
exformData.append('version', document.getElementById('version').value);
exformData.append('type', "media");
var realtagPos = lookup.indexOf(window.tag);
if (realtagPos != -1) {
exformData.append('sweep', lookup[realtagPos + 1]);
} else {
exformData.append('sweep', window.tag);
}
var exrequest = new XMLHttpRequest();
exrequest.open('POST', baseLoc + '/deleteexistingonchange.php');
exrequest.setRequestHeader("Cache-Control", "no-cache");
exrequest.send(exformData);
exrequest.onreadystatechange = function() {
if (exrequest.readyState === 4) {
if (exrequest.status === 200) {
console.log("Existing Media Deleted");
window.tag = null;
}
}
}
}
}
};
});
$(document).on('change', "#custom_intro", function() {
var checkbox = document.getElementById("custom_intro")
if (checkbox.checked == true) {
document.getElementById("intro_bgDiv").removeAttribute("hidden");
document.getElementById("intro_subtitle").removeAttribute("hidden");
document.getElementById("remove_line").removeAttribute("hidden");
document.getElementById("delay_background").removeAttribute("hidden");
} else {
document.getElementById("intro_bgDiv").setAttribute("hidden", true);
document.getElementById("intro_subtitle").setAttribute("hidden", true);
document.getElementById("remove_line").setAttribute("hidden", true);
document.getElementById("delay_background").setAttribute("hidden", true);
}
});
$(document).on('change', "#prox_tags", function() {
var checkbox = document.getElementById("prox_tags")
if (checkbox.checked == true) {
document.getElementById("pRadius").removeAttribute("hidden");
} else {
document.getElementById("pRadius").setAttribute("hidden", true);
}
});
$(document).on('click', "#tagimport", function() {
const input = document.createElement('input');
input.type = 'file';
let file;
input.onchange = e => {
file = e.target.files[0];
importTagFile(file);
}
setTimeout(() => {
input.click();
}, 100);
})
function importSuccess() {
alert("IMPORT COMPLETE - REFRESH PAGE TO VIEW");
}
function importTagFile(file) {
var items = 0;
if (file.type === "application/json") {
const reader = new FileReader();
reader.readAsText(file);
reader.addEventListener('load', e => {
const content = e.target.result;
tags = JSON.parse(content);
tags.forEach(tag => {
var tagAddformData = new FormData();
tagAddformData.append('tagid', tag.sid);
tagAddformData.append('tagx', tag.anchorPosition.x);
tagAddformData.append('tagy', tag.anchorPosition.y);
tagAddformData.append('tagz', tag.anchorPosition.z);
tagAddformData.append('stemx', tag.stemVector.x);
tagAddformData.append('stemy', tag.stemVector.y);
tagAddformData.append('stemz', tag.stemVector.z);
tagAddformData.append('editmodel', document.getElementById('editmodel').value);
tagAddformData.append('version', document.getElementById('version').value);
var request = new XMLHttpRequest();
request.open('POST', baseLoc + '/tagadd.php');
request.setRequestHeader("Cache-Control", "no-cache");
request.send(tagAddformData);
request.onreadystatechange = function() {
if (request.readyState === 4) {
if (request.status === 200) {
console.log("Tag Positions Imported");
}
}
}
var formData = new FormData();
formData.append('master_type', "tag");
var tagcolor = cssFg;
if (tagcolor.charAt(0) == "#") {
var adaptedtagcolor = tagcolor.substring(1, tagcolor.length);
} else {
var adaptedtagcolor = tagcolor;
}
formData.append('tagcolor', adaptedtagcolor);
var tagbg = cssBg;
if (tagbg.charAt(0) == "#") {
var adaptedtagbg = tagbg.substring(1, tagbg.length);
} else {
var adaptedtagbg = tagbg;
}
formData.append('tagbackground', adaptedtagbg);
formData.append('tagimage', 'info');
formData.append('tagaction', "default");
formData.append('defact', "default");
formData.append('tagid', tag.sid);
formData.append('editmodel', document.getElementById('editmodel').value);
formData.append('version', document.getElementById('version').value);
var request2 = new XMLHttpRequest();
request2.open('POST', baseLoc + '/tagupdate.php');
request2.setRequestHeader("Cache-Control", "no-cache");
request2.send(formData);
request2.onreadystatechange = function() {
if (request2.readyState === 4) {
if (request2.status === 200) {
console.log("Tag Secondary Info Imported");
}
}
}
var dfformData = new FormData();
dfformData.append('mmLink', tag.mediaSrc);
dfformData.append('mmTitle', tag.label);
var tagType = "";
if (tag.mediaType == "mattertag.media.video") {
tagType = "VIDEO"
}
if (tag.mediaType == "mattertag.media.photo") {
tagType = "PHOTO"
}
if (tag.mediaType == "mattertag.media.rich") {
tagType = "RICH"
}
if (tag.mediaType == "mattertag.media.none") {
tagType = "NONE"
}
dfformData.append('mmType', tagType);
dfformData.append('mmButton', tag.description);
dfformData.append('css', "");
dfformData.append('model', document.getElementById('editmodel').value);
dfformData.append('version', document.getElementById('version').value);
dfformData.append('title', document.getElementById('title').value);
dfformData.append('sweep', tag.sid);
dfformData.append('rotation', "tag_unused");
var dfrequest = new XMLHttpRequest();
dfrequest.open('POST', baseLoc + '/eminsert.php');
dfrequest.setRequestHeader("Cache-Control", "no-cache");
dfrequest.send(dfformData);
dfrequest.onreadystatechange = function() {
if (dfrequest.readyState === 4) {
if (dfrequest.status === 200) {
items++;
console.log("Tag Import Completed");
}
}
};
if (items === tags.length) {
importSuccess();
}
})
});
} else {
window.alert("Please select a .json filetype");
}
}
$(document).on('click', "#tagexport", function() {})
$(document).on('click', "#cfSubmit", function() {
var formData = new FormData();
formData.append('model', document.getElementById('editmodel').value);
formData.append('version', document.getElementById('version').value);
var enableCf = document.getElementById("cf_init").checked;
if (enableCf == true) {
formData.append('cf_init', "1");
} else {
formData.append('cf_init', "0");
}
formData.append('cf_delay', document.getElementById('cf_delay').value);
formData.append('cf_email', document.getElementById('cf_email').value);
var request = new XMLHttpRequest();
request.open('POST', baseLoc + '/dbupdatecontactform.php');
request.setRequestHeader("Cache-Control", "no-cache");
request.send(formData);
request.onreadystatechange = function() {
if (request.readyState === 4) {
if (request.status === 200) {
document.getElementById("controlWrapper").setAttribute("hidden", true);
iframe.style.width = "100%";
console.log("Database Updated");
$(".ssMsg").load(baseLoc + "/smessage.php");
document.getElementById("ssMsg").getAttribute("hidden");
document.getElementById("ssMsg").removeAttribute("hidden");
setTimeout(function() {
document.getElementById("ssMsg").setAttribute("hidden", true);
document.getElementById("ssMsg").innerHTML = "";
}, 2000);
}
}
};
});
function submitData(submitType, formData) {
if (submitType == "bgm" || submitType == "css" || submitType == "access" || submitType == "launch" || submitType == "security" || submitType == "theme" || submitType == "tag" || submitType == "sweep") {
formData.append('model', document.getElementById('editmodel').value);
formData.append('version', document.getElementById('version').value);
var request = new XMLHttpRequest();
request.open('POST', baseLoc + '/dbupdatelogo.php');
request.setRequestHeader("Cache-Control", "no-cache");
request.send(formData);
request.onreadystatechange = function() {
if (request.readyState === 4) {
if (request.status === 200) {
document.getElementById("controlWrapper").setAttribute("hidden", true);
iframe.style.width = "100%";
console.log("Database Updated");
$(".ssMsg").load(baseLoc + "/smessage.php");
document.getElementById("ssMsg").getAttribute("hidden");
document.getElementById("ssMsg").removeAttribute("hidden");
setTimeout(function() {
document.getElementById("ssMsg").setAttribute("hidden", true);
document.getElementById("ssMsg").innerHTML = "";
}, 2000);
}
}
}
}
};
function submitUrlData(submitType, urlParamFormData) {
if (submitType == "access" || submitType == "launch" || submitType == "ui" || submitType == "hlgt") {
var urlrequest = new XMLHttpRequest();
console.log("URLPARAMINIT")
urlParamFormData.append('model', document.getElementById('editmodel').value);
urlParamFormData.append('version', document.getElementById('version').value);
urlrequest.open('POST', baseLoc + '/dbupdateurls.php');
urlrequest.setRequestHeader("Cache-Control", "no-cache");
urlrequest.send(urlParamFormData);
if (submitType == "ui" || submitType == "hlgt") {
urlrequest.onreadystatechange = function() {
if (urlrequest.readyState === 4) {
if (urlrequest.status === 200) {
document.getElementById("controlWrapper").setAttribute("hidden", true);
iframe.style.width = "100%";
console.log("Database Updated");
$(".ssMsg").load(baseLoc + "/smessage.php");
document.getElementById("ssMsg").getAttribute("hidden");
document.getElementById("ssMsg").removeAttribute("hidden");
setTimeout(function() {
document.getElementById("ssMsg").setAttribute("hidden", true);
document.getElementById("ssMsg").innerHTML = "";
}, 2000);
}
}
}
}
}
};
$(document).on('click', "#cssSubmit", function() {
var type = "css";
var formData = new FormData();
formData.append('requestType', type);
formData.append('logo', document.getElementById("logo").value);
formData.append('logolink', document.getElementById("logolink").value);
formData.append('providerlogo', document.getElementById("providerlogo").value);
formData.append('providerlogolink', document.getElementById("providerlogolink").value);
var hlInput = document.getElementById("hl_accent").checked;
if (hlInput == true) {
formData.append('hl_accent', "1");
} else {
formData.append('hl_accent', "0");
}
var npInput = document.getElementById("npenable").checked;
if (npInput == true) {
formData.append('nadirpatch', "1");
} else {
formData.append('nadirpatch', "0");
}
var npImg = document.getElementById("nplogo").value;
formData.append('nadirpatchimg', npImg);
var dhbgInput = document.getElementById("dhbgenable").checked;
if (dhbgInput == true) {
formData.append('dhbg', "1");
} else {
formData.append('dhbg', "0");
}
var dhbgc1 = document.getElementById("dhbgc1").value;
if (dhbgc1.charAt(0) == "#") {
var adapteddh1color = dhbgc1.substring(1, dhbgc1.length);
} else {
var adapteddh1color = dhbgc1;
}
formData.append('dhbgc1', adapteddh1color);
var dhbgc2 = document.getElementById("dhbgc2").value;
if (dhbgc2.charAt(0) == "#") {
var adapteddh2color = dhbgc2.substring(1, dhbgc2.length);
} else {
var adapteddh2color = dhbgc2;
}
formData.append('dhbgc2', adapteddh2color);
var hlcolor = document.getElementById("cssHlReel").value;
if (hlcolor.charAt(0) == "#") {
var adaptedhlcolor = hlcolor.substring(1, hlcolor.length);
} else {
var adaptedhlcolor = hlcolor;
}
formData.append('css_hl', adaptedhlcolor);
var cssbcolor = document.getElementById("cssBackground").value;
if (cssbcolor.charAt(0) == "#") {
var adaptedcssbcolor = cssbcolor.substring(1, cssbcolor.length);
} else {
var adaptedcssbcolor = cssbcolor;
}
formData.append('cssb', adaptedcssbcolor);
var cssfcolor = document.getElementById("cssForeground").value;
if (cssfcolor.charAt(0) == "#") {
var adaptedcssfcolor = cssfcolor.substring(1, cssfcolor.length);
} else {
var adaptedcssfcolor = cssfcolor;
}
formData.append('cssf', adaptedcssfcolor);
var csstcolor = document.getElementById("cssTxt").value;
if (csstcolor.charAt(0) == "#") {
var adaptedcsstcolor = csstcolor.substring(1, csstcolor.length);
} else {
var adaptedcsstcolor = csstcolor
}
formData.append('csst', adaptedcsstcolor);
submitData(type, formData);
});
$(document).on('click', "#secSubmit", function() {
var type = "security";
var formData = new FormData();
formData.append('requestType', type);
formData.append('embedWhiteList', document.getElementById("embedWhiteList").value);
var slInput = document.getElementById("selflimit").checked;
if (slInput == true) {
formData.append('selflimit', "1");
} else {
formData.append('selflimit', "0");
}
submitData(type, formData);
});
$(document).on('click', "#audioBgLinkSubmit", function() {
var type = "bgm";
var formData = new FormData();
formData.append('requestType', type);
formData.append('audiobg_file', document.getElementById("audioBgmLink").value);
submitData(type, formData);
});
$(document).on('click', "#accessibilitySubmit", function() {
var type = "access";
var formData = new FormData();
formData.append('requestType', type);
formData.append('baselanguage', document.getElementById("baselanguage").value);
var tInput = document.getElementById("translation").checked;
if (tInput == true) {
formData.append('translation', "1");
} else {
formData.append('translation', "0");
}
var vcInput = document.getElementById("voiceControl").checked;
if (vcInput == true) {
formData.append('voiceControl', "1");
} else {
formData.append('voiceControl', "0");
}
var hiInput = document.getElementById("hearingImpairedSelect").checked;
if (hiInput == true) {
formData.append('hearingimpaired', "1");
} else {
formData.append('hearingimpaired', "0");
}
var urlParamFormData = new FormData();
urlParamFormData.append('requestType', type);
urlParamFormData.append('mpbaselanguage', document.getElementById("mpbaselanguage").value);
submitData(type, formData);
submitUrlData(type, urlParamFormData);
});
$(document).on('click', "#fpSubmit", function() {
var type = "frontpage";
var formData = new FormData();
formData.append('requestType', type);
formData.append('embedWhiteList', document.getElementById("embedWhiteList").value);
var slInput = document.getElementById("selflimit").checked;
if (slInput == true) {
formData.append('selflimit', "1");
} else {
formData.append('selflimit', "0");
}
submitData(type, formData);
});
$(document).on('click', "#tagGlobalSubmit", function() {
var type = "tag";
var tagradioversion = "";
var tagversion = document.getElementById("tagsVersion").value;
var formData = new FormData();
formData.append("requestType", "tag");
if ($('input[name="tagChoice"]:checked').length > 0) {
console.log("HELLO" + document.querySelector('input[name="tagChoice"]:checked').value);
if(document.querySelector('input[name="tagChoice"]:checked').value == "0") {
tagradioversion = "0";
} else {
tagradioversion = "1";
}
} else {
tagradioversion = "1";
}
console.log(tagradioversion)
formData.append("tagversion", tagradioversion);
var ptInput = document.getElementById("prox_tags").checked;
if (ptInput == true) {
formData.append('prox_tags', "1");
} else {
formData.append('prox_tags', "0");
}
var tagsdhInput = document.getElementById("tagsdh").checked;
if (tagsdhInput == true) {
formData.append('tagsdh', "1");
} else {
formData.append('tagsdh', "0");
}
var tagstemInput = document.getElementById("tagStems").checked;
if (tagstemInput == true) {
formData.append('stems', "1");
} else {
formData.append('stems', "0");
}
var tdInput = document.getElementById("tagsdisable").checked;
if (tdInput == true) {
formData.append('tagsdisable', "1");
} else {
formData.append('tagsdisable', "0");
}
var atdInput = document.getElementById("c3dtagsdisable").checked;
if (atdInput == true) {
formData.append('addedtagsdisable', "1");
} else {
formData.append('addedtagsdisable', "0");
}
formData.append('prox_radius', document.getElementById("prox_radius").value);
submitData(type, formData);
})
$(document).on('click', "#sweepGlobalSubmit", function() {
var type = "sweep";
var formData = new FormData();
formData.append("requestType", "sweep");
console.log(colorOrUrl);
if (typeof colorOrUrl != "undefined") {
var puckcolor = document.getElementById("customSweepColor").value;
if (puckcolor.charAt(0) == "#") {
var adaptedpuckcolor = puckcolor.substring(1, puckcolor.length);
} else {
var adaptedpuckcolor = puckcolor;
}
if (colorOrUrl == "color") {
formData.append('custompuck', adaptedpuckcolor);
} else {
formData.append('custompuck', document.getElementById("customSweepUrl").value);
}
} else {
formData.append('custompuck', "");
}
var mediaPuckInput = document.getElementById("mediaPucks").checked;
if (mediaPuckInput == true) {
formData.append('mediapuck', "1");
} else {
formData.append('mediapuck', "0");
}
var pmInput = document.getElementById("persistant_media").checked;
if (pmInput == true) {
formData.append('persistantmedia', "1");
} else {
formData.append('persistantmedia', "0");
}
var puckInput = document.getElementById("pucks").checked;
if (puckInput == true) {
formData.append('pucks', "1");
} else {
formData.append('pucks', "0");
}
submitData(type, formData);
})
$(document).on('click', "#launchSubmit", function() {
var type = "launch";
var themeformData = new FormData();
themeformData.append('requestType', type);
themeformData.append('version', document.getElementById('version').value);
var fsInput = document.getElementById("goFs").checked;
if (fsInput == true) {
themeformData.append('fs', "1");
} else {
themeformData.append('fs', "0");
}
var urlParamFormData = new FormData();
urlParamFormData.append('requestType', type);
var ciInput = document.getElementById("apSel").checked;
if (ciInput == true) {
urlParamFormData.append('play', "1");
} else {
urlParamFormData.append('play', "");
}
var cidInput = document.getElementById("qsSel").checked;
if (cidInput == true) {
urlParamFormData.append('qs', "1");
} else {
urlParamFormData.append('qs', "0");
}
urlParamFormData.append("help", $("#shSel").val());
urlParamFormData.append("sr", $("#srSel").val());
urlParamFormData.append("ss", $("#ssSel").val());
submitData(type, themeformData);
submitUrlData(type, urlParamFormData);
});
$(document).on('click', "#themeSubmit", function() {
var type = "theme";
var themeformData = new FormData();
themeformData.append('requestType', type);
themeformData.append('version', document.getElementById('version').value);
themeformData.append('title', document.getElementById('mytitle').value);
var ciInput = document.getElementById("custom_intro").checked;
if (ciInput == true) {
themeformData.append('custom_intro', "1");
} else {
themeformData.append('custom_intro', "0");
}
var cidInput = document.getElementById("bg_delay").checked;
if (cidInput == true) {
console.log("DELAY TRUE")
themeformData.append('bg_delay', "1");
} else {
console.log("DELAY FALSE")
themeformData.append('bg_delay', "0");
}
var lrInput = document.getElementById("line_remove").checked;
if (lrInput == true) {
themeformData.append('line_remove', "1");
} else {
themeformData.append('line_remove', "0");
}
themeformData.append('intro_sub', document.getElementById("intro_sub").value);
themeformData.append('intro_bg', document.getElementById("intro_bg").value);
submitData(type, themeformData);
});
$(document).on('click', "#gthrSubmit", function() {
var type = "hlgt";
var themeformData = null;
var urlParamFormData = new FormData();
urlParamFormData.append('requestType', type);
var gtInput = document.getElementById("gtSel").checked;
if (gtInput == true) {
urlParamFormData.append('gt', "0");
} else {
urlParamFormData.append('gt', "");
}
urlParamFormData.append('ts', document.getElementById("tsSel").value);
urlParamFormData.append('tourcta', document.getElementById("tourctaSel").value);
var kbInput = document.getElementById("kbSel").checked;
if (kbInput == true) {
urlParamFormData.append('fp', "0");
} else {
urlParamFormData.append('fp', "");
}
var lpInput = document.getElementById("lpSel").checked;
if (lpInput == true) {
urlParamFormData.append('lp', "1");
} else {
urlParamFormData.append('lp', "");
}
var hrInput = document.getElementById("hrSel").checked;
if (hrInput == true) {
urlParamFormData.append('hr', "0");
} else {
urlParamFormData.append('hr', "");
}
urlParamFormData.append('hl', document.getElementById("hlSel").value);
submitData(type, themeformData);
submitUrlData(type, urlParamFormData);
});
$(document).on('click', "#uiSubmit", function() {
var type = "ui";
var themeformData = null;
var urlParamFormData = new FormData();
urlParamFormData.append('requestType', type);
var dhInput = document.getElementById("dhSel").checked;
if (dhInput == true) {
urlParamFormData.append('dh', "0");
} else {
urlParamFormData.append('dh', "");
}
var fpInput = document.getElementById("fpSel").checked;
if (fpInput == true) {
urlParamFormData.append('fp', "0");
} else {
urlParamFormData.append('fp', "");
}
var fInput = document.getElementById("fSel").checked;
if (fInput == true) {
urlParamFormData.append('f', "0");
} else {
urlParamFormData.append('f', "");
}
var sdInput = document.getElementById("searchdisable").checked;
if (sdInput == true) {
urlParamFormData.append('search', "1");
} else {
urlParamFormData.append('search', "0");
}
urlParamFormData.append('sh', document.getElementById("shSel").value);
var brandInput = document.getElementById("brandSel").checked;
if (brandInput == true) {
urlParamFormData.append('brand', "0");
} else {
urlParamFormData.append('brand', "");
}
var vrInput = document.getElementById("vrSel").checked;
if (vrInput == true) {
urlParamFormData.append('vr', "0");
} else {
urlParamFormData.append('vr', "");
}
var whInput = document.getElementById("whSel").checked;
if (whInput == true) {
urlParamFormData.append('wh', "0");
} else {
urlParamFormData.append('wh', "");
}
var nozoomInput = document.getElementById("nozoomSel").checked;
if (brandInput == true) {
urlParamFormData.append('nozoom', "1");
} else {
urlParamFormData.append('nozoom', "");
}
submitData(type, themeformData);
submitUrlData(type, urlParamFormData);
});
$(document).on('click', "#customsweepsubmit", function() {
var sweepFormData = new FormData();
sweepFormData.append('model', document.getElementById('editmodel').value);
sweepFormData.append('version', document.getElementById('version').value);
sweepFormData.append('sweep', document.getElementById("sweep_id").value);
if (typeof colorOrUrl != "undefined") {
var puckcolor = document.getElementById("customSweepColor").value;
if (puckcolor.charAt(0) == "#") {
var adaptedpuckcolor = puckcolor.substring(1, puckcolor.length);
} else {
var adaptedpuckcolor = puckcolor;
}
var bgcolor = document.getElementById("iconBackground").value;
if (bgcolor.charAt(0) == "#") {
var adaptedbgcolor = bgcolor.substring(1, bgcolor.length);
} else {
var adaptedbgcolor = bgcolor;
}
var fgcolor = document.getElementById("iconColor").value;
if (fgcolor.charAt(0) == "#") {
var adaptedfgcolor = fgcolor.substring(1, fgcolor.length);
} else {
var adaptedfgcolor = fgcolor;
}
if (colorOrUrl == "color") {
sweepFormData.append('iconbg', "");
sweepFormData.append('iconfg', "");
sweepFormData.append('custompuck', adaptedpuckcolor);
} else {
sweepFormData.append('iconbg', adaptedbgcolor);
sweepFormData.append('iconfg', adaptedfgcolor);
var typeVal = document.getElementById("tagType").value
if (typeVal.substring(0, 5) == "icon_") {
typeVal = document.getElementById("tagType").value
} else {
typeVal = "icon_" + document.getElementById("tagType").value
}
sweepFormData.append('custompuck', typeVal);
}
} else {
sweepFormData.append('custompuck', "");
}
var sweepHasTag = document.getElementById("sweepHasTag").checked;
if (sweepHasTag == true) {
sweepFormData.append('sweepHasTag', "1");
} else {
sweepFormData.append('sweepHasTag', "0");
}
var sweepIsCustom = document.getElementById("sweepIsCustom").checked;
if (sweepIsCustom == true) {
sweepFormData.append('sweepIsCustom', "1");
} else {
sweepFormData.append('sweepIsCustom', "0");
}
sweepFormData.append('title', document.getElementById("sweepTagTitle").value);
sweepFormData.append('desc', document.getElementById("sweepTagDesc").value);
sweepFormData.append('media', document.getElementById("sweepTagMedia").value);
var sweeprequest = new XMLHttpRequest();
sweeprequest.open('POST', baseLoc + '/dbupdatecustomsweep.php');
sweeprequest.setRequestHeader("Cache-Control", "no-cache");
sweeprequest.send(sweepFormData);
sweeprequest.onreadystatechange = function() {
if (sweeprequest.readyState === 4) {
if (sweeprequest.status === 200) {
document.getElementById("controlWrapper").setAttribute("hidden", true);
iframe.style.width = "100%";
console.log("Database Updated");
$(".ssMsg").load(baseLoc + "/smessage.php");
document.getElementById("ssMsg").getAttribute("hidden");
document.getElementById("ssMsg").removeAttribute("hidden");
setTimeout(function() {
document.getElementById("ssMsg").setAttribute("hidden", true);
document.getElementById("ssMsg").innerHTML = "";
}, 2000);
}
}
};
});
$(document).on("click", ".mediaLibDeleteButton", function() {
var fullpath = $(this).attr("data-media");
var source = $(this).attr("data-src");
var formData = new FormData();
formData.append('file', fullpath);
var ext = fullpath.substring(fullpath.length -3, fullpath.length);
var request = new XMLHttpRequest();
request.open('POST', baseLoc + '/indexnewmymediadelete.php');
request.setRequestHeader("Cache-Control", "no-cache");
request.send(formData);
request.onreadystatechange = function() {
if (request.readyState === 4) {
if (request.status === 200) {
$(".ssMsg").load(baseLoc + "/smessage.php");
document.getElementById("ssMsg").getAttribute("hidden");
document.getElementById("ssMsg").removeAttribute("hidden");
setTimeout(function() {
document.getElementById("ssMsg").setAttribute("hidden", true);
document.getElementById("ssMsg").innerHTML = "";
}, 2000);
setTimeout(function () {
if (ext == "glb") {
$("#mymodels").load(baseLoc + "/indexnewmymedia3d.php?pagesrc=modelpage&type=all");
} else {
if (source == "freq") {
$("#mymodels").load(baseLoc + "/indexnewmymediafreq.php?pagesrc=modelpage&type=all");
}
if (source == "this") {
$("#mymodels").load(baseLoc + "/indexnewmymediatm.php?model=" + editmodel + "&version=" + version + "&pagesrc=modelpage&type=all");
}
if (source == "all") {
$("#mymodels").load(baseLoc + "/indexnewmymediaam.php?pagesrc=modelpage&type=all");
}
}
},500);
}
}
}
});
function closeFrame() {
if (sPath != "tagbuilder" && sPath != "tagbuilderdevnew") {
$("#audioContainer").removeClass("blurry");
$("#showcase_iframe").removeClass("blurry");
if ($('.marquee span').length > 0) {
setTimeout(function() {
$('.marquee span').html("");
$('.marquee span').css("animation-play-state", "paused");
$('.marquee span').css("webkitAnimation-play-state", "paused");
if (ppInMpControls == "0") {
document.getElementById("audioPlayPause").style.display = "none";
} else {
iframe.contentWindow.document.getElementById("audioPlayPause").style.display = "none";
}
console.log("HIDDEN CLOSEFRAME")
$("#apptranscription").attr("hidden", true);
}, 500);
}
}
if (window.typeofaudio != "SWEEP") {
if (typeof gainNode2 !== 'undefined') {
gainNode2.gain.setTargetAtTime(0.001, bgcontext.currentTime, 0.6);
}
if (typeof gainNode3 !== 'undefined') {
gainNode3.gain.setTargetAtTime(0.001, bgcontext.currentTime, 0.6);
}
if (typeof gainNode !== 'undefined') {
gainNode.gain.setTargetAtTime(0.3, bgcontext.currentTime, 1);
}
}
if ($("#mediaframe")) {
document.getElementById("mediaframe").parentNode.removeChild(document.getElementById("mediaframe"));
}
$('#mediaholder').addClass('hidden').removeClass('showing');
$('#popupframe').addClass('hidden').removeClass('showing');
if ($('#popupframe').hasClass('portrait')) {
$('#popupframe').removeClass("portrait");
}
if ($('#mediaholder').hasClass('portrait')) {
$('#mediaholder').removeClass("portrait");
}
if ($('#mediaholder').hasClass('square')) {
$('#mediaholder').removeClass("square");
}
if ($('#popupframe').hasClass('hidden')) {
if (typeof audio !== "undefined" && window.typeofaudio != "SWEEP") {
audio.pause();
}
}
if (annyang) {
if (os != "Mac OS" && os != "iOS" && os != "Android" && document.getElementById('voiceControl').value == "1") {
annyang.start();
}
}
}
try {
if ($("#vidrecord").length > 0) {
console.log($("#vidrecord"));
const mediaSource = new MediaSource();
mediaSource.addEventListener('sourceopen', handleSourceOpen, false);
}
let videoRecorder;
let recordedBlobs;
let sourceBuffer;
const errorMsgElement = document.querySelector('span#errorMsg');
const recordedVideo = document.querySelector('video#recorded');
if ($("#vidrecord")) {
$(document).on('click', "#vidrecord", function() {
vidRecordButton = document.getElementById("vidrecord");
if (vidRecordButton.innerText === 'RECORD') {
startVidRecording();
} else {
if (vidRecordButton.innerText === 'STOP') {
stopVidRecording();
}
}
});
}
function buildBlob(recordedBlobs) {
var blob = new Blob(recordedBlobs, {
type: 'video/webm'
});
var blobUrl = URL.createObjectURL(blob);
const vidlist = document.getElementById('vidrecordings');
const li = document.createElement('li');
vidRecordButton.setAttribute('hidden', true);
const vidUpload = document.createElement('BUTTON');
vidUpload.className = "inputListButton";
vidUpload.innerHTML = "UPLOAD";
vidUpload.style.marginLeft = "-10px";
vidUpload.style.marginRight = "5px";
const vidDeleteButton = document.createElement('BUTTON');
vidDeleteButton.className = "inputListButton";
vidDeleteButton.innerHTML = "DISCARD";
vidDeleteButton.style.marginLeft = "5px";
li.appendChild(vidUpload);
li.appendChild(vidDeleteButton);
vidlist.appendChild(li);
vidDeleteButton.addEventListener('click', async () => {
blob = null;
vidtbnavDiv.setAttribute('hidden', true);
vidUpload.setAttribute('hidden', true);
vidDeleteButton.setAttribute('hidden', true);
document.getElementById("getCam").getAttribute('hidden');
document.getElementById("getCam").removeAttribute('hidden');
document.getElementById("getScreen").getAttribute('hidden');
document.getElementById("getScreen").removeAttribute('hidden');
document.getElementById("vrecord").removeAttribute("hidden");
document.getElementById("linkVideo").removeAttribute("hidden");
document.getElementById("noChangeVideo").removeAttribute("hidden");
$(".hPara").removeAttr("hidden");
document.getElementById("linktoVideoUrl").removeAttribute("hidden");
clearTimeout(vidtimerId);
vidtimerId = null;
});
vidUpload.addEventListener('click', async () => {
vidtbnavDiv.setAttribute('hidden', true);
vidDeleteButton.setAttribute('hidden', true);
vidUpload.innerText = 'UPLOADING';
fetch(baseLoc + '/blobhandle.php', {
method: "POST",
body: blob
}).then(response => {
if (response.ok) return response;
console.log("Video Handled in Memory");
}).then(response => {
var blobData = new FormData();
blobData.append('dirpath', document.getElementById('directoryName').value);
blobData.append('editmodel', document.getElementById('editmodel').value);
blobData.append('version', document.getElementById('version').value);
blobData.append('blobUrl', blobUrl);
var blobrequest = new XMLHttpRequest();
blobrequest.open('POST', baseLoc + '/vidupload.php');
blobrequest.send(blobData);
console.log("Video Uploaded");
blobrequest.onreadystatechange = function() {
if (blobrequest.readyState === 4) {
if (blobrequest.status === 200) {
vidUpload.setAttribute('hidden', true);
vidRecordButton.getAttribute('hidden');
vidRecordButton.removeAttribute('hidden');
var formData = new FormData();
formData.append('dirpath', document.getElementById('directoryName').value);
formData.append('editmodel', document.getElementById('editmodel').value);
formData.append('version', document.getElementById('version').value);
formData.append('title', document.getElementById('title').value);
formData.append('video_title', document.getElementById('vidtitle').value);
formData.append('subSelect', document.getElementById('subSelect').value);
formData.append('videoSelect', document.getElementById('audioSelect').value);
formData.append('voiceControl', document.getElementById('voiceControl').value);
formData.append('css', document.getElementById('vidCss').value);
var checkMute = document.getElementById("muteVideo").checked;
if (checkMute == true) {
formData.append('mutevid', "yes");
} else {
formData.append('mutevid', "no");
}
formData.append('accessvid', "no");
var realtagPos = lookup.indexOf(window.tag);
if (realtagPos != -1) {
formData.append('sweep', lookup[realtagPos + 1]);
} else {
formData.append('sweep', window.tag);
}
if (window.type == "tag") {
formData.append('rotation', "tag_unused");
} else {
formData.append('rotation', window.rotation);
}
var checkBox = document.getElementById('requirebutton');
formData.append('button', document.getElementById('vidbuttonValue').value);
formData.append('transcript', document.getElementById('vidtranscriptValue').value);
formData.append('note', "");
var request = new XMLHttpRequest();
request.upload.addEventListener("progress", function(evt) {
if (evt.lengthComputable) {
var percentComplete = evt.loaded / evt.total;
console.log(percentComplete);
}
}, false);
request.open('POST', baseLoc + '/viddbupdate.php');
request.setRequestHeader("Cache-Control", "no-cache");
request.send(formData);
request.onreadystatechange = function() {
if (request.readyState === 4) {
if (request.status === 200) {
console.log("Database Updated");
$(".ssMsg").load(baseLoc + "/smessage.php");
document.getElementById("ssMsg").getAttribute("hidden");
document.getElementById("ssMsg").removeAttribute("hidden");
document.getElementsByTagName("li").innerHTML = "";
document.getElementById("vidbuttonValue").value = '';
document.getElementById("vidtranscriptValue").value = '';
document.getElementById('vidtitle').value = '';
$(".hPara").attr("hidden", true);
$("#vrecord").attr("hidden", true);
$("#linktoVideoUrl").attr("hidden", true);
$("#noChangeVideo").attr("hidden", true);
$("#linkVideo").attr("hidden", true);
document.getElementById("gum").setAttribute("hidden", true);
document.getElementById("getCam").setAttribute("hidden", true);
document.getElementById("getScreen").setAttribute("hidden", true);
document.getElementById("vidrecord").setAttribute("hidden", true);
document.getElementById("controlWrapper").setAttribute("hidden", true);
iframe.style.width = "100%";
var editmodel = document.getElementById('editmodel').value;
var version = document.getElementById('version').value;
stream.getTracks().forEach(function(track) {
track.stop();
});
var refreshvidpoints = baseLoc + "/currentvidpoints.php?model=" + editmodel + "&version=" + version;
var refreshavidpoints = baseLoc + "/currentavidpoints.php?model=" + editmodel + "&version=" + version;
$("#existingaVidRow").load(refreshavidpoints);
$("#existingVidRow").load(refreshvidpoints);
setTimeout(function() {
document.getElementById("ssMsg").setAttribute("hidden", true);
document.getElementById("ssMsg").innerHTML = "";
}, 2000);
console.log("Links Refreshed");
vidRecordButton.disabled = false;
vidRecordButton.innerText = "RECORD";
setTimeout(() => {}, 100);
var exformData = new FormData();
exformData.append('editmodel', document.getElementById('editmodel').value);
exformData.append('version', document.getElementById('version').value);
exformData.append('type', "video");
var realtagPos = lookup.indexOf(window.tag);
if (realtagPos != -1) {
exformData.append('sweep', lookup[realtagPos + 1]);
} else {
exformData.append('sweep', window.tag);
}
var exrequest = new XMLHttpRequest();
exrequest.open('POST', baseLoc + '/deleteexistingonchange.php');
exrequest.setRequestHeader("Cache-Control", "no-cache");
exrequest.send(exformData);
exrequest.onreadystatechange = function() {
if (exrequest.readyState === 4) {
if (exrequest.status === 200) {
console.log("Existing Media Deleted");
window.tag = null;
}
}
}
}
}
};
}
}
};
});
});
console.log("Encoding complete");
}
function handleSourceOpen(event) {
// sourceBuffer = mediaSource.addSourceBuffer('video/webm; codecs="vp9"');
}
function handleDataAvailable(event) {
if (event.data && event.data.size > 0) {
recordedBlobs.push(event.data);
}
}
$(document).on('click', "#takephoto", function() {
console.log("PHOTOMODE");
navigator.mediaDevices.getUserMedia({
video: {
facingMode: {
exact: 'environment'
}
}
}).then(mediaStream => {
const gumVideoP = document.querySelector('video#gumP');
gumVideoP.removeAttribute("hidden");
gumVideoP.srcObject = mediaStream;
gumVideoP.muted = true;
gumVideoP.play();
window.phototrack = mediaStream.getVideoTracks()[0];
let zoom = document.querySelector('#zoom');
const capabilities = phototrack.getCapabilities();
// Check whether zoom is supported or not.
if (!capabilities.zoom) {
return;
}
phototrack.applyConstraints({
advanced: [{
zoom: zoom.value
}]
});
}).catch(function(error) {
console.log('takePhoto() error: ', error);
});
});
$(document).on('click', "#snapshot", function() {
imageCapture = new ImageCapture(phototrack);
imageCapture.takePhoto().then(function(blob) {
$("#gumP").attr("hidden", "true");
$("#photoFrame").removeAttr("hidden");
console.log('Took photo:', blob);
photoFrame.classList.remove('hidden');
photoFrame.src = URL.createObjectURL(blob);
myPhoto = URL.createObjectURL(blob);
})
})
function startVidRecording() {
vidRecordButton.innerText = 'STOP';
console.log("recording");
recordedBlobs = [];
let options = {
mimeType: 'video/webm; codecs=vp9'
};
try {
videoRecorder = new MediaRecorder(window.stream, options);
} catch (e) {
console.error('Exception while creating MediaRecorder:', e);
errorMsgElement.innerHTML = `Exception while creating MediaRecorder: ${JSON.stringify(e)}`;
return;
}
videoRecorder.onstop = (event) => {
vidRecordButton.disabled = true;
vidtbnavDiv.removeAttribute("hidden");
console.log('Recorder stopped: ', event);
buildBlob(recordedBlobs);
};
videoRecorder.ondataavailable = handleDataAvailable;
videoRecorder.start(10); // collect 10ms of data
var vidtimeLeft = 90;
clockelem = document.getElementById('vidcountdown');
vidtimerId = setInterval(countdown, 1000);
clockelem.getAttribute("hidden");
clockelem.removeAttribute("hidden");
function countdown() {
if (vidtimeLeft == -1) {
clearTimeout(vidtimerId);
vidtimerId = null;
vidRecordButton.click();
clockelem.setAttribute("hidden", true);;
} else {
if (videoRecorder.state === 'inactive') {
clearTimeout(vidtimerId);
clockelem.setAttribute("hidden", true);
vidtimerId = null;
} else {
clockelem.innerHTML = vidtimeLeft + ' seconds remaining';
vidtimeLeft--;
}
}
}
console.log('MediaRecorder started', videoRecorder);
}
function stopVidRecording() {
videoRecorder.stop();
}
function handleSuccess(stream) {
vidRecordButton.disabled = false;
window.stream = stream;
const gumVideo = document.querySelector('video#gum');
gumVideo.srcObject = stream;
gumVideo.muted = true;
gumVideo.play();
}
async function init(constraints) {
try {
vidRecordButton.textContext = 'RECORD';
vidRecordButton.innerText = 'RECORD';
if (recType === "camera") {
stream = await navigator.mediaDevices.getUserMedia(constraints);
}
if (recType === "screen") {
stream = await navigator.mediaDevices.getDisplayMedia(screenconstraints);
}
handleSuccess(stream);
} catch (e) {
console.error('navigator.getUserMedia error:', e);
errorMsgElement.innerHTML = `navigator.getUserMedia error:${e.toString()}`;
}
}
if ($('#getCam')) {
$(document).on('click', "#getCam", async function() {
document.getElementById('getCam').setAttribute("hidden", true);
document.getElementById('getScreen').setAttribute("hidden", true);
recType = "camera";
$(vidrecord).removeAttr("hidden");
constraints = {
audio: {
echoCancellation: true,
noiseSurpression: true
},
video: {
width: 1280,
height: 720
}
};
await init(constraints);
});
$(document).on('click', "#getScreen", async function() {
document.getElementById('getCam').setAttribute("hidden", true);
document.getElementById('getScreen').setAttribute("hidden", true);
recType = "screen";
$(vidrecord).removeAttr("hidden");
screenconstraints = {
cursor: {
exact: "none"
},
video: true,
audio: {
echoCancellation: true,
noiseSurpression: true
}
};
await init(screenconstraints);
});
}
} catch (error) {
console.error(error);
}
$('.fullscreenreplace').on('click', function(e) {
var doc = window.document;
var docEl = doc.documentElement;
var requestFullScreen = docEl.requestFullscreen || docEl.mozRequestFullScreen || docEl.webkitRequestFullScreen || docEl.msRequestFullscreen;
var cancelFullScreen = doc.exitFullscreen || doc.mozCancelFullScreen || doc.webkitExitFullscreen || doc.msExitFullscreen;
if (!doc.fullscreenElement && !doc.mozFullScreenElement && !doc.webkitFullscreenElement && !doc.msFullscreenElement) {
requestFullScreen.call(docEl);
} else {
cancelFullScreen.call(doc);
}
});
$('.fullscreenreplacebottom').on('click', function(e) {
var doc = window.document;
var docEl = doc.documentElement;
var requestFullScreen = docEl.requestFullscreen || docEl.mozRequestFullScreen || docEl.webkitRequestFullScreen || docEl.msRequestFullscreen;
var cancelFullScreen = doc.exitFullscreen || doc.mozCancelFullScreen || doc.webkitExitFullscreen || doc.msExitFullscreen;
if (!doc.fullscreenElement && !doc.mozFullScreenElement && !doc.webkitFullscreenElement && !doc.msFullscreenElement) {
requestFullScreen.call(docEl);
} else {
cancelFullScreen.call(doc);
}
});
$('i.fas.fa-envelope').click(function() {
var title = document.title;
location.href = 'mailto:?subject=' + encodeURIComponent(title) + '&body=' + encodeURIComponent(title + '\n\n') + encodeURIComponent(window.location.href) + '%26utm_source%3D3';
});
$('i.fab.fa-pinterest-p').click(function() {
var title = document.title;
var vars = {};
window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m, key, value) {
vars[key] = value;
});
var thumb = 'https://my.matterport.com/api/v1/player/models/' + vars.m + '/thumb';
window.open('https://www.pinterest.com/pin/create/link/?url=' + encodeURIComponent(window.location.href) + '%26utm_source%3D5' + '&description=' + encodeURIComponent(title) + '&media=' + encodeURIComponent(thumb), 'sharer', 'toolbar=0,status=0,width=640,height=480');
});
$('i.fab.fa-linkedin-in').click(function() {
window.open('https://www.linkedin.com/sharing/share-offsite/?url=' + encodeURIComponent(window.location.href) + '%26utm_source%3D6', 'sharer', 'toolbar=0,status=0,width=640,height=480');
});
$('i.fab.fa-twitter').click(function() {
var title = document.title;
window.open('https://twitter.com/intent/tweet?text=Explore%20' + encodeURIComponent(title) + ' at ' + encodeURIComponent(window.location.href) + '%26utm_source%3D2', 'sharer', 'toolbar=0,status=0,width=640,height=480');
});
$('i.fab.fa-facebook-f').click(function() {
window.open('https://www.facebook.com/sharer.php?u=' + encodeURIComponent(window.location.href) + '%26utm_source%3D1', 'sharer', 'toolbar=0,status=0,width=640,height=480');
});
$('i.fas.fa-link').click(function() {
var el = document.createElement('textarea');
el.value = window.location.href;
el.setAttribute('readonly', '');
el.style.position = 'absolute';
el.style.left = '-9999px';
document.body.appendChild(el);
el.select();
document.execCommand('copy');
document.body.removeChild(el);
$('#share-slider div').attr('data-balloon', 'Copied!');
setTimeout(function() {
$('#share-slider div').attr('data-balloon', 'Copy URL');
}, 3000);
});
$(document).on('click', "#vrecord", function() {
$('#getCam').removeAttr("hidden");
$('#getScreen').removeAttr("hidden");
document.getElementById("linkVideo").setAttribute("hidden", true);
document.getElementById("vrecord").setAttribute("hidden", true);
$(".hPara").attr("hidden", true);
document.getElementById("noChangeVideo").setAttribute("hidden", true);
document.getElementById("linktoVideoUrl").setAttribute("hidden", true);
$('#gum').removeAttr("hidden");
});
$(document).on('click', ".tlNavDeleteButton", function() {
var areyousure = confirm("Any submenu items associated with this item will be orphaned. Click 'OK' to continue or 'Cancel' to manually reassign submenu items using the 'EDIT NAV ORDER' menu item");
if (areyousure == true) {
var dbIndex = $(this).parent().children()[1].innerHTML;
var formData = new FormData();
formData.append('dbIndex', dbIndex);
var request = new XMLHttpRequest();
request.open('POST', baseLoc + '/tlnavdelete.php');
request.setRequestHeader("Cache-Control", "no-cache");
request.send(formData);
request.onreadystatechange = function() {
if (request.readyState === 4) {
if (request.status === 200) {
console.log("Database Updated");
$("#tlNavControls").load(baseLoc + "/tlnavcontrol.php?model=" + editmodel + "&version=" + version);
$(".ssMsg").load(baseLoc + "/smessage.php");
$(".ssMsg").removeAttr("hidden");
setTimeout(function() {
document.getElementById("ssMsg").setAttribute("hidden", true);
document.getElementById("ssMsg").innerHTML = "";
}, 2000);
}
}
}
} else {}
});
$(document).on('blur', ".tlNavOrderdescription", function() {
var position = $(this).parent().children()[0].innerHTML;
var dbIndex = $(this).parent().children()[1].innerHTML;
var description = $(this).parent().children()[2].innerHTML;
var formData = new FormData();
formData.append('dbIndex', dbIndex);
formData.append('position', position);
formData.append('description', description);
var request = new XMLHttpRequest();
request.open('POST', baseLoc + '/tlnaveditorder.php');
request.setRequestHeader("Cache-Control", "no-cache");
request.send(formData);
request.onreadystatechange = function() {
if (request.readyState === 4) {
if (request.status === 200) {
console.log("Database Updated");
$("#tlNavControls").load(baseLoc + "/tlnavcontrol.php?model=" + editmodel + "&version=" + version);
$(".ssMsg").load(baseLoc + "/smessage.php");
$(".ssMsg").removeAttr("hidden");
setTimeout(function() {
document.getElementById("ssMsg").setAttribute("hidden", true);
document.getElementById("ssMsg").innerHTML = "";
}, 2000);
}
}
}
});
$(document).on('click', "#newNavSubmit", function() {
var position = $("#newNavPos").val();
var description = $("#newNavDesc").val();;
var formData = new FormData();;
formData.append('model', editmodel);
formData.append('version', version);
formData.append('position', position);
formData.append('description', description);
var request = new XMLHttpRequest();
request.open('POST', baseLoc + '/tlnavadd.php');
request.setRequestHeader("Cache-Control", "no-cache");
request.send(formData);
request.onreadystatechange = function() {
if (request.readyState === 4) {
if (request.status === 200) {
console.log("Database Updated");
$("#tlNavControls").load(baseLoc + "/tlnavcontrol.php?model=" + editmodel + "&version=" + version);
$(".ssMsg").load(baseLoc + "/smessage.php");
$(".ssMsg").removeAttr("hidden");
setTimeout(function() {
document.getElementById("ssMsg").setAttribute("hidden", true);
document.getElementById("ssMsg").innerHTML = "";
}, 2000);
}
}
}
});
$('.sharereplace').click(function() {
if ($('#share-slider').hasClass('isOpen')) {
$('#share-slider').removeClass('isOpen');
$('#share-button').removeClass('hidetooltip');
} else {
$('#share-slider').addClass('isOpen');
$('#share-button').addClass('hidetooltip');
}
});
$('.sharereplacebottom').click(function() {
if ($('#share-slider').hasClass('isOpen')) {
$('#share-slider').removeClass('isOpen');
$('#share-button').removeClass('hidetooltip');
} else {
$('#share-slider').addClass('isOpen');
$('#share-button').addClass('hidetooltip');
}
});
$('#menutitlecurrent').click(function() {});
$('#currentmediapages').click(function() {
$("#tbvflex").removeAttr("hidden");
});
window.onload = function exit(status) {
if (typeof limitSelf !== 'undefined') {
if (user === 'null') {
if (window.location === window.parent.location && limitSelf === "1") {
alert("THIS VIRTUAL TOUR CANNOT BE VIEWED DIRECTLY");
var i;
if (typeof status === 'string') {
alert(status);
}
window.addEventListener('error', function(e) {
e.preventDefault();
e.stopPropagation();
}, false);
var handlers = ['copy', 'cut', 'paste', 'beforeunload', 'blur', 'change', 'click', 'contextmenu', 'dblclick', 'focus', 'keydown', 'keypress', 'keyup', 'mousedown', 'mousemove', 'mouseout', 'mouseover', 'mouseup', 'resize', 'scroll', 'DOMNodeInserted', 'DOMNodeRemoved', 'DOMNodeRemovedFromDocument', 'DOMNodeInsertedIntoDocument', 'DOMAttrModified', 'DOMCharacterDataModified', 'DOMElementNameChanged', 'DOMAttributeNameChanged', 'DOMActivate', 'DOMFocusIn', 'DOMFocusOut', 'online', 'offline', 'textInput', 'abort', 'close', 'dragdrop', 'load', 'paint', 'reset', 'select', 'submit', 'unload'];
function stopPropagation(e) {
e.stopPropagation();
}
for (i = 0; i < handlers.length; i++) {
window.addEventListener(handlers[i], function(e) {
stopPropagation(e);
}, true);
}
if (window.stop) {
window.stop();
}
throw '';
}
}
}
}
$('#videoframe').hover(function toggleControls() {
if (this.hasAttribute("controls")) {
this.removeAttribute("controls")
} else {
this.setAttribute("controls", "controls")
}
})
$('#accessvideoframe').hover(function toggleControls() {
if (this.hasAttribute("controls")) {
this.removeAttribute("controls")
} else {
this.setAttribute("controls", "controls")
}
})
$(".circmenu-toggle").click(function() {
$(".circmenu-toggle").toggleClass('open');
$(".circmenu-round").toggleClass('open');
$(".circmenu-line").toggleClass('open');
});
$(".gtp").on('change', function() {
var toursweep = ($(this).attr('data-sweep'));
var model = ($(this).attr('data-model'));
var version = ($(this).attr('data-version'));
var rotation = ($(this).attr('data-rotation'));
var position = ($(this).val());
var formData = new FormData();
formData.append('sweep_id', toursweep);
formData.append('model', model);
formData.append('version', version);
formData.append('position', position);
if (window.type == "tag") {
formData.append('rotation', "tag_unused");
} else {
formData.append('rotation', window.rotation);
}
var gtprequest = new XMLHttpRequest();
gtprequest.open('POST', baseLoc + '/gtupdatedb.php');
gtprequest.setRequestHeader("Cache-Control", "no-cache");
gtprequest.send(formData);
gtprequest.onreadystatechange = function() {
if (gtprequest.readyState === 4) {
if (gtprequest.status === 200) {
console.log("Database Updated");
}
}
}
});
this.fullScreenMode = document.fullScreen || document.mozFullScreen || document.webkitIsFullScreen;
$(document).on('mozfullscreenchange webkitfullscreenchange fullscreenchange', function() {
this.fullScreenMode = !this.fullScreenMode;
var fsMode = this.fullScreenMode;
fsCss(fsMode);
});
function updateCss() {
if (mobile && !iPad) {
if (document.body.clientWidth > document.body.clientHeight) {
$("#loading-subheader").html("PLEASE SWITCH TO PORTRAIT MODE TO START YOUR EXPERIENCE");
} else {
$("#loading-subheader").html(subheader);
}
}
var sid = $("#sweepInfoDiv");
var siTop = (iframe.clientHeight / 2) - (sid.height() / 2);
var siLeft = (iframe.clientWidth / 2) - (sid.width() / 2);
sid.css("top", siTop);
sid.css("left", siLeft);
var puHeight = 0;
var puWidth = 0;
var puTop = 0;
var puLeft = 0;
if ($('#mediaTitleHolder').hasClass('minimal')) {
$('#mediaTitleHolder').removeClass('minimal');
}
if ($('#mediaTitleHolder').hasClass('pic')) {
$('#mediaTitleHolder').removeClass('pic');
}
if ($('#monitor').hasClass('monitor')) {
$('#monitor').removeClass('monitor');
$('#mediaTitleHolder').removeClass('monitor');
$('#mediaTitle').removeClass('monitor')
$('#mediaholder').removeClass('monitor')
$('.fsElement').removeClass('monitor')
$('#mediaClose').removeClass('monitor')
$('#mediaframe').removeClass('monitor')
}
if ($('#monitor').hasClass('min')) {
$('#monitor').removeClass('min');
$('#mediaTitleHolder').removeClass('minimal');
$('#mediaTitle').removeClass('minimal')
$('#mediaholder').removeClass('minimal')
$('.fsElement').removeClass('minimal')
$('#mediaClose').removeClass('minimal')
$('#mediaframe').removeClass('minimal')
}
if ($('#monitor').hasClass('picframe')) {
$('#monitor').removeClass('picframe');
$('#mediaTitleHolder').removeClass('picframe');
$('#mediaTitle').removeClass('picframe')
$('#mediaholder').removeClass('picframe')
$('.fsElement').removeClass('picframe')
$('#mediaClose').removeClass('picframe')
$('#mediaframe').removeClass('picframe')
}
if ($('#monitor').hasClass('classic')) {
$('#monitor').removeClass('classic');
$('#mediaTitleHolder').removeClass('classic');
$('#mediaTitle').removeClass('classic')
$('#mediaholder').removeClass('classic')
$('.fsElement').removeClass('classic')
$('#mediaClose').removeClass('classic')
$('#mediaframe').removeClass('classic')
}
if ($('#monitor').hasClass('standard')) {
$('#monitor').removeClass('standard');
$('#mediaTitleHolder').removeClass('standard');
$('#mediaTitle').removeClass('standard')
$('#mediaholder').removeClass('standard')
$('.fsElement').removeClass('standard')
$('#mediaClose').removeClass('standard')
$('#mediaframe').removeClass('standard')
}
if (mediacss == "monitor") {
$('#monitor').addClass('monitor');
$('#mediaTitleHolder').addClass('monitor');
$('#mediaTitle').addClass('monitor');
$('#mediaholder').addClass('monitor');
$('.fsElement').addClass('monitor');
$('#mediaClose').addClass('monitor');
var domCheck = setInterval(function() {
if (typeof document.getElementById("mediaframe") != "undefined") {
$('#mediaframe').addClass('monitor');
clearInterval(domCheck);
}
}, 25);
$('.fsElement').css('margin-top', "-7px");
$('#mediaClose').css('margin-top', "-5px");
$('.fsElement').css('right', "20px");
$('#mediaClose').css('right', "0px");
} else {
if (mediacss == "frame") {
$('#monitor').addClass('picframe');
$('#mediaholder').addClass('picframe');
$('#mediaTitleHolder').addClass('pic');
$('#mediaTitle').addClass('picframe');
$('.fsElement').addClass('picframe');
$('#mediaClose').addClass('picframe');
var domCheck = setInterval(function() {
if (typeof document.getElementById("mediaframe") != "undefined") {
$('#mediaframe').addClass('picframe');
clearInterval(domCheck);
}
}, 25);
$('.fsElement').css('margin-top', "-100px");
$('#mediaClose').css('margin-top', "-98px");
$('.fsElement').css('right', "-20px");
$('#mediaClose').css('right', "-40px");
} else {
if (mediacss == "standard") {
$('#monitor').addClass('standard');
$('#mediaTitleHolder').addClass('standard');
$('#mediaTitle').addClass('standard')
$('#mediaholder').addClass('standard')
$('.fsElement').addClass('standard')
$('#mediaClose').addClass('standard')
var domCheck = setInterval(function() {
if (typeof document.getElementById("mediaframe") != "undefined") {
$('#mediaframe').addClass('standard')
clearInterval(domCheck);
}
}, 25);
$('.fsElement').css('margin-top', "-7px");
$('#mediaClose').css('margin-top', "-5px");
$('.fsElement').css('right', "20px");
$('#mediaClose').css('right', "0px");
} else {
if (mediacss == "classic") {
$('#monitor').addClass('classic');
$('#mediaTitleHolder').addClass('classic');
$('#mediaTitle').addClass('classic')
$('#mediaholder').addClass('classic')
$('.fsElement').addClass('classic')
$('#mediaClose').addClass('classic')
var domCheck = setInterval(function() {
if (typeof document.getElementById("mediaframe") != "undefined") {
$('#mediaframe').addClass('classic')
clearInterval(domCheck);
}
}, 25);
$('#fsElement').prepend("
");
$('#fsElement').append("
");
$('.fsElement').css('right', "20px");
$('#mediaClose').css('right', "0px");
} else {
$('#monitor').addClass('min');
$('#mediaTitleHolder').addClass('minimal');
$('#mediaTitle').addClass('minimal')
$('#mediaholder').addClass('minimal')
$('.fsElement').addClass('minimal')
$('#mediaClose').addClass('minimal')
var domCheck = setInterval(function() {
if (typeof document.getElementById("mediaframe") != "undefined") {
$('#mediaframe').addClass('minimal');
clearInterval(domCheck);
}
}, 25);
$('.fsElement').css('margin-top', "-30px");
$('#mediaClose').css('margin-top', "-28px");
$('.fsElement').css('right', "20px");
$('#mediaClose').css('right', "0px");
}
}
}
}
var puf = document.getElementById("popupframe");
if (mediacss != "classic") {
if (isFinite(naturalHeight / naturalWidth)) {
if (iframe.clientWidth / iframe.clientHeight > 1) {
var puHeight = iframe.clientHeight * 0.8;
var puWidth = puHeight / (naturalHeight / naturalWidth);
if (puWidth > iframe.clientWidth) {
puWidth = iframe.clientWidth * 0.8;
puHeight = puWidth * (naturalHeight / naturalWidth);
}
} else {
var puWidth = iframe.clientWidth * 0.8;
var puHeight = puWidth * (naturalHeight / naturalWidth);
if (puHeight > iframe.clientHeight) {
puHeight = iframe.clientHeight * 0.8;
puWidth = puWidth / (naturalHeight / naturalWidth);
}
}
if ($('#monitor').hasClass('monitor')) {
var heightAdjust = 70;
} else {
if ($('#monitor').hasClass('standard')) {
var heightAdjust = 50;
} else {
if ($('#monitor').hasClass('picframe')) {
var heightAdjust = iframe.clientHeight * 0.1;
} else {
var heightAdjust = 30;
}
}
}
$("#monitor").css("height", puHeight + heightAdjust);
$("#monitor").css("width", puWidth);
if ($('#monitor').hasClass('picframe')) {
$("#mediaholder").css("height", puHeight + heightAdjust);
} else {
$("#mediaholder").css("height", puHeight);
}
$("#mediaframe").css("height", puHeight);
var puTop = (iframe.clientHeight / 2) - ((puHeight + heightAdjust) / 2);
var puLeft = (iframe.clientWidth / 2) - (puWidth / 2);
puf.setAttribute("style", "position: absolute; z-index:101; width: " + puWidth + "px; height: " + (puHeight + heightAdjust) + "px; top: " + puTop + "px; left: " + puLeft + "px; margin-right: auto; transition: opacity 2s ease, background 2s ease;");
} else {
if (iframe.clientWidth / iframe.clientHeight > 1) {
var puHeight = iframe.clientHeight * 0.8;
var puWidth = puHeight / 0.5625;
if (puWidth > iframe.clientWidth) {
puWidth = iframe.clientWidth * 0.8;
puHeight = puWidth * 0.5625;
}
} else {
var puWidth = iframe.clientWidth * 0.8;
var puHeight = puWidth * 0.5625;
if (puHeight > iframe.clientHeight) {
puHeight = iframe.clientHeight * 0.8;
puWidth = puWidth / 0.5625;
}
}
if ($('#monitor').hasClass('monitor')) {
$("#monitor").css("height", puHeight + 70);
} else {
if ($('#monitor').hasClass('standard')) {
$("#monitor").css("height", puHeight + 50);
} else {
$("#monitor").css("height", puHeight + 30);
}
}
$("#monitor").css("width", puWidth);
$("#mediaholder").css("height", puHeight);
if (!$('#monitor').hasClass('picframe')) {
$("#mediaframe").css("height", puHeight);
}
if ($('#monitor').hasClass('monitor')) {
var puTop = (iframe.clientHeight / 2) - ((puHeight + 70) / 2);
} else {
if ($('#monitor').hasClass('standard')) {
var puTop = (iframe.clientHeight / 2) - ((puHeight + 50) / 2);
} else {
var puTop = (iframe.clientHeight / 2) - ((puHeight + 30) / 2);
}
}
var puLeft = (iframe.clientWidth / 2) - (puWidth / 2);
puf.setAttribute("style", "position: absolute; z-index:101; width: " + puWidth + "px; height: " + (puHeight + 70) + "px; top: " + puTop + "px; left: " + puLeft + "px; margin-right: auto; transition: opacity 2s ease, background 2s ease;");
}
} else {
var domTest = setInterval(function() {
if ($("#monitor").width() > 0) {
puf.setAttribute("style", "position: absolute; z-index:101; top: " + ((iframe.clientHeight / 2) - ($("#monitor").height() / 2)) + "px; left: " + ((iframe.clientWidth / 2) - ($("#monitor").width() / 2)) + "px; margin-right: auto; transition: opacity 2s ease, background 2s ease;");
clearInterval(domTest);
}
}, 25);
}
if (document.fullscreenElement || document.mozFullScreenElement || document.webkitCurrentFullScreenElement || document.msFullscreenElement) {
var fsMode = true;
fsCss(fsMode);
}
}
function fade(element) {
var op = 1; // initial opacity
var timer = setInterval(function() {
if (op <= 0.1) {
clearInterval(timer);
element.style.display = 'none';
}
element.style.opacity = op;
element.style.filter = 'alpha(opacity=' + op * 100 + ")";
op -= op * 0.1;
}, 50);
};
function unfade(element) {
var op = element.style.backg
element.style.display = 'block';
var timer = setInterval(function() {
if (op >= 1) {
clearInterval(timer);
}
element.style.opacity = op;
element.style.filter = 'alpha(opacity=' + op * 100 + ")";
op += op * 0.1;
}, 10);
}
function fsCss(fsMode) {
var puf = document.getElementById("popupframe");
$("#monitor").css("margin-left", "auto");
$("#monitor").css("margin-right", "auto");
}
function closeMediaDiv() {
console.log("CLOSING");
$("#audioContainer").fadeIn(1000);
$(".controlbuttons").fadeIn(1000);
$("#tourlogoimage").fadeIn(1000);
$("#showcase_iframe").fadeIn(1000);
$("#libDiv").fadeOut(1000);
setTimeout(function() {
document.getElementById("iframecontainer").removeChild(document.getElementById("libDiv"));
document.getElementById("iframecontainer").removeChild(document.getElementById("goBack"));
}, 500);
}
function backToMainTour() {
$("#audioContainer").fadeIn(1000);
$(".controlbuttons").fadeIn(1000);
$("#tourlogoimage").fadeIn(1000);
$("#showcase_iframe").fadeIn(1000);
$("#iframe2").fadeOut(1000);
setTimeout(function() {
if (sPath != "tagbuilder" && sPath != "tagbuilderdevnew") {
document.getElementById("framecontainer").removeChild(document.getElementById("iframe2"));
document.getElementById("framecontainer").removeChild(document.getElementById("goBack"));
} else {
document.getElementById("iframecontainer").removeChild(document.getElementById("iframe2"));
document.getElementById("iframecontainer").removeChild(document.getElementById("goBack"));
}
}, 1000);
if (iframe.contentWindow.document.getElementById("musicDiv")) {
if (iframe.contentWindow.document.getElementById("musicDiv").style.paddingLeft == "6px") {
if (os != "iOS" && os != "Mac OS") {
audioBG.play();
}
}
}
}
function openFullscreen() {
var fselem = document.getElementById("popupframe");
if (document.fullscreenElement || document.mozFullScreenElement || document.webkitCurrentFullScreenElement || document.msFullscreenElement) {
document.exitFullscreen();
setTimeout(function() {
updateCss();
}, 250);
} else {
if (fselem.requestFullscreen) {
fselem.requestFullscreen();
} else if (fselem.mozRequestFullScreen) {
/* Firefox */
fselem.mozRequestFullScreen();
} else if (fselem.webkitRequestFullscreen) {
/* Chrome, Safari and Opera */
fselem.webkitRequestFullscreen();
} else if (fselem.msRequestFullscreen) {
/* IE/Edge */
fselem.msRequestFullscreen();
}
setTimeout(function() {
updateCss();
}, 250);
}
};
window.onresize = updateCss;
iframeWin.addEventListener('resize', updateCss);