Skip to content

Commit

Permalink
instructions modal
Browse files Browse the repository at this point in the history
  • Loading branch information
@hayseedbyte
hayseedbyte committed Jun 11, 2021
1 parent 7834ade commit a424c9b
Show file tree
Hide file tree
Showing 4 changed files with 272 additions and 298 deletions.
3 changes: 2 additions & 1 deletion index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,7 @@
<body>
<div class="header">
<img class="logo" src="taggregator.png">
<a href="https://etsy.me/3xeiHUQ" class="etsy-link">Sell on Etsy</a>
</div>
<div class="container">
<div class="app">
Expand All @@ -32,7 +33,7 @@ <h3>Instructions</h3>
<span class="close">&times;</span>
</div>
<div class="modal-body">
<img class="instructions-img" src="unused2.jpg" alt="Usage intructions">
<img id="ins-img" class="instructions-img" src="unused2.jpg" alt="Usage intructions">
</div>
</div>
</div>
Expand Down
360 changes: 187 additions & 173 deletions script.js
View file
Original file line number Diff line number Diff line change
@@ -1,188 +1,202 @@
function generate(){

// get input values
let charLimit = document.getElementById("chars").value;
let phraseMax = document.getElementById("phrase").value;

// build regex for unwanted words
// NOTE: ideally input should be validated making sure there are no spaces
// and all words are separated with "|"
let unwanted = document.getElementById("unwanted").value.replace(/\|/g, '\\b\|');
let unwantedRegex = new RegExp("\\b(" + unwanted + ")", "g");

// Get input
let words = document.getElementById("input").value
.toLowerCase() // conver to lowercase
.replace(/[.,\/#!$%\^&\*;:{}=\_`~()+]/g, ' ') // remove punctuation
.replace(/\s+/g, ' '); // replace new lines, multiple spaces with single space

// Separate out phrases (wrapped in double quotes) to new array
let phrases = words.match(/".*?"/g);

words = words.replace(/".*?"/g, ' ') // remove phrases (anything in double quotes)
.replace(unwantedRegex, ' ') // next remove any connecting words (and,the,etc.)
.replace(/\s+/g, ' '); // and replace multiple spaces / new lines again

words = words.split(' '); // make into array

// Strip out the double quotes from the array values
if (phrases) {
phrases = phrases.map(function(el){ return el.replace(/^"|"$/g, ""); });
// Combine words and phrases arrays into single array (starting with phrases)
words = phrases.concat(words);
}

words = words.filter( (word, index) => words.indexOf(word) === index); //Remove duplicate words
//words = words.filter( word => word.length <= charLimit);
words = words.filter(function(el){ return el != '' }); // remove any empty elements
// ********
//*******Unique words list generated above


// ********Tag generation below
//********


let everyCombo = generateLists(words,charLimit);
let possiblePhrases = everyCombo.filter( value => value.length <= charLimit);

possiblePhrases.sort(function(a, b){
return b.length - a.length;
function generate() {
// get input values
let charLimit = document.getElementById('chars').value;
let phraseMax = document.getElementById('phrase').value;

// build regex for unwanted words
// NOTE: ideally input should be validated making sure there are no spaces
// and all words are separated with "|"
let unwanted = document
.getElementById('unwanted')
.value.replace(/\|/g, '\\b|');
let unwantedRegex = new RegExp('\\b(' + unwanted + ')', 'g');

// Get input
let words = document
.getElementById('input')
.value.toLowerCase() // conver to lowercase
.replace(/[.,\/#!$%\^&\*;:{}=\_`~()+]/g, ' ') // remove punctuation
.replace(/\s+/g, ' '); // replace new lines, multiple spaces with single space

// Separate out phrases (wrapped in double quotes) to new array
let phrases = words.match(/".*?"/g);

words = words
.replace(/".*?"/g, ' ') // remove phrases (anything in double quotes)
.replace(unwantedRegex, ' ') // next remove any connecting words (and,the,etc.)
.replace(/\s+/g, ' '); // and replace multiple spaces / new lines again

words = words.split(' '); // make into array

// Strip out the double quotes from the array values
if (phrases) {
phrases = phrases.map(function (el) {
return el.replace(/^"|"$/g, '');
});


let output = [];

for(let phrases in possiblePhrases){
possiblePhrases[phrases] = possiblePhrases[phrases].split(" ");
// Combine words and phrases arrays into single array (starting with phrases)
words = phrases.concat(words);
}

words = words.filter((word, index) => words.indexOf(word) === index); //Remove duplicate words
//words = words.filter( word => word.length <= charLimit);
words = words.filter(function (el) {
return el != '';
}); // remove any empty elements
// ********
//*******Unique words list generated above

// ********Tag generation below
//********

let everyCombo = generateLists(words, charLimit);
let possiblePhrases = everyCombo.filter(value => value.length <= charLimit);

possiblePhrases.sort(function (a, b) {
return b.length - a.length;
});

let output = [];

for (let phrases in possiblePhrases) {
possiblePhrases[phrases] = possiblePhrases[phrases].split(' ');
}

output[0] = possiblePhrases[0];

possiblePhrases = possiblePhrases.splice(1, possiblePhrases.length + 1);

while (!checkComplete(words, output, phraseMax)) {
let condensed = [];
condensed = [].concat(...output);
for (let i in possiblePhrases) {
if (possiblePhrases[i].filter(x => condensed.includes(x)).length == 0) {
output.push(possiblePhrases[i]);
break;
} else {
possiblePhrases.slice(i, 1);
}
}

output[0] = (possiblePhrases[0]);

possiblePhrases = possiblePhrases.splice(1, possiblePhrases.length + 1);

while(!checkComplete(words, output, phraseMax)){
let condensed = [];
condensed = [].concat(...output);
for(let i in possiblePhrases){
if(possiblePhrases[i].filter(x => condensed.includes(x)).length == 0){
output.push(possiblePhrases[i]);
break;
}
else{
possiblePhrases.slice(i, 1);
}
}

}
let outputText = '';
output.forEach(n => {
if (n) {
outputText += n.join(' ') + '\n';
}
let outputText = "";
output.forEach(n => {
if(n){
outputText += n.join(" ") + '\n';
}
});
console.log(outputText);
document.getElementById("output").value = outputText;

//** show words that weren't used in tags
let output1 = output.toString()
.replace(/ /g,',')
.split(",");
let unused = words.filter( function( el ) {
return output1.indexOf( el ) < 0;
});
console.log(unused);
console.log(words);

clean = unused.forEach(function(item) {
document.getElementById("wordBox").value += item + "\n";
});

let comma = document.getElementById("output").value;
let tagArray = comma.split('\n');
tagArray.forEach(item => {
const tagString = tagArray.join(item + ', \n')
document.getElementById("output").value = tagString.substring(0, tagString.length - 3)
}
);
};
});
console.log(outputText);
document.getElementById('output').value = outputText;

//** show words that weren't used in tags
let output1 = output
.toString() //convert from array to a string
.replace(/ /g, ',') //replace spaces with commas
.split(','); //convert back to an array
let unused = words.filter(function (el) {
return output1.indexOf(el) < 0;
});
console.log(unused);
console.log(words);

clean = unused.forEach(function (item) {
document.getElementById('wordBox').value += item + '\n';
});

let comma = document.getElementById('output').value;
let tagArray = comma.split('\n');
tagArray.forEach(item => {
const tagString = tagArray.join(item + ', \n');
document.getElementById('output').value = tagString.substring(
0,
tagString.length - 3
);
});
}
//******** main generate function above, other named functions below

function generateLists(words,charLimit) {
var result = [];
var f = function(prefix, words) {
var newWord;
for (var i = 0; i < words.length; i++) {
// append prefix if not empty
newWord = prefix.length > 0 ? prefix+' '+words[i] : words[i];
// only push to result array if charLimit not exceeded
if (newWord.length <= charLimit) {
result.push(newWord);
f(newWord, words.slice(i + 1));
}
function generateLists(words, charLimit) {
var result = [];
var f = function (prefix, words) {
var newWord;
for (var i = 0; i < words.length; i++) {
// append prefix if not empty
newWord = prefix.length > 0 ? prefix + ' ' + words[i] : words[i];
// only push to result array if charLimit not exceeded
if (newWord.length <= charLimit) {
result.push(newWord);
f(newWord, words.slice(i + 1));
}
}
f('', words);
return result;
};

function checkComplete(unique, outputArray, phraseMax){
if(outputArray.length >= phraseMax){
return true;
};
f('', words);
return result;
}

function checkComplete(unique, outputArray, phraseMax) {
if (outputArray.length >= phraseMax) {
return true;
}
let count = 0;
outputArray.forEach(n => {
if (n) {
count += n.length;
}
let count = 0;
outputArray.forEach(n =>{
if(n){
count += n.length;
}
});
return unique.length <= count;
};

function removeDuplicates(words){
var seen = {};
var out = [];
var j = 0;
for(var i = 0; i < words.length; i++) {
var item = words[i];
if(seen[item] !== 1) {
seen[item] = 1;
out[j++] = item;
}
});
return unique.length <= count;
}

function removeDuplicates(words) {
var seen = {};
var out = [];
var j = 0;
for (var i = 0; i < words.length; i++) {
var item = words[i];
if (seen[item] !== 1) {
seen[item] = 1;
out[j++] = item;
}
return out;
};
}
return out;
}
// Get the modal
const modal = document.getElementById("insModal");
const modal = document.getElementById('insModal');
// Get the button that opens the modal
const btn = document.getElementById("myBtn");
const btn = document.getElementById('myBtn');
// Get the <span> element that closes the modal
const span = document.getElementsByClassName("close")[0];
// When the user clicks the button, open the modal
btn.onclick = function () {
modal.className = "shown";
};
const span = document.getElementsByClassName('close')[0];
const insImage = document.getElementById('ins-img');
const close = () => (modal.className = 'hidden');
const show = () => (modal.className = 'shown');
// When the user clicks the button, open the modal
btn.onclick = show;
// When the user clicks on <span> (x), close the modal
span.onclick = function () {
modal.className = "hidden";
};
// When the user clicks anywhere outside of the modal, close it
window.onclick = function (event) {
if (event.target == modal) {
modal.className = "hidden";
}
};
span.onclick = close;
insImage.onclick = close;

// When the user clicks anywhere outside of the modal, close it
// insImage.onclick = function (event) {
// if (event.target === body && modal.className === 'shown') {
// console.log('click');
// }
// };
function copyToClipboard(element) {
const $temp = $("<input>");
$("body").append($temp);
$temp.val($(element).text()).select();
document.execCommand("copy");
$temp.remove();
};
const $temp = $('<input>');
$('body').append($temp);
$temp.val($(element).text()).select();
document.execCommand('copy');
$temp.remove();
}
function copyOutput() {
const copyText = document.getElementById("output");
copyText.select();
copyText.setSelectionRange(0, 99999);
document.execCommand("copy");
document.getElementById("copyTags").innerHTML = "Copied!";
};
const copyText = document.getElementById('output');
copyText.select();
copyText.setSelectionRange(0, 99999);
document.execCommand('copy');
document.getElementById('copyTags').innerHTML = 'Copied!';
}
// function closeModal() {
// if (modal.className === 'shown') {
// document.addEventListener('click', function () {
// modal.className = 'hidden';
// console.log('clicked1');
// });
// }
// }
Loading

0 comments on commit a424c9b

Please sign in to comment.