SwapCode/Public/js/common.js

/**
 * Copyright 2021, 2024 5 Mode
 *
 * This file is part of SnipSwap.
 *
 * SnipSwap 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.
 *
 * SnipSwap 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 SnipSwap. If not, see <https://www.gnu.org/licenses/>.
 *
 * commons.js
 * 
 * Common constants and functions
 *
 * @author Daniele Bonini <my25mb@aol.com>
 * @copyrights (c) 2016, 2024, 5 Mode     
 */

var blinkTimeoutID = 0;

bFullImageVisible = false;

/**
 * Manage the Back/Forward/Refresh button press event is some specific
 * conditions such as:
 *  - inside fullscreen image views 
 * 
 * @param {Event} e The window beforeUnoad event object
 * @returns {String} the message to show to the user
 */
function beforeUnload(e) {
  if (bFullImageVisible) {
    var confMsg = "\o/";
    e.returnValue = confMsg;
    e.preventDefault();    
    return confMsg;
  }  
}  

/**
 * Blink the the given text
 * 
 * @param {string} tagID the tag ID containing the text to blink
 * @param {string} color the color of the text
 * @param {int} interval the interval of the "flashing"
 * @returns {void}
 */
function blinkMe(tagID, color, interval) {
  if ( $(tagID) ) {
    if ($(tagID).css("color") !== "transparent") {
      color = $(tagID).css("color");
      $(tagID).css("color", "transparent");
    } else {
      $(tagID).css("color",  color.toString());
    }
  }
  setTimeout("blinkMe()", interval, tagID, color, interval);
}  

/**
 * Blink the the given text
 * 
 * @param {string} tagID the tag ID containing the text to blink
 * @param {int} interval the interval of the "flashing"
 * @returns {void}
 */
function blinkMe2(tagID, interval) {
  
  if (blinkTimeoutID!==0) {
    clearTimeout(blinkTimeoutID);
  }  
  if ( $(tagID) ) {
    if ($(tagID).css("visibility") !== "hidden") {
      $(tagID).css("visibility", "hidden");
    } else {
      $(tagID).css("visibility", "visible");
    }
  }
  
  blinkTimeoutID = setTimeout(blinkMe2, interval, tagID, interval);
}  


/**
 * Copy the text of the given control to the clipboard
 * 
 * @param {string} selector the selector of the control
 * @returns {none} 
 */
function copyTextToClipboard(selector) {
  var control = $(selector);
  control.select();
  try {
    document.execCommand("copy");
  } catch (e) {
  }
}

/**
 * Count items into a selector collection  
 * 
 * @param {string} selector the selector for the collection
 * @returns {integer}
 */
function countItemsBySelector(selector) {
  i=0;
  $(selector).each(function() {
    i=i+1;
  });
  return i;
}

/**
 * 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");
}

/**
 * Delay the runtime execution for the given interval of time
 * 
 * @param {int} interval -the interval of time of the delay
 * @returns {void}
 */
function delay(interval) { 
  var d = new Date();
  startTime = d.getTime();
  endTime = startTime;
  while((endTime - startTime) < interval) {
    d = new Date(); 
    endTime = d.getTime();
    //console.log(endTime - startTime);
  }  
}

/**
 * Filter the keys of the given search query input box
 * 
 * @param {object} this1 - The search query input box to filter
 * @returns {none}
 */
function filterKeysQ(this1) {
  var value = $(this1).val();
  //var re = /[^\w\-: ]/gui;
  var re = new RegExp(/[^\w\u31C0-\u31EF\u3300-\u33FF\u3400-\u4DBF\u4E00-\u9FFF\uF900-\uFAFF\uFE30-\uFE4F\-: ]/, "gui");
  if (re.test(value)) {
    $(this1).val(value.replace(re, ""));
  }
}

/**
 * Filter the keys of the given email input box
 * 
 * @param {object} this1 - The email input box to filter
 * @returns {none}
 */
function filterKeysEmail(this1) {
  var value = $(this1).val();
  var re = new RegExp(/[^A-Za-z0-9-_@.]/, "g");
  //$(this1).val(value.replace(/[^A-Za-z0-9-_@.]/g, "")); 
  if (re.test(value)) {
    $(this1).val(value.replace(re, ""));
  }  
}

