Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@jamjolu
jamjolu authored Oct 18, 2021
1 parent dea91cc commit 48c957a
Show file tree
Hide file tree
Showing 4 changed files with 1,153 additions and 0 deletions.
331 changes: 331 additions & 0 deletions js/QP2_with_edit_plus.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,331 @@

var b_pause = document.getElementById('buttonPause');
var b_play = document.getElementById('buttonPlay');
var b_stop = document.getElementById('buttonStop');
var b_previous = document.getElementById('buttonPrevious');
var b_next = document.getElementById('buttonNext');
var b_showoptions = document.getElementById('showOptions');
var b_hideoptions = document.getElementById('hideOptions');
// var b_updatesearch = document.getElementById('updateSearch');
var b_updatevideo = document.getElementById("updateVideo");
// var b_makenewyt = document.getElementById("makeNewYt");
var b_showYTPlayer = document.getElementById("showYTPlayer");
var b_hideYTPlayer = document.getElementById("hideYTPlayer");
// var b_setpagedata = document.getElementById("pageDataSetter");

var b_showinfo = document.getElementById('showInfo');
var b_hideinfo = document.getElementById('hideInfo');
var b_hideBtns = document.getElementById('hideBtns');
var b_showBtns = document.getElementById('showBtns');
var b_updateBtns = document.getElementById('updateBtns');
var b_saveSetup = document.getElementById('saveSetup');
var b_getSetup = document.getElementById('getSetup');
var s_theSetupList = document.getElementById('theSetupList');
var b_aboutinfo = document.getElementById('aboutInfo');
var b_editinginfo = document.getElementById('editingInfo');
var b_savinginfo = document.getElementById('savingInfo');
var b_useAsInitialSetup = document.getElementById('useAsInitialSetup');
var setupPrefix = "qp4_yt.";

b_play.addEventListener('click', function (){ ytPlayerPlay();});
b_stop.addEventListener('click', function (){ ytStop();});
b_pause.addEventListener('click', function (){ ytPlayer.pauseVideo();});
b_previous.addEventListener('click', function (){ nextVid();});
b_next.addEventListener('click', function (){ prevVid();});
b_showoptions.addEventListener('click', function (){ showElement(document.getElementById('options')); arrowScan = false;});
b_hideoptions.addEventListener('click', function (){ hideElement(document.getElementById('options')); arrowScan = true;});

b_showYTPlayer.addEventListener('click', function () {f_showYTPlayer();});
b_hideYTPlayer.addEventListener('click', function () {f_hideYTPlayer();});
b_showBtns.addEventListener('click', function () { f_showBtns();});
b_hideBtns.addEventListener('click', function () {f_hideBtns();});
// b_updatesearch.addEventListener('click', function (){ loadVidList(document.getElementById('searchPhrase').value);});
b_updatevideo.addEventListener('click', function (){ loadVideo(document.getElementById('ytId').value);});
// b_makenewyt.addEventListener('click', function () {newYTDiv();});
// b_setpagedata.addEventListener('click', function () {setPageData();});

b_showinfo.addEventListener('click', function (){showElement(document.getElementById('info')); hideElement(document.getElementById('tab_editing')); hideElement(document.getElementById('tab_saving')); hideElement(document.getElementById('tab_about')); });
b_hideinfo.addEventListener('click', function (){ hideElement(document.getElementById('info'));});
b_updateBtns.addEventListener('click', function() { updateBtns();});
b_saveSetup.addEventListener('click', function() { modalOpen();});
b_getSetup.addEventListener('click', function() { getSetup('0');});
s_theSetupList.addEventListener('change', function() { showSetupInfo(); getSetup('0');});
b_aboutinfo.addEventListener('click', function (){ hideElement(document.getElementById('tab_editing')); hideElement(document.getElementById('tab_saving')); showElement(document.getElementById('tab_about'));});
b_editinginfo.addEventListener('click', function (){ hideElement(document.getElementById('tab_about')); hideElement(document.getElementById('tab_saving')); showElement(document.getElementById('tab_editing'));});
b_savinginfo.addEventListener('click', function (){ hideElement(document.getElementById('tab_editing')); hideElement(document.getElementById('tab_about')); showElement(document.getElementById('tab_saving'));});
b_useAsInitialSetup.addEventListener('click', function() { setInitialSetup();});

window.addEventListener("load", function(event) {
getInitialSetup();
});

