From 5db6f5e91bdcd069178378ca013f5dc31eb93efe Mon Sep 17 00:00:00 2001 From: Jordan Rosas Date: Fri, 11 Oct 2019 15:09:06 -0500 Subject: [PATCH 1/5] when user click delete cookies it clears input bar and closes table --- _config.yml | 3 --- background.js | 29 ++++++++++++++++------------- manifest.json | 5 ++++- 3 files changed, 20 insertions(+), 17 deletions(-) delete mode 100644 _config.yml diff --git a/_config.yml b/_config.yml deleted file mode 100644 index c48ead3..0000000 --- a/_config.yml +++ /dev/null @@ -1,3 +0,0 @@ -title: Cookie Manager -show_downloads: true -theme: jekyll-theme-hacker diff --git a/background.js b/background.js index 993711e..004ff04 100644 --- a/background.js +++ b/background.js @@ -3,36 +3,37 @@ * @email vinitshahdeo@gmail.com */ var count = 0; +// banner animations $("#banner").fadeTo(4000, 500).slideUp(500, function(){ $("#banner").slideUp(500); }); $("#developer").fadeTo(4000, 500).slideUp(500, function(){ $("#developer").slideUp(500); }); -function setCookieCount(){ + +// shows total cookies +setCookieCount = () => { chrome.cookies.getAll({},function(cookies){ - count=cookies.length; - document.getElementById("cookie-counter").innerHTML = count; + count = cookies.length; + $("#cookie-counter").html(count); }); } setCookieCount(); -function displayCookies(){ - - setCookieCount(); +displayCookies = () => { - document.getElementById("cookie").style.display="none"; + $("#cookie").css('display', 'none'); var tableLog = document.getElementById("cookieslog"); tableLog.style.display="table"; tableLog.innerHTML = ""; - var domain = document.getElementById("url").value; + var domain = $("#url").val(); //var tarea_regex = /(http(s?))\:\/\//gi; if(domain=="" || domain==null){ - document.getElementById("banner").style.display="block"; - document.getElementById("message").style.display-"block"; + $("#banner").css('display', "block"); + $("#message").css('display',"block"); document.getElementById("banner").style.className="alert alert-danger alert-dismissible"; document.getElementById("message").innerHTML="Invalid URL! Hint : Please enter complete url including http:// or https:// below and press Display Cookies" } @@ -48,9 +49,7 @@ function displayCookies(){ //var row = tableLog.insertRow(-1); for(var i in cookies){ - - - if(i==0){ + if(i == 0){ var firstRow = tableLog.insertRow(-1); firstRow.insertCell(0).innerHTML="NAME"; firstRow.insertCell(1).innerHTML="VALUE"; @@ -130,6 +129,10 @@ onCookieChanged(); }); document.getElementById("banner").className="alert alert-danger alert-dismissible"; document.getElementById("message").innerHTML = "All Cookies are cleared!"; + $('#url').val("") + var table = document.getElementById("cookieslog"); + table.style.display="none"; + table.innerHTML = ""; setCookieCount(); } diff --git a/manifest.json b/manifest.json index eb51590..28c11ab 100644 --- a/manifest.json +++ b/manifest.json @@ -11,7 +11,10 @@ "default_popup": "index.html" }, "background": { - "scripts": ["background.js"], + "scripts": [ + "js/jquery.min.js", + "background.js" + ], "persistent": false }, "manifest_version": 2 From 2d0810e819e1dabfcdc2bf8ab4859ca3d5cbdfe5 Mon Sep 17 00:00:00 2001 From: Jordan Rosas Date: Fri, 11 Oct 2019 15:47:46 -0500 Subject: [PATCH 2/5] fixed style for successful cookie creation --- background.js | 46 ++++++++++++++++++++++------------------------ 1 file changed, 22 insertions(+), 24 deletions(-) diff --git a/background.js b/background.js index 004ff04..02efb12 100644 --- a/background.js +++ b/background.js @@ -34,20 +34,18 @@ displayCookies = () => { if(domain=="" || domain==null){ $("#banner").css('display', "block"); $("#message").css('display',"block"); - document.getElementById("banner").style.className="alert alert-danger alert-dismissible"; - document.getElementById("message").innerHTML="Invalid URL! Hint : Please enter complete url including http:// or https:// below and press Display Cookies" + $("#banner").addClass("alert alert-danger alert-dismissible"); + $("#message").html("Invalid URL! Hint : Please enter complete url including http:// or https:// below and press Display Cookies") } if(!(domain.indexOf("http://") == 0 || domain.indexOf("https://") == 0)){ - document.getElementById("banner").style.display="block"; - document.getElementById("message").style.display="block"; - document.getElementById("banner").style.className="alert alert-danger alert-dismissible"; - document.getElementById("message").innerHTML="Invalid URL! Hint : Please enter complete url including http:// or https:// below and press Display Cookies"; + $("#banner").addClass("alert alert-danger alert-dismissible").css('display', 'block'); + $("#message").html("Invalid URL! Hint : Please enter complete url including http:// or https:// below and press Display Cookies").css("display","block"); + } else{ - document.getElementById("banner").style.display="none"; + $("#banner").css('display', "none"); chrome.cookies.getAll({url:domain},function(cookies){ //var row = tableLog.insertRow(-1); - for(var i in cookies){ if(i == 0){ var firstRow = tableLog.insertRow(-1); @@ -76,28 +74,28 @@ displayCookies = () => { } } -function setCookies(){ - document.getElementById("cookieslog").style.display="none"; - var domain = document.getElementById("url").value; - var name = document.getElementById("key").value; - var value = document.getElementById("value").value; - var input = document.getElementById("cookie").style.display="block"; - var banner = document.getElementById("banner"); - banner.style.display="block"; - banner.className="alert alert-info alert-dismissible" - document.getElementById("message").innerHTML = "Please enter the url, name and value pair and click Set Cookies button." - if(domain=="" || domain==null){ - document.getElementById("message").innerHTML = "Please enter the url, name & value pair and click Set Cookies button." +setCookies = () => { + $("#cookieslog").css('display', 'none') + var domain = $("#url").val(); + var name = $("#key").val(); + var value = $("#value").val(); + var input = $("#cookie").css('display','block') + $("#banner").css('display','block').addClass("alert alert-info alert-dismissible") + + // One message instance + let message = $("#message").html("Please enter the url, name and value pair and click Set Cookies button.") + + if(domain == ""){ + message } else if(name=="" || name==null || value=="" || value==null){ - banner.className="alert alert-warning alert-dismissible"; - document.getElementById("message").innerHTML = "Please enter the name and value pair and click Set Cookies button." + message } else{ chrome.cookies.set({url:domain,name:name,value:value,expirationDate : 1610701693},function(cookie){ console.log("cookie is set"); - document.getElementById("banner").className="alert alert-success alert-dismissible"; + $("#banner").removeClass("alert alert-info alert-dismissible").addClass("alert alert-success alert-dismissible") document.getElementById("message").innerHTML = "SUCCESS! Cookies is set for "+domain+""; console.log(cookie); var name = document.getElementById("key").value=""; @@ -113,8 +111,8 @@ function setCookies(){ //setCookies(); function onCookieChanged(){ chrome.cookies.onChanged.addListener(function(cookies){ - console.log("cookies are being changed ", cookies.cookie.domain); console.log(cookies); + console.log("cookies are being changed ", cookies.cookie.domain); }); } From c87755583fcc5fce72af154ea821951653e396ae Mon Sep 17 00:00:00 2001 From: Jordan Rosas Date: Fri, 11 Oct 2019 16:16:24 -0500 Subject: [PATCH 3/5] done refactoring code in background.js --- background.js | 53 +++++++++++++++++++++------------------------------ 1 file changed, 22 insertions(+), 31 deletions(-) diff --git a/background.js b/background.js index 02efb12..54c7976 100644 --- a/background.js +++ b/background.js @@ -38,14 +38,13 @@ displayCookies = () => { $("#message").html("Invalid URL! Hint : Please enter complete url including http:// or https:// below and press Display Cookies") } if(!(domain.indexOf("http://") == 0 || domain.indexOf("https://") == 0)){ - $("#banner").addClass("alert alert-danger alert-dismissible").css('display', 'block'); + $("#banner").css('display', 'block'); $("#message").html("Invalid URL! Hint : Please enter complete url including http:// or https:// below and press Display Cookies").css("display","block"); } else{ $("#banner").css('display', "none"); chrome.cookies.getAll({url:domain},function(cookies){ - //var row = tableLog.insertRow(-1); for(var i in cookies){ if(i == 0){ var firstRow = tableLog.insertRow(-1); @@ -81,7 +80,6 @@ setCookies = () => { var value = $("#value").val(); var input = $("#cookie").css('display','block') $("#banner").css('display','block').addClass("alert alert-info alert-dismissible") - // One message instance let message = $("#message").html("Please enter the url, name and value pair and click Set Cookies button.") @@ -92,33 +90,30 @@ setCookies = () => { message } else{ - chrome.cookies.set({url:domain,name:name,value:value,expirationDate : 1610701693},function(cookie){ - console.log("cookie is set"); - - $("#banner").removeClass("alert alert-info alert-dismissible").addClass("alert alert-success alert-dismissible") - document.getElementById("message").innerHTML = "SUCCESS! Cookies is set for "+domain+""; - console.log(cookie); - var name = document.getElementById("key").value=""; - var value = document.getElementById("value").value=""; - $("#banner").fadeTo(2000, 500).slideUp(500, function(){ - $("#banner").slideUp(500); + chrome.cookies.set({url:domain,name:name,value:value,expirationDate : 1610701693},function(cookie){ + $("#banner").removeClass("alert alert-info alert-dismissible").addClass("alert alert-success alert-dismissible") + $("#message").html("SUCCESS! Cookies is set for "+domain+""); + console.log(cookie); + $("#url").val('') + var name = document.getElementById("key").value=""; + var value = document.getElementById("value").value=""; + $("#banner").fadeTo(2000, 500).slideUp(500, function(){ + $("#banner").slideUp(500); + }); + setCookieCount(); }); - setCookieCount(); - }); -} + } } - //displayCookies(); - //setCookies(); -function onCookieChanged(){ + +onCookieChanged = () => { chrome.cookies.onChanged.addListener(function(cookies){ console.log(cookies); console.log("cookies are being changed ", cookies.cookie.domain); }); } - onCookieChanged(); - function clearAllCookies(){ +clearAllCookies = () => { console.log("cookies cleared"); chrome.cookies.getAll({}, function(cookies) { for (var i in cookies) { @@ -135,8 +130,7 @@ onCookieChanged(); } function removeCookie(cookie) { - var url = "http" + (cookie.secure ? "s" : "") + "://" + cookie.domain + - cookie.path; + var url = "http" + (cookie.secure ? "s" : "") + "://" + cookie.domain + cookie.path; chrome.cookies.remove({"url": url, "name": cookie.name}); } @@ -145,21 +139,18 @@ onCookieChanged(); } document.addEventListener('DOMContentLoaded', function() { - var clear_Cookies = document.getElementById("clear_cookies"); - var set_Cookies = document.getElementById("set_cookies"); - var display_Cookies = document.getElementById("display_cookies"); - var url = document.getElementById("url"); + // onClick's logic below: - clear_Cookies.addEventListener('click', function() { + $("#clear_cookies").on('click', function() { clearAllCookies(); }); - set_Cookies.addEventListener('click',function(){ + $("#set_cookies").on('click',function(){ setCookies(); }); - display_Cookies.addEventListener('click',function(){ + $("#display_cookies").on('click',function(){ displayCookies(); }); - url.addEventListener('blur',function(){ + $("#url").on('blur',function(){ updateBanner(); }); }); \ No newline at end of file From 133278976652521f673ec0b489ff34df7f6b353d Mon Sep 17 00:00:00 2001 From: Jordan Rosas Date: Fri, 11 Oct 2019 16:18:09 -0500 Subject: [PATCH 4/5] final commit --- background.js | 1 - 1 file changed, 1 deletion(-) diff --git a/background.js b/background.js index 54c7976..caa011a 100644 --- a/background.js +++ b/background.js @@ -122,7 +122,6 @@ clearAllCookies = () => { }); document.getElementById("banner").className="alert alert-danger alert-dismissible"; document.getElementById("message").innerHTML = "All Cookies are cleared!"; - $('#url').val("") var table = document.getElementById("cookieslog"); table.style.display="none"; table.innerHTML = ""; From 5c4106e094c09faffc943f8c0da629649fb180c6 Mon Sep 17 00:00:00 2001 From: Jordan Rosas Date: Fri, 11 Oct 2019 16:24:05 -0500 Subject: [PATCH 5/5] input clears when clearing cookies --- background.js | 1 + manifest.json | 1 - 2 files changed, 1 insertion(+), 1 deletion(-) diff --git a/background.js b/background.js index caa011a..1679a21 100644 --- a/background.js +++ b/background.js @@ -122,6 +122,7 @@ clearAllCookies = () => { }); document.getElementById("banner").className="alert alert-danger alert-dismissible"; document.getElementById("message").innerHTML = "All Cookies are cleared!"; + $("#url").val(""); var table = document.getElementById("cookieslog"); table.style.display="none"; table.innerHTML = ""; diff --git a/manifest.json b/manifest.json index 28c11ab..23eb870 100644 --- a/manifest.json +++ b/manifest.json @@ -12,7 +12,6 @@ }, "background": { "scripts": [ - "js/jquery.min.js", "background.js" ], "persistent": false