/**
 * Filter the keys of the given image name input box
 * 
 * @param {object} this1 - The name input box to filter
 * @returns {none}
 */
function filterKeysImageName(this1) {
  var value = $(this1).val();
  //$(this1).val(value.replace(/[^A-Za-z0-9-_\s]/, "")); 
  //var re = new RegExp('/[^A-Za-z0-9\u31C0-\u31EF\u3300-\u33FF\u3400-\u4DBF\u4E00-\u9FFF\uF900-\uFAFF\uFE30-\uFE4F\-\s]/gui');
  //re.compile();
  //if (re.test(value)) {
    $(this1).val(value.replace(/[^A-Za-z0-9\u31C0-\u31EF\u3300-\u33FF\u3400-\u4DBF\u4E00-\u9FFF\uF900-\uFAFF\uFE30-\uFE4F\-\s]/gi, ""));
  //}  
}

/**
 * Filter the keys of the given image tags input box
 * 
 * @param {object} this1 - The tags input box to filter
 * @returns {none}
 */
function filterKeysImageTags(this1) {
  var value = $(this1).val();
  //$(this1).val(value.replace(/[^A-Za-z0-9-_\s]/, "")); 
  //var re = new RegExp(/[^\w\u31C0-\u31EF\u3300-\u33FF\u3400-\u4DBF\u4E00-\u9FFF\uF900-\uFAFF\uFE30-\uFE4F\-\s]/, "gui");
  //if (re.test(value)) {
    $(this1).val(value.replace(/[^\w\u31C0-\u31EF\u3300-\u33FF\u3400-\u4DBF\u4E00-\u9FFF\uF900-\uFAFF\uFE30-\uFE4F\-\s]/gi, ""));
  //}  
}

/**
 * Filter the keys of the given image url input box
 * 
 * @param {object} this1 - The url input box to filter
 * @returns {none}
 */
function filterKeysImageUrl(this1) {
  var value = $(this1).val();
  //$(this1).val(value.replace(/[^A-Za-z0-9-_]/, ""));
  //var re = new RegExp('/[^\w\u31C0-\u31EF\u3300-\u33FF\u3400-\u4DBF\u4E00-\u9FFF\uF900-\uFAFF\uFE30-\uFE4F\-]/gui');
  //re.compile();
  //if (re.test(value)) {
    $(this1).val(value.replace(/[^\w\u31C0-\u31EF\u3300-\u33FF\u3400-\u4DBF\u4E00-\u9FFF\uF900-\uFAFF\uFE30-\uFE4F\-]/gi, ""));
  //}  
}

/**
 * Filter the keys of the given email input box
 * 
 * @param {object} this1 - The email input box to filter
 * @returns {none}
 */
function filterKeysUsername(this1) {
  var value = $(this1).val();
  //$(this1).val(value.replace(/[^A-Za-z0-9-_]/, ""));
  var re = new RegExp(/[^\w\-]/, "gui");
  if (re.test(value)) {
    $(this1).val(value.replace(re, ""));
  }  
}

/**
 * Return the array key of a given value
 * 
 * @param {array} array - The array to search for the value
 * @param {string} value - The value to search
 * @returns {string} The key corrisponding to the value, if exists
 */
function getArrayKeyByValue(array, value) {
  for (var key in array) {
    if (key === 'length' || !array.hasOwnProperty(key)) continue;
    if (array[key]===value) {
      return key;
    }  
  }  
  return "";
}  

/**
 * Get the height of the whole document
 * 
 * @param {none} 
 * @returns {int} the document height
 */
function getDocHeight() {
  var D = document;
  return Math.max(
      D.body.scrollHeight, D.documentElement.scrollHeight,
      D.body.offsetHeight, D.documentElement.offsetHeight,
      D.body.clientHeight, D.documentElement.clientHeight
  );
}

function getDocHeight2() {
  var D = document;
  var scrollMaxY;
  if (window.scrollMaxY) {
    scrollMaxY = window.scrollMaxY;
  } else {
    scrollMaxY = D.documentElement.scrollHeight;
  }
  var height = Math.max(
      D.body.scrollHeight, scrollMaxY,    
      D.body.offsetHeight, D.documentElement.offsetHeight,
      D.body.clientHeight, D.documentElement.clientHeight
  );
  return height;
}


/**
 * Get the width of the whole document
 * 
 * @param {none} 
 * @returns {int} the document width
 */