function updateBtns(){
document.getElementById("btn1_Label").innerText = document.getElementById("btn1Label").value;
document.getElementById("btn2_Label").innerText = document.getElementById("btn2Label").value;
document.getElementById("btn1_Btn").setAttribute("data-msg", document.getElementById("btn1Msg").value);
document.getElementById("btn2_Btn").setAttribute("data-msg", document.getElementById("btn2Msg").value);
document.getElementById("btn1_Img").src = document.getElementById("btn1Img").value;
document.getElementById("btn2_Img").src = document.getElementById("btn2Img").value;
document.getElementById("btn1_Btn").setAttribute("data-r_action", document.getElementById("btn1Act").value);
document.getElementById("btn2_Btn").setAttribute("data-r_action", document.getElementById("btn2Act").value);
document.getElementById("btn1_Btn").setAttribute("data-src", document.getElementById("btn1Link").value);
document.getElementById("btn2_Btn").setAttribute("data-src", document.getElementById("btn2Link").value);

}

function saveSetup(){
let setupName = document.getElementById("theSetupList").value;
if (setupName != "Default") {
let keyPrefix1 = setupName + ".btn1.";
let keyPrefix2 = setupName + ".btn2.";
localStorage.setItem(keyPrefix1 + "label", document.getElementById("btn1Label").value );
localStorage.setItem(keyPrefix2 + "label", document.getElementById("btn2Label").value );
localStorage.setItem(keyPrefix1 + "msg", document.getElementById("btn1Msg").value );
localStorage.setItem(keyPrefix2 + "msg", document.getElementById("btn2Msg").value );
localStorage.setItem(keyPrefix1 + "img", document.getElementById("btn1Img").value );
localStorage.setItem(keyPrefix2 + "img", document.getElementById("btn2Img").value );
localStorage.setItem(keyPrefix1 + "act", document.getElementById("btn1Act").value );
localStorage.setItem(keyPrefix2 + "act", document.getElementById("btn2Act").value );
localStorage.setItem(keyPrefix1 + "link", document.getElementById("btn1Link").value );
localStorage.setItem(keyPrefix2 + "link", document.getElementById("btn2Link").value );
localStorage.setItem(setupName, document.getElementById("setupInfo").value );
} else {alert("The Default setup can not be saved.");};
}

function stopMedia() {
mediaTimer = 0;
ytStop();
audioPlayer.pause();
}

function ytPlayerPlay() {
ytPlayer.playVideo();
if (mediaTimer > 0){
setTimeout(function(){ pauseMedia();}, mediaTimer*1000);
}
}

function pauseMedia() {

ytPlayer.pauseVideo();
audioPlayer.pause();
}

function getSetup(su_index) {

let setupName = "Default";
if (su_index === '0') {
setupName = document.getElementById("theSetupList").value;
//alert(setupName);
} else { //change setup from button click
let test_str = "1_2_3_4_5_6_7_8_9"; // allows testing for setups numbered 1 - 9. Setup # above 9 don't require leading 0 in setupName
if (test_str.includes(su_index)) {
setupName = "C2_Setup" + "0" + su_index;
} else {
setupName = "C2_Setup" + su_index;
}
document.getElementById("theSetupList").value = setupName;
//alert(setupName);
}
if (setupName != "Default") {
let keyPrefix1 = setupName + ".btn1.";
let keyPrefix2 = setupName + ".btn2.";
document.getElementById("btn1Label").value = localStorage.getItem(keyPrefix1 + "label");
document.getElementById("btn2Label").value = localStorage.getItem(keyPrefix2 + "label");
document.getElementById("btn1Msg").value = localStorage.getItem(keyPrefix1 + "msg");
document.getElementById("btn2Msg").value = localStorage.getItem(keyPrefix2 + "msg");
document.getElementById("btn1Img").value = localStorage.getItem(keyPrefix1 + "img");
document.getElementById("btn2Img").value = localStorage.getItem(keyPrefix2 + "img");
document.getElementById("btn1Act").value = localStorage.getItem(keyPrefix1 + "act");
document.getElementById("btn2Act").value = localStorage.getItem(keyPrefix2 + "act");
document.getElementById("btn1Link").value = localStorage.getItem(keyPrefix1 + "link");
document.getElementById("btn2Link").value = localStorage.getItem(keyPrefix2 + "link");
document.getElementById("setupInfo").value = localStorage.getItem(setupName);
updateBtns();
} else {
localStorage.removeItem(setupPrefix + "initialSetup");
alert("The initial setup will be reset to Default.");
location.reload();
};
}

function getInitialSetup() {
let initSetup = localStorage.getItem(setupPrefix + "initialSetup");
if (initSetup){
document.getElementById("theSetupList").value = initSetup;
getSetup('0');
}
}

function setInitialSetup() {
let initialSetup = document.getElementById("theSetupList").value;

if(initialSetup != "Default"){
localStorage.setItem(setupPrefix + "initialSetup", initialSetup);
alert("Check your setup choice by reloading the page.");
} else {
localStorage.removeItem(setupPrefix + "initialSetup");
alert("The initial setup is reset to Default. Check your choice by reloading the page.");
}
}

