mint/app/public/js/notify.js

var ntf_msg_list = new Array();
var ntf_max_msg_line = 2;
function ntf_init(lines = 5) {
  ntf_max_msg_line = lines;
  var divNotify = document.createElement("div");
  var typ = document.createAttribute("class");

  typ.nodeValue = "pcd_notify";
  divNotify.attributes.setNamedItem(typ);

  var typId = document.createAttribute("id");
  typId.nodeValue = "id_pcd_notify";
  divNotify.attributes.setNamedItem(typId);

  var body = document.getElementsByTagName("body")[0];
  body.appendChild(divNotify);
  divNotify.style.display = "none";
}

function ntf_show(msg, timeout = 8) {
  if (ntf_msg_list.length < ntf_max_msg_line) {
    ntf_msg_list.push(msg);
  } else {
    for (let i = 1; i < ntf_msg_list.length; i++) {
      ntf_msg_list[i - 1] = ntf_msg_list[i];
    }
    ntf_msg_list[ntf_msg_list.length - 1] = msg;
  }
  let divNotify = document.getElementById("id_pcd_notify");
  if (divNotify) {
    let strHtml = "";
    for (const strMsg of ntf_msg_list) {
      strHtml += "<div class='ntf_msg_div'>";
      strHtml += strMsg;
      strHtml += "</div>";
    }
    divNotify.innerHTML = strHtml;
    divNotify.style.display = "block";
    setTimeout("ntf_hide()", timeout * 1000);
  }
}
function ntf_hide() {
  document.getElementById("id_pcd_notify").style.display = "none";
}