Homogram/Public/static/js/home.js

/**
 * Copyright 2021, 2024 5 Mode
 *
 * This file is part of Http Console.
 *
 * Http Console is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Http Console is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU General Public License for more details.  
 * 
 * You should have received a copy of the GNU General Public License
 * along with Http Console. If not, see <https://www.gnu.org/licenses/>.
 *
 * home.js
 * 
 * JS file for Home page
 *
 * @author Daniele Bonini <my25mb@aol.com>
 * @copyrights (c) 2021, 2024, the Open Gallery's contributors     
 */

var bBurgerMenuVisible = false;

$(document).ready(function() {
 $("#Password").on("keydown",function(e){
   key = e.which;
   //alert(key);
   if (key===13) {
   e.preventDefault();
   frmHC.submit();
   } else { 
     $("#Password2").val($(this).val());
   //e.preventDefault();
   }
 });

 $("#Password2").on("keydown",function(e){
   key = e.which;
   //alert(key);
   if (key===13) {
   e.preventDefault();
   $("#Password").val("");
   frmHC.submit();
   } else { 
   //e.preventDefault();
   }
 });
});

function closeSplash() {
  $("#hideSplash").val("1");
  $("#splash").hide();	
}

/**
 * Encrypt the given string
 * 
 * @param {string} string - The string to encrypt
 * @returns {string} the encrypted string
 */
function encryptSha2(string) {
  var jsSHAo = new jsSHA("SHA-256", "TEXT", 1);
  jsSHAo.update(string);
  return jsSHAo.getHash("HEX");
}

function setFooterPos() {
  if (document.getElementById("footerCont")) {
    //if ($("#Password").val() === "") {  
    //    tollerance = 48;
    //  } else {
    //  tollerance = 15;
    //}
    tollerance = 22;  	  
    $("#footerCont").css("top", parseInt( window.innerHeight - $("#footerCont").height() - tollerance ) + "px");
    $("#footer").css("top", parseInt( window.innerHeight - $("#footer").height() - tollerance + 6) + "px");
  }
}

function delImg(id, path) {
  if (confirm("Do you really want to delete that picture?")) {
    $("#CommandLine").val("del '" + path + "'");
    frmHC.submit();
  }  
}

function changeVisibility(id, path) {
  if ($("#lock-" + id).attr("src") === "/res/private.png") {
    $("#CommandLine").val("publicify '" + path + "'"); 
  } else {
    $("#CommandLine").val("privatify '" + path + "'");
  }    
  frmHC.submit();
}  

function makeNewFolder() {
  var newFolderName = prompt("How to name the new folder?");
  if (newFolderName != null) {
    $("#CommandLine").val("makedir '" + newFolderName + "'");
    frmHC.submit();
  }   
}  

function openLink(href, target) {
  window.open(href, target);
} 

function changePath(newPath) {
  $("#pwd").val(newPath);
  frmHC.submit(); 
}  

function showEncodedPassword() {
   if ($("#Password").val() === "") {
	 $("#Password").addClass("emptyfield");
	 return;  
   }
   if ($("#Salt").val() === "") {
	 $("#Salt").addClass("emptyfield");
	 return;  
   }	   	
   passw = encryptSha2( $("#Password").val() + $("#Salt").val());
   msg = "Please set your hash in the config file with this value:";
   alert(msg + "\n\n" + passw);	
}

function upload() {
  $("input#files").click();
} 

$("input#files").on("change", function(e) {
  frmHC.submit();
});

$("#Password").on("keydown", function(e){
	$("#Password").removeClass("emptyfield");
});	

$("#Salt").on("keydown", function(e){
	$("#Salt").removeClass("emptyfield");
});	

function refresh() {
 $("#CommandLine").val("refresh");
 frmHC.submit();
}

function closePlayer() {
  refresh();
}

function openPic(pic) {
  //alert(pic);
  $("#CommandLine").val("openpic " + pic);
  frmHC.submit();
}

$("#burger-menu").on("click",function(){
  if (!bBurgerMenuVisible) {
    $(".burger-header").css("display", "table");
  } else {
    $(".burger-header").css("display", "none");
  }    
  bBurgerMenuVisible=!bBurgerMenuVisible;  
});

function hideBurgerMenu() {
  $(".burger-header").css("display", "none");
  bBurgerMenuVisible=false;  
}


function setContentPos() {
  if (window.innerWidth<650) {
    $("#ahome").attr("href","/");
    $("#agithub").css("display","none");
    $("#afeedback").css("display","none");
    $("#asupport").css("display","none");
    $("#pwd2").css("display","inline");    
    $("#sidebar").css("display","none");
    $("#burger-menu").css("display","inline");
    $("#contentbar").css("width","100%");
    $("#logo-hg").css("display","none");
  } else if (window.innerWidth<1120) {
    $("#ahome").attr("href","http://homogram.org");
    $("#agithub").css("display","inline");
    $("#afeedback").css("display","inline");
    $("#asupport").css("display","inline");  
    $("#pwd2").css("display","none");
    $("#sidebar").css("display","inline");
    $("#burger-menu").css("display","none");
    $("#contentbar").css("width","75%");
    $("#logo-hg").css("display","inline");      
  } else {  
    $("#ahome").attr("href","http://homogram.org");
    $("#agithub").css("display","inline");
    $("#afeedback").css("display","inline");
    $("#asupport").css("display","inline");  
    $("#pwd2").css("display","none");
    $("#sidebar").css("display","inline");
    $("#burger-menu").css("display","none");
    $("#contentbar").css("width","77.5%");
    $("#logo-hg").css("display","inline");
  }
  hideBurgerMenu();
}

function loadImages() {
  $(".image-cont").each(function(){
    $(this).css("display","inline");
  }); 
}  

window.addEventListener("load", function() {
    
  if ($("#frmHC").css("display")==="none") {
    setTimeout("setContentPos()", 5200);
    setTimeout("setFooterPos()", 5300);
  } else {
    setTimeout("setContentPos()", 1000);
    setTimeout("setFooterPos()", 2000);  
  } 

  loadImages();

  //document.getElementById("CommandLine").focus();  
  
});

window.addEventListener("resize", function() {

  if ($("#frmHC").css("display")==="none") {
    setTimeout("setContentPos()", 5200);
    setTimeout("setFooterPos()", 5300);
  } else {
    setTimeout("setContentPos()", 1000);
    setTimeout("setFooterPos()", 2000);  
  } 

});