Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

My own fixes #1

Closed
wants to merge 6 commits into from
Closed

My own fixes #1

Changes from 1 commit
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
50ea227
Removed shitty copyBtn
Feb 9, 2022
4d39d06
Result scaling based on length & removed console.clear()
Feb 9, 2022
e1e0376
Removed copyBtn styles
Feb 9, 2022
b0f6631
HTML corrections
Feb 9, 2022
e66f73a
Moved generate button above length slider
Feb 9, 2022
ab2d571
Default font sans-serif
Feb 9, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Next Next commit
Removed shitty copyBtn
  • Loading branch information
Антон Аксенов committed Feb 9, 2022
commit 50ea227d915d938ccb03f3c68ff9586616688632
28 changes: 3 additions & 25 deletions js/script.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -81,8 +81,6 @@ const symbolEl = document.getElementById("symbol");

// Button to generate the password
const generateBtn = document.getElementById("generate");
// Button to copy the text
const copyBtn = document.getElementById("copy-btn");
// Result viewbox container
const resultContainer = document.querySelector(".result");
// Text info showed after generate button is clicked
Expand All @@ -99,22 +97,6 @@ let resultContainerBound = {
left: resultContainer.getBoundingClientRect().left,
top: resultContainer.getBoundingClientRect().top,
};
// This will update the position of the copy button based on mouse Position
resultContainer.addEventListener("mousemove", e => {
resultContainerBound = {
left: resultContainer.getBoundingClientRect().left,
top: resultContainer.getBoundingClientRect().top,
};
if(generatedPassword){
copyBtn.style.opacity = '1';
copyBtn.style.pointerEvents = 'all';
copyBtn.style.setProperty("--x", `${e.x - resultContainerBound.left}px`);
copyBtn.style.setProperty("--y", `${e.y - resultContainerBound.top}px`);
}else{
copyBtn.style.opacity = '0';
copyBtn.style.pointerEvents = 'none';
}
});
window.addEventListener("resize", e => {
resultContainerBound = {
left: resultContainer.getBoundingClientRect().left,
Expand All @@ -123,10 +105,10 @@ window.addEventListener("resize", e => {
});

// Copy Password in clipboard
copyBtn.addEventListener("click", () => {
resultContainer.addEventListener("click", () => {
const textarea = document.createElement("textarea");
const password = resultEl.innerText;
if (!password || password == "CLICK GENERATE") {
if (!password || password == "-") {
return;
}
textarea.value = password;
Expand Down Expand Up @@ -177,11 +159,7 @@ function generatePassword(length, lower, upper, number, symbol) {
function disableOnlyCheckbox(){
let totalChecked = [uppercaseEl, lowercaseEl, numberEl, symbolEl].filter(el => el.checked)
totalChecked.forEach(el => {
if(totalChecked.length == 1){
el.disabled = true;
}else{
el.disabled = false;
}
el.disabled = totalChecked.length == 1
})
}

Expand Down