function showSetupInfo() {
let setupName = document.getElementById("theSetupList").value;
document.getElementById("setupInfo").value = localStorage.getItem(setupName);
}

function ytStop() {
ytPlayer.stopVideo();
b_hideYTPlayer.click();
b_showBtns.click();
}
function nextVid() {
var pl = ytPlayer.getPlaylist();
var ix = ytPlayer.getPlaylistIndex();
if (ix < (pl.length)-1){
ix++;
}
else {
ix = 0;
};

ytPlayer.playVideoAt(ix);
}


function prevVid() {
var pl = ytPlayer.getPlaylist();
var ix = ytPlayer.getPlaylistIndex();
if (ix > 0){
ix--;
}
else {
ix = (pl.length - 1);
};
ytPlayer.playVideoAt(ix);
}

function goReload() {
ytPlayer.seekTo(0, true);
}

function showHide(dis) {
if (dis.style.display == 'block') {
dis.style.display = 'none';
} else {
dis.stle.display = 'block';
};
}

function showElement(dis){
dis.style.display = 'block';
/* getPageData(); */

}

function showGridElement(dis){
dis.style.display = 'grid';
/* getPageData(); */

}

function hideElement(dis){
dis.style.display = 'none';
}

function loadVidList(searchStr) {
b_hideoptions.click();
showElement(document.getElementById("buttonPrevious"));
showElement(document.getElementById("buttonNext"));
ytPlayer.loadPlaylist({list:searchStr,
listType:"search"})
ytPlayer.pauseVideo();
document.getElementById("vidId").textContent = " a search for-> "+searchStr+" <-";
}

function loadVideo(vid){
// alert("this is the YT ID: ",vid);
//b_hideoptions.click();
// hideElement(document.getElementById("buttonPrevious"));
// hideElement(document.getElementById("buttonNext"));
//ytPlayer.loadVideoById({videoId:vid});
//document.getElementById("vidId").textContent = vid;
getYTVideo(vid);
}

function getYTVideo(vid) {
// alert("this is the YT ID: ",vid);
ytPlayer.loadVideoById({videoId:vid});
b_hideoptions.click();
b_hideBtns.click();
b_showYTPlayer.click();
ytPlayer.playVideo();
//document.getElementById("vidId").textContent = vid;
}

function f_hideBtns() {
scanActorsMin = q4ActorsTotal;
hideElement(document.getElementById('daBtns'));

}

function f_hideYTPlayer() {
scanActorsMax = q4ActorsTotal;
hideElement(document.getElementById('yt_strip'));

}

function f_showBtns() {
scanActors.currIx = 0;
scanActorsMin = 0;
showElement(document.getElementById('daBtns'));

}

function f_showYTPlayer() {
scanActors.currIx = q4ActorsTotal;
scanActorsMax = scanActorsTotal;
showGridElement(document.getElementById('yt_strip'));
}

/* function getPageData(){
document.getElementById("pgTitle").value = document.getElementById("pageTitle").textContent;
document.getElementById("pgNote").value = document.getElementById("pageNote").textContent;
document.getElementById("pgName").value = document.getElementById("htmlName").textContent;
document.getElementById("returnUrl").value = document.getElementById("returnLink").getAttribute('href');
}
function setPageData(){
document.getElementById("pageTitle").textContent = document.getElementById("pgTitle").value;
document.getElementById("pageNote").textContent = document.getElementById("pgNote").value;
document.getElementById("htmlName").textContent = document.getElementById("pgName").value;
document.getElementById("returnLink").setAttribute('href',document.getElementById("returnUrl").value);
}
*/

function newYTDiv(){
alert("This will appear to remove the YouTube video, but your new page will show a video when opened.")
var ytWrap = document.getElementById("yt_wrapper");
ytWrap.removeChild(document.getElementById("yt_placeholder")); //remove youtube api - it gets replaced with new parameters upon reloading.
var newYt = document.createElement('div');
newYt.setAttribute('id','yt_placeholder'); // add back the empty div for the youtube api.
ytWrap.appendChild(newYt);
var apiScript = document.getElementById("www-widgetapi-script");
apiScript.parentNode.removeChild(apiScript); //further cleanup to avoid accumulating redundant js references.
hideElement(document.getElementById('options'));
}

function getLocalData() {
document.getElementById('localStore').value = JSON.stringify(localStorage);
}

function setLocalData() {
var localDat = document.getElementById('localStore').value;
var data = JSON.parse(localDat);
Object.keys(data).forEach(function (k) {
localStorage.setItem(k, data[k]);
});
}

Loading

0 comments on commit 48c957a

Please sign in to comment.