100 lines
3.9 KiB
JavaScript
100 lines
3.9 KiB
JavaScript
var formerFileName = "";
|
|
|
|
function tgglElmView(id) {
|
|
var elm = document.getElementById(id);
|
|
if (elm.style.display == "none") {
|
|
elm.style.display = "block";
|
|
} else {
|
|
elm.style.display = "none";
|
|
}
|
|
}
|
|
|
|
function enableEdit(obj) {
|
|
obj.style.backgroundColor = "#ffffffff";
|
|
obj.style.color = '#000000ff';
|
|
obj.readOnly = '';
|
|
formerFileName = obj.value;
|
|
}
|
|
|
|
function disableEdits() {
|
|
// this references the passed object from
|
|
// addEventListener than us passing it
|
|
this.style.backgroundColor = "#ffffff00";
|
|
this.style.color = '#ffffff';
|
|
this.value = formerFileName;
|
|
this.readOnly = "true";
|
|
}
|
|
|
|
function showImg(imgLoc) {
|
|
var path = document.getElementById("path").innerHTML;
|
|
var imgView = document.getElementById("imgView");
|
|
var fullImage = path + imgLoc;
|
|
var toPlayerButton = "<div title=\"Open In Local Program\" class=\"popOutBttn\" onclick=\"openInLocalProg('" + fullImage + "')\">∽</div>";
|
|
var popButton = "<a href=\"" + fullImage + "\" target=\"_blank\"><div class=\"popOutBttn\">↗</div></a>";
|
|
var CloseBttn = "<div class=\"closeBttn\" onclick=\"closeImg()\">X</div>";
|
|
imgView.style.display = "block";
|
|
imgView.innerHTML = CloseBttn + popButton + toPlayerButton;
|
|
|
|
imgView.innerHTML += "<div id=\"imgArea\"><img class=\"imgViewImg\" src=\"" + fullImage + "\" /></div>";
|
|
dragContainer(imgView); // Set for dragging events
|
|
}
|
|
|
|
function showMedia(media) {
|
|
var path = document.getElementById("path").innerHTML;
|
|
var tempRef = media.toLowerCase();
|
|
var fullMedia = path + media;
|
|
|
|
if (tempRef.includes(".mp4") || tempRef.includes(".webm") ||
|
|
tempRef.includes(".mp3") || tempRef.includes(".ogg") ||
|
|
tempRef.includes(".pdf") || tempRef.includes(".flac")) {
|
|
var mediaView = document.getElementById("fileView");
|
|
var toPlayerButton = "<div title=\"Open In Local Program\" class=\"popOutBttn\" onclick=\"openInLocalProg('" + fullMedia + "')\">∽</div>";
|
|
var popButton = "<a title=\"New Tab\" href=\"" + fullMedia + "\" target=\"_blank\"><div class=\"popOutBttn\">↗</div></a>";
|
|
var CloseBttn = "<div class=\"closeBttn\" title=\"Close\" onclick=\"closeMedia()\">X</div>";
|
|
|
|
mediaView.style.display = "block";
|
|
mediaView.innerHTML = CloseBttn + popButton + toPlayerButton;
|
|
mediaView.innerHTML += "<iframe id=\"fileViewInner\" src=\"" + fullMedia + "\"></iframe>";
|
|
|
|
dragContainer(mediaView); // Set for dragging events
|
|
} else {
|
|
openInLocalProg(fullMedia);
|
|
}
|
|
}
|
|
|
|
function closeImg() {
|
|
var imgView = document.getElementById("imgView");
|
|
imgView.style.display = "none";
|
|
}
|
|
|
|
function closeMedia() {
|
|
var mediaView = document.getElementById("fileView");
|
|
mediaView.style.display = "none";
|
|
mediaView.children[3].src = "";
|
|
}
|
|
|
|
function clearDirCookie() {
|
|
var expireDate = "Thu, 01 Jan 1970 00:00:00 UTC";
|
|
document.cookie = "dirQuery=; expires=" + expireDate;
|
|
getDir("/");
|
|
}
|
|
|
|
function downloadItem() {
|
|
var partialPath = document.getElementById("path").innerHTML;
|
|
var brTag = document.createElement("BR");
|
|
var aTag = document.createElement("A");
|
|
var text = document.createTextNode(itemObj);
|
|
var fullPath = partialPath + itemObj;
|
|
aTag.setAttribute("href", fullPath);
|
|
aTag.setAttribute("target", "_blank");
|
|
aTag.setAttribute("id", itemObj);
|
|
aTag.append(text);
|
|
|
|
document.getElementById("serverMsgView").append(aTag, brTag);
|
|
aTag.click();
|
|
}
|
|
|
|
function clearDlList() { document.getElementById("CLEARBTTN").click(); }
|
|
function onloadSetBG() { updateBG("resources/images/backgrounds/000.jpg"); }
|
|
function updateBG(bgImg) { document.getElementById("bg").src = bgImg; }
|