script.js

async function loadList() {
  let result = await fetch(
    "https://raw.githubusercontent.com/many-passwords/many-passwords/main/passwords.csv"
  )
    .then((res) => res.text())
    .catch(() => "error");

  const loader = document.getElementById("loader");
  const output = document.getElementById("output");
  const buttonsWrapper = document.querySelector(".buttons-wrapper"); // get button container div
  const pwdCount = document.getElementById("password-count"); // password count button

  if (result !== "error") {
    loader.remove();
    buttonsWrapper.style.display = "flex";

    var lines = result.split("\n");
    pwdCount.innerHTML = `Passwords Count: ${lines.length - 2}`; // Count passwords
    let split = (x) => lines[line].split(",")[x];
    let add = () => document.createElement("p");
    let addButton = () => document.createElement("button");
    let addDiv = () => document.createElement("div");

    for (var line = 1; line < lines.length; line++) {
      const li = document.createElement("div");
      const vendor = add();
      const model = add();
      const version = add();
      const access = add();
      const username = add();
      const password = add();
      const privileges = add();
      const notes = add();
      const copyUsername = addButton();
      const copyPassword = addButton();
      const buttonContainer = addDiv();

      if (split(0) === "") return;

      vendor.innerHTML = split(0);
      model.innerHTML = "Model: " + split(1);
      version.innerHTML = "Version: " + split(2);
      access.innerHTML = "Access Type: " + split(3);
      username.innerHTML = "Username: " + split(4);
      password.innerHTML = "Password: " + split(5);
      privileges.innerHTML = "Privileges: " + split(6);
      notes.innerHTML = `<hr>${split(7)}`;
      copyUsername.innerHTML = "<i class=\"fa fa-clone\" aria-hidden=\"true\"></i>USERNAME";
      copyUsername.setAttribute("onClick","copyToClipBoard('"+split(4)+"',this,\"USERNAME\")");
      copyUsername.setAttribute("class","copy-button");
      copyPassword.innerHTML = "<i class=\"fa fa-clone\" aria-hidden=\"true\"></i>PASSWORD";
      copyPassword.setAttribute("onClick","copyToClipBoard('"+split(5)+"',this,\"PASSWORD\")");
      copyPassword.setAttribute("class","copy-button");
      buttonContainer.setAttribute("class","button-container");

      li.setAttribute("class", "model-info");
      li.appendChild(vendor);
      li.appendChild(model);
      li.appendChild(version);
      li.appendChild(access);
      li.appendChild(username);
      li.appendChild(password);
      li.appendChild(privileges);
      li.appendChild(notes);
      buttonContainer.appendChild(copyUsername);
      buttonContainer.appendChild(copyPassword);
      li.appendChild(buttonContainer)
      output.appendChild(li);
    }
  } else {
    setTimeout(() => {
      let confirm = window.confirm(
        "An error occurred, do you want to reload the page?"
      );
      if (confirm) window.location.reload();
      else {
        loader.remove();
        output.textContent = "Failed! Please update the page and try again.";
        output.classList.add("failed");
      }
    }, 5000);
  }
}

async function loadEntryCount() {
  let result = await fetch(
    "https://raw.githubusercontent.com/many-passwords/many-passwords/main/passwords.csv"
  )
    .then((res) => res.text())
    .catch(() => "error");

  if (result !== "error") {
    var lines = result.split("\n");
    const output = document.getElementById("count-output");
    output.innerHTML = lines.length - 2; // -2 because there are two dummy entries
  }
}

function search_entries() {
  let base_element = document.getElementsByClassName("search");
  let input = base_element[0].getElementsByTagName("input")[0].value;
  input = input.trim().toLowerCase();   // Using trim() for removing any surrounding whitespaces, and toLowerCase() for converting its case to lowercase so as to perform a case-insensitive search

  let data = document.getElementById("output").childNodes;
  let result_count = 0;

  for (i = 0; i < data.length; i++) {
    if (!data[i].innerHTML.toLowerCase().includes(input)) {
      data[i].style.display = "none";
    } else {
      data[i].style.display = "inline";
      result_count++;
    }
  }

  $('#no-output').css('display', (result_count>0)?'none':'block'); // setting display css property for 'no results found ...' <div> block based on result_count using jQuery, Shorthand for: if (result_count==0) $('#no-output').css('display', 'block'); else $('#no-output').css('display', 'none');
}

$(window).scroll(function (event) {
  var scrollButton = $("#scroll_button");
  var scroll = $(window).scrollTop();
  if (scroll < 300) {
    scrollButton.fadeOut();
  } else {
    scrollButton.fadeIn();
  }
});

// Navbar Responsive JavaScipt
function myFunction() {
  var x = document.getElementById("navbar");
  if (x.className === "topnav") {
    x.className += " responsive";
  } else {
    x.className = "topnav";
  }
}

function copyToClipBoard(value,button,usernameorpassword){

  if(value=='<blank>'){
    value='';
  }
  navigator.clipboard.writeText(value);
  button.innerText = 'COPIED!';

  setTimeout(()=>{
    button.innerHTML = "<i class=\"fa fa-clone\" aria-hidden=\"true\"></i> <p>"+usernameorpassword+"</p>";
  },3000);

  console.log(value);
}