Skip to content

Commit

Permalink
removed popup js
Browse files Browse the repository at this point in the history
  • Loading branch information
@4darsh-Dev
4darsh-Dev committed May 15, 2024
1 parent f53ff48 commit 9b75586
Show file tree
Hide file tree
Showing 5 changed files with 115 additions and 202 deletions.
Empty file removed cognigaurd-web/main.js
View file
Empty file.
30 changes: 0 additions & 30 deletions cognigaurd-web/pop_detect_redacted.js
View file

This file was deleted.

19 changes: 3 additions & 16 deletions cognigaurd-web/popup.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,11 +32,7 @@
<div class="dp-box">
<img src="assets/images/fg-scan.jpg" alt="Scan">

<!-- <div id="transparency-meter">
<div id="arrow"></div>
<div id="score-display">0</div>
</div> -->

<div class="info-box">
<a id="know-dp" href="#">Know about Dark Patterns</a>
<a id="info-2" href="#">Ways of handling</a>
Expand All @@ -49,15 +45,7 @@


<div class="scan-result-box">
<!-- <h2>What we have found so far:</h2>
<ul class="scan-list">
<li class="scan-items">Sample</li>
<li class="scan-items">Sample2</li>
<li class="scan-items">Sample3</li>
<li class="scan-items">Sample4</li>
</ul> -->

<a id="report-btn" href="http://127.0.0.1:8000/report-dp">Report Dark Patterns</a>
</div>

Expand All @@ -67,8 +55,7 @@
<section id="tp-score">
<div class="tp-box">
<a id="analyze-btn" href="#">Analyze</a>
<!-- <p id="tp-para" >Transparency score <p> -->
<!-- <p id="transparencyScore">0</p> -->


</div>

Expand Down
224 changes: 112 additions & 112 deletions cognigaurd-web/popup.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,30 +7,30 @@ const apiUrl = "http://127.0.0.1:8000/api/";

// Function to fetch transparency score
const fetchTransparencyScore = () => {
// Fetching transparency score from api
fetch(apiUrl + "tp-score/")
.then(response => {
if (!response.ok) {
throw new Error("Response was not ok!");
}
return response.json();
})
.then(userData => {
// Process the retrieved data
const transparencyScore = userData.transparency_score;
const transparencyScoreElement = document.getElementById("transparencyScore");
transparencyScoreElement.textContent = `${transparencyScore}`;
updateTransparencyMeter(transparencyScore);
})
.catch(error => {
console.log("Error", error);
});
// Fetching transparency score from api
fetch(apiUrl + "tp-score/")
.then(response => {
if (!response.ok) {
throw new Error("Response was not ok!");
}
return response.json();
})
.then(userData => {
// Process the retrieved data
const transparencyScore = userData.transparency_score;
const transparencyScoreElement = document.getElementById("transparencyScore");
transparencyScoreElement.textContent = `${transparencyScore}`;
updateTransparencyMeter(transparencyScore);
})
.catch(error => {
console.log("Error", error);
});
};