function getDocWidth() {
  var D = document;
  return Math.max(
      D.body.scrollWidth, D.documentElement.scrollWidth,
      D.body.offsetWidth, D.documentElement.offsetWidth,
      D.body.clientWidth, D.documentElement.clientWidth
  );
}

function getDocWidth2() {
  var D = document;
  var scrollMaxX;
  if (window.scrollMaxX) {
    scrollMaxX = window.scrollMaxX;
  } else {
    scrollMaxX = D.documentElement.scrollWidth;
  }
  return Math.max(
      D.body.scrollWidth, scrollMaxX,
      D.body.offsetWidth, D.documentElement.offsetWidth,
      D.body.clientWidth, D.documentElement.clientWidth
  );
}

function getTimestampInSec() {
  var d = new Date();
  timestamp = parseInt(d.getTime() / 1000);
  return timestamp;
}

function getWindowScrollX() {
  var supportPageOffset = window.pageXOffset !== undefined;
  var isCSS1Compat = ((document.compatMode || "") === "CSS1Compat");
  return supportPageOffset ? window.pageXOffset : isCSS1Compat ? document.documentElement.scrollLeft : document.body.scrollLeft;
}  

function getWindowScrollY() {
  var supportPageOffset = window.pageYOffset !== undefined;
  var isCSS1Compat = ((document.compatMode || "") === "CSS1Compat");
  return supportPageOffset ? window.pageYOffset : isCSS1Compat ? document.documentElement.scrollTop : document.body.scrollTop;
}  
  
/**
 * Check if it is a valid username
 * 
 * @param {string} s - The string to check
 * @returns {bool} if it is a valid username, true/false
 */
function isUsername(s) {

  //var usernameRegEx = /^[a-zA-Z0-9_-]+?$/;
  //var usernameRegEx = /^[\w\-]+?$/;
  //var re = new RegExp(/^[\w\-]+$/, "i");
  var re = /^[\w\-]+$/i;
  
  return (re.test(s) && s.length>=3 && s.length<=20);
}

/**
 * Check if it is a valid email
 * 
 * @param {string} s - The string to check
 * @returns {bool} if it is a valid email, true/false
 */
function isEmail(s) {

  //var re = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
  var re = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
  return (re.test(s) && s.length>=8 && s.length<=255);
}

/**
 * Check if it is a valid image name
 * 
 * @param {string} s - The string to check
 * @returns {bool} if it is a valid image name, true/false
 */
function isImageName(s) {

  //var imageNameRegEx = /^[a-zA-Z0-9_-\s]+?$/;
  //var imageNameRegEx = /^[\w\-\s]+?$/;
  var re = new RegExp('/^[A-Za-z0-9\u31C0-\u31EF\u3300-\u33FF\u3400-\u4DBF\u4E00-\u9FFF\uF900-\uFAFF\uFE30-\uFE4F\-\s]+?$/ui');
  re.compile();
  return (re.test(s) && s.length>=3 && s.length<=50);
}

/**
 * Check if it is a valid image url
 * 
 * @param {string} s - The string to check
 * @returns {bool} if it is a valid image url, true/false
 */
function isImageUrl(s) {

  //var imageUrlRegEx = /^[a-zA-Z0-9_-]+?$/;
  //var imageUrlRegEx = /^[\w\-]+?$/;
  var re = new RegExp('/^[\w\u31C0-\u31EF\u3300-\u33FF\u3400-\u4DBF\u4E00-\u9FFF\uF900-\uFAFF\uFE30-\uFE4F\-]+?$/ui');
  re.compile();
  return (re.test(s) && s.length>=3 && s.length<=255);
}

/**
 * Check if it is a latin lang string
 * 
 * @param {string} s - The string to check
 * @returns {bool} if it is a latin lang string, true/false
 */
function isLatinLang(s) {

  var re = new RegExp(/^[\u31C0-\u31EF\u3300-\u33FF\u3400-\u4DBF\u4E00-\u9FFF\uF900-\uFAFF\uFE30-\uFE4F]+?$/, "gui");
  return (!re.test(s));
}

/**
 * Load the footer content
 * 
 * @param {string} scriptName the script name
 * @returns {none}
 */
function loadPageFooter(scriptName) {
  $("div.footer").load("/footercontent?SCRIPT_NAME=" + scriptName + "&v=" + rnd(50000, 99999)); 
}

/**
 * Load the header content
 * 
 * @param {string} scriptName the script name
 * @param {string} q the query string
 * @returns {none}
 */
function loadPageHeader(scriptName, q, catMaskedPath, platform) {
  $("div.header").load("/headercontent?SCRIPT_NAME=" + scriptName + "&q=" + q + "&catMaskedPath=" + catMaskedPath + "&platform=" + platform); 
}

/**
 * Open a link from any event handler
 * 
 * @param {string} href the link to open
 * @param {string} target the frame target
 * @returns {none}
 */
function openLink(href, target) {
  
  window.open(href, target);
}

function rnd(min, max) {
  min = Math.ceil(min);
  max = Math.floor(max);
  return Math.floor(Math.random() * (max - min +1)) + min;
}

/**
 * Retain the focus at the given control
 * 
 * @param {object} self - the given control 
 * @returns {none} none 
 */
function retainFocus(self) {
  setTimeout(function() { self.focus(); }, 10);
}

/**
 * Position a div box to the middle of the screen
 * 
 * @param {object} box div box to position
 * @returns {none}
 */
function setBoxToMiddle(box) {
  boxHeight = parseInt(box.height());
  box.css("top", "-" + (parseInt(screen.availHeight - boxHeight)) + "px");
}

/**
 * Position a div box to the top of the screen
 * 
 * @param {jQuery} box div box to position
 * @returns {none}
 */
function setBoxToTop(box) {
//undo last change (and remove all the following)
////  boxHeight = parseInt(box.height());
////  box.css("top", "-" + (parseInt((getDocHeight2()-boxHeight)/2)) + "px");
//  box.css("position", "relative");
//  box.css("top", "20px");
// end undo
  boxWidth = parseInt(box.width());
  docWidth = parseInt(box.parent().width()); //getDocWidth2();
  box.css("position", "absolute");
  box.css("top", (window.scrollY + 20) + "px");
  box.css("left", parseInt(((docWidth - boxWidth) / 2)) + "px");
}

/**
 * Resize a div container to the doc height
 * 
 * @param {object} container div container to resize
 * @returns {none}
 */
function setContToDocHeight(container) {
  container.css("height", getDocHeight() + "px");
}


function setFooterPos() {
  if (document.getElementById("footerCont")) {
    tollerance = 25;
    $("#footerCont").css("top", parseInt( window.innerHeight - $("#footerCont").height() - tollerance ) + "px");
    $("#footer").css("top", parseInt( window.innerHeight - $("#footer").height() - tollerance ) + "px");
  }
}

function setCookieBannerPos() {
  if (document.getElementById("bannerCookies")) {
    tollerance = 30;
    bodyRect = document.body.getBoundingClientRect();
    docHeight = parseInt(getDocHeight2());
    $("#bannerCookies").css("top", parseInt(window.scrollY + window.innerHeight - ($("#bannerCookies").height() + tollerance)));
    $("#bannerCookies").css("left", parseInt(bodyRect.width - ($("#bannerCookies").width() + tollerance)));
  }
}

// Global window resize event handler..
window.addEventListener("resize", function() {
  
  setTimeout("setFooterPos()", 3000);
  bodyRect = document.body.getBoundingClientRect();
  bodyRect.width = window.innerWidth;  
  $(".body-area").css("width", parseInt(window.innerWidth)+"px");
  $(".footer").css("width", parseInt(window.innerWidth)+"px");
  $("#footerCont").css("width", parseInt(window.innerWidth)+"px");
  
  //$("#bannerCookies").attr("top", "-3000px");
  //setTimeout("setCookieBannerPos()", 4500);

}, true);


// Global window load event handler..
window.addEventListener("load", function() {

  setTimeout("setFooterPos()", 3000);
  bodyRect = document.body.getBoundingClientRect();
  bodyRect.width = window.innerWidth;  
  $(".body-area").css("width", parseInt(window.innerWidth)+"px");
  $(".footer").css("width", parseInt(window.innerWidth)+"px");
  $("#footerCont").css("width", parseInt(window.innerWidth)+"px");
  
  //$("#bannerCookies").attr("top", "-3000px");
  //setTimeout("setCookieBannerPos()", 4500);
  
}, true);