// Sending the url to the api
function sendUrlToAPI(url) {
// Construct the Basic Auth header

// Checking for erroneous url
// url = encodeURIComponent(url);
console.log(url);
Expand All @@ -42,33 +42,33 @@ function sendUrlToAPI(url) {

// Make an AJAX request to your Django Rest Framework API
fetch(apiUrl + 'dp-request/', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'Authorization': 'Basic ' + base64Credentials
},
body: JSON.stringify({ url: url })
method: 'POST',
headers: {
'Content-Type': 'application/json',
'Authorization': 'Basic ' + base64Credentials
},
body: JSON.stringify({ url: url })

})
.then(response => {
.then(response => {
if (response.ok) {
console.log('URL sent successfully');
// Handle success as needed
let respondseJson = response.json();
console.log(respondseJson);
// Display the dark patterns
displayDp(respondseJson, respondseJson.length);
console.log('URL sent successfully');
// Handle success as needed
let respondseJson = response.json();
console.log(respondseJson);
// Display the dark patterns
displayDp(respondseJson, respondseJson.length);


} else {
console.error('Failed to send URL');
// Handle error as needed
console.error('Failed to send URL');
// Handle error as needed
}
})
.catch(error => {
})
.catch(error => {
console.error('Error:', error);
// Handle error as needed
});
});


}
Expand All @@ -81,100 +81,100 @@ function sendUrlToAPI(url) {
// Displaying dark patterns
let scanResultBox = document.getElementsByClassName("scan-result-box")[0];
const displayDp = (response, length) => {
let head = document.createElement('h2');
head.innerText = "What we have found so far:";
scanResultBox.appendChild(head);

let scanList = document.createElement("ul");
scanList.classList.add("scan-list");
scanResultBox.appendChild(scanList);

let responseArr = [];

for (let i = 0; i < length; i++) {
let scanItems = document.createElement("li");
scanItems.classList.add("scan-items");
scanItems.innerText = `${responseArr[0]}`;
scanList.appendChild(scanItems);
}
let head = document.createElement('h2');
head.innerText = "What we have found so far:";
scanResultBox.appendChild(head);

let scanList = document.createElement("ul");
scanList.classList.add("scan-list");
scanResultBox.appendChild(scanList);

let responseArr = [];

for (let i = 0; i < length; i++) {
let scanItems = document.createElement("li");
scanItems.classList.add("scan-items");
scanItems.innerText = `${responseArr[0]}`;
scanList.appendChild(scanItems);
}
};



document.addEventListener('DOMContentLoaded', function () {
// Add event listener to the "Analyze" button
document.getElementById('analyze-btn').addEventListener('click', function () {
// Get the current tab's URL using the Chrome Extension API
chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
let currentUrl = tabs[0].url;
// Send the URL to the API
sendUrlToAPI(currentUrl);
});
// Add event listener to the "Analyze" button

document.getElementById('analyze-btn').addEventListener('click', function () {
// Get the current tab's URL using the Chrome Extension API
chrome.tabs.query({ active: true, currentWindow: true }, function (tabs) {
let currentUrl = tabs[0].url;
// Send the URL to the API
sendUrlToAPI(currentUrl);
});
});

// opening new tabs on clicking the buttons on the web extension
// opening new tabs on clicking the buttons on the web extension


// Base url
let baseUrl = "http://127.0.0.1:8000/";
let reportBtn = document.getElementById("report-btn");

// Base url
let baseUrl = "http://127.0.0.1:8000/";
let reportBtn = document.getElementById("report-btn");
reportBtn.addEventListener("click", function () {
let newTabUrl = baseUrl + "report-dp/";
// Use chrome.tabs.create to open a new tab
console.log("i am opening report page");
chrome.tabs.create({ url: newTabUrl });

reportBtn.addEventListener("click", function(){
let newTabUrl = baseUrl+"report-dp/";
// Use chrome.tabs.create to open a new tab
console.log("i am opening report page");
chrome.tabs.create({ url: newTabUrl });

})

let helpBtn = document.getElementById("help-btn");
helpBtn.addEventListener("click", function () {
let newTabUrl = baseUrl + "faqs/";

})
chrome.tabs.create({ url: newTabUrl });

let helpBtn = document.getElementById("help-btn");
helpBtn.addEventListener("click", function(){
let newTabUrl = baseUrl+"faqs/";
})

chrome.tabs.create({ url: newTabUrl });
})
let tandcBtn = document.getElementById("tandc-btn");
tandcBtn.addEventListener("click", function () {
let newTabUrl = baseUrl + "terms-conditions/";

let tandcBtn = document.getElementById("tandc-btn");
tandcBtn.addEventListener("click", function(){
let newTabUrl = baseUrl+"terms-conditions/";
chrome.tabs.create({ url: newTabUrl });

chrome.tabs.create({ url: newTabUrl });
})

})
let knowDp = document.getElementById("know-dp");
knowDp.addEventListener("click", () => {
let newTabUrl = baseUrl + "know-dp/";

let knowDp = document.getElementById("know-dp");
knowDp.addEventListener("click", ()=>{
let newTabUrl = baseUrl+"know-dp/";
chrome.tabs.create({ url: newTabUrl });
})

chrome.tabs.create({ url: newTabUrl });
})
});

});

function updatePopupContent(dpData) {
// Add logic to update the popup content with the dark pattern data
let scanResultBox = document.querySelector('.scan-result-box');
scanResultBox.innerHTML = '';

let head = document.createElement('h2');
head.innerText = "What we have found so far:";
scanResultBox.appendChild(head);

let scanList = document.createElement("ul");
scanList.classList.add("scan-list");
scanResultBox.appendChild(scanList);

for (let i = 0; i < dpData.length; i++) {
let scanItems = document.createElement("li");
scanItems.classList.add("scan-items");
scanItems.innerText = dpData[i];
scanList.appendChild(scanItems);
}
function updatePopupContent(dpData) {
// Add logic to update the popup content with the dark pattern data
let scanResultBox = document.querySelector('.scan-result-box');
scanResultBox.innerHTML = '';

let head = document.createElement('h2');
head.innerText = "What we have found so far:";
scanResultBox.appendChild(head);

let scanList = document.createElement("ul");
scanList.classList.add("scan-list");
scanResultBox.appendChild(scanList);

for (let i = 0; i < dpData.length; i++) {
let scanItems = document.createElement("li");
scanItems.classList.add("scan-items");
scanItems.innerText = dpData[i];
scanList.appendChild(scanItems);
}

}

// opening new tabs on clicking the buttons on the web extension


Expand Down
44 changes: 0 additions & 44 deletions cognigaurd-web/popup_detectV2.js
View file

This file was deleted.

0 comments on commit 9b75586

Please sign in to comment.