Thanks to visit codestin.com
Credit goes to github.com

Skip to content

implement the bughunt part except winner announcement #2511

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

Merged
JisanAR03 merged 6 commits into from
Jul 27, 2024
Merged

implement the bughunt part except winner announcement #2511

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
0349b5b
implement the bughunt part except winner announcement
JisanAR03 Jul 27, 2024
5bcf869
Merge branch 'main' into company_bughunt_except_winner_part
JisanAR03 Jul 27, 2024
23d480d
implement the bughunt part except winner announcement
JisanAR03 Jul 27, 2024
d220517
Merge branch 'main' of github.com:JisanAR03/BLT into company_bughunt_…
JisanAR03 Jul 27, 2024
2b37159
Merge branch 'company_bughunt_except_winner_part' of github.com:Jisan…
JisanAR03 Jul 27, 2024
a1a4486
implement the bughunt part except winner announcement
JisanAR03 Jul 27, 2024
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
274 changes: 246 additions & 28 deletions company/static/company/js/hunt_controller.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,12 +3,6 @@
let prize_array = [];
let list_prize_container = document.getElementById("list-prize-container");

function remove_prize_container(){
let email_container = document.getElementById("email-container");
let lst_child = email_container.lastElementChild;
email_container.removeChild(lst_child);
}

function add_prize(){

let prize_name = document.getElementById("prize_name");
Expand All @@ -18,6 +12,11 @@ function add_prize(){
let prize_description = document.getElementById("prize_description");
let paid_in_cryptocurrency = document.getElementById("paid_in_cryptocurrency");

if (prize_name.value.trim() === "" || cash_value.value <= 0 || number_of_winning_projects.value <= 0){
alert("Please fill in all fields correctly");
return;
}

let prize_data = {
id: prize_array.length,
prize_name: prize_name.value,
Expand All @@ -35,34 +34,48 @@ function add_prize(){
prize_name.value = "";
cash_value.value = 0;
number_of_winning_projects.value = 1;
if(number_of_winning_projects.disabled){
number_of_winning_projects.disabled = false;
number_of_winning_projects.style.display = "block";
}
every_valid_submissions.checked = false;
prize_description.value = "";
paid_in_cryptocurrency.checked = false;

const prize_container_child_html = document.createElement('div');
const prize_name_sanitized = prize_data.prize_name.trim().substring(0, 8) + '...'; // Sanitize prize_name
const prize_description_sanitized = prize_data.prize_description.trim().substring(0, 55) + '...'; // Sanitize prize_description
const sanitizedNumberOfWinningProjects = Number(prize_data.number_of_winning_projects); // Sanitize number_of_winning_projects
let prize_description_sanitized = prize_data.prize_description.trim().substring(0, 55) + '...'; // Sanitize prize_description
let sanitizedNumberOfWinningProjects = Number(prize_data.number_of_winning_projects); // Sanitize number_of_winning_projects

// if every_valid_submissions is checked, the number_of_winning_projects will be "all valid submissions"
if (prize_data.every_valid_submissions){
sanitizedNumberOfWinningProjects = "All Valid Submissions";
}
// if the description is empty, the prize_description will be "No Description"
if (prize_description_sanitized === "..."){
prize_description_sanitized = "No Description";
}
prize_container_child_html.innerHTML = `
<div class="bg-white rounded-lg shadow-lg p-6 w-72 mr-5">
<h2 class="text-2xl font-bold mb-4 text-gray-800">${escapeHTML(prize_name_sanitized)}</h2>
<div class="mb-4">
<p class="text-red-500 font-bold">Cash Value (USD)</p>
<p class="text-gray-800">$1000</p>
</div>
<div class="mb-4">
<p class="text-gray-800 font-bold">Number of Winning Projects</p>
<p class="text-gray-600">${sanitizedNumberOfWinningProjects}</p>
</div>
<div class="mb-4">
<p class="text-gray-800 font-bold">Reward Valid Submission</p>
<p class="text-gray-600">${prize_data.every_valid_submissions}</p>
</div>
<div class="mb-4">
<p class="text-red-500 font-bold">Prize Description</p>
<p class="text-gray-800">${escapeHTML(prize_description_sanitized)}</p>
</div>
<div id="prize-container-${prize_data.id}" class="bg-white rounded-lg shadow-lg p-6 w-72 mr-5 relative">
<button onclick="remove_prize(${prize_data.id})" class="absolute top-2 right-2 text-red-500">x</button>
<h2 class="text-2xl font-bold mb-4 text-gray-800">${escapeHTML(prize_name_sanitized)}</h2>
<div class="mb-4">
<p class="text-red-500 font-bold">Cash Value (USD)</p>
<p class="text-gray-800">$${prize_data.cash_value}</p>
</div>
<div class="mb-4">
<p class="text-gray-800 font-bold">Number of Winning Projects</p>
<p class="text-gray-600">${sanitizedNumberOfWinningProjects}</p>
</div>
<div class="mb-4">
<p class="text-gray-800 font-bold">Reward All Valid Submission</p>
<p class="text-gray-600">${prize_data.every_valid_submissions}</p>
</div>
<div class="mb-4">
<p class="text-red-500 font-bold">Prize Description</p>
<p class="text-gray-800">${escapeHTML(prize_description_sanitized)}</p>
</div>
</div>
`;

list_prize_container.appendChild(prize_container_child_html);
Expand All @@ -73,11 +86,25 @@ function add_prize(){
}
}

function remove_prize(prize_id) {
let confirmDelete = confirm("Are you sure you want to delete this prize?");
if (!confirmDelete) {
return;
}
prize_array = prize_array.filter(prize => prize.id !== prize_id);
let prize_container = document.getElementById(`prize-container-${prize_id}`);
if (prize_container && prize_container.parentNode) {
let grandParent = prize_container.parentNode;
if (grandParent.parentNode) {
grandParent.parentNode.removeChild(grandParent);
}
}
}

function cancelForm(){
let deleteForm = document.getElementById("deleteForm");
let confirmDelete = confirm("Are you sure you want to cancel, your progress would be lost.");
if (confirmDelete === true){
deleteForm.submit();
window.history.back();
}
}

Expand Down Expand Up @@ -131,4 +158,195 @@ function displayLogoPreview() {
}
}

let valid_s = document.getElementById("every_valid_submissions");
let winning_projects = document.getElementById("number_of_winning_projects");
valid_s.addEventListener('click',()=>{
winning_projects.value = 1;
if (valid_s.checked) {
winning_projects.disabled = true;
winning_projects.style.display = "none";
} else {
winning_projects.disabled = false;
winning_projects.style.display = "block";
}
})

function displayBannerPreview() {
var fileInput = document.getElementById("banner");
var previewDiv = document.getElementById("bannerPreview");

if (fileInput.files.length > 0) {
var file = fileInput.files[0];
var reader = new FileReader();

reader.onload = function(event) {
var img = new Image();
img.src = event.target.result;

img.onload = function() {
var canvas = document.createElement("canvas");
var ctx = canvas.getContext("2d");

var maxDim = 300;
var scale = Math.min(maxDim / img.width, maxDim / img.height);

canvas.width = img.width * scale;
canvas.height = img.height * scale;

ctx.drawImage(img, 0, 0, canvas.width, canvas.height);

previewDiv.innerHTML = "";
previewDiv.style.display = "flex";
previewDiv.style.justifyContent = "center";
previewDiv.appendChild(canvas);
};
};

reader.readAsDataURL(file);
} else {
previewDiv.innerHTML = "";
}
}

function removePrize(event, prizeId, companyId) {
event.preventDefault();
if (!confirm("Are you sure you want to delete this prize?")) {
return;
}

// Show loading indicator (you can customize this as needed)
let prizeContainer = document.getElementById(`prize-container-${prizeId}`);
let loadingIndicator = document.createElement('div');
loadingIndicator.innerText = "Loading...";
prizeContainer.appendChild(loadingIndicator);

// Make AJAX call to delete the prize with company_id
fetch(`/company/delete_prize/${prizeId}/${companyId}`, {
method: 'DELETE',
headers: {
'X-CSRFToken': getCookie('csrftoken')
},
})
.then(response => response.json())
.then(data => {
if (data.success) {
// Remove the prize from the DOM
prizeContainer.parentNode.removeChild(prizeContainer);
alert("Prize deleted successfully!");
} else {
alert("Failed to delete prize. Please try again.");
}
})
.catch(error => {
console.error('Error:', error);
alert("An error occurred. Please try again.");
});
}

function editPrize(event, prizeId, prizeName, cashValue, noOfProjects, validSubmissions, description, companyId) {
event.preventDefault(); // Prevent the form from submitting
alert("Edit the prize details in the form above and click the 'Update Prize' button to save changes.");
document.getElementById('prize_name').value = prizeName;
document.getElementById('cash_value').value = cashValue;
document.getElementById('number_of_winning_projects').value = noOfProjects;
// if every_valid_submissions is true then disable the number_of_winning_projects input field and also hide it
if (validSubmissions) {
document.getElementById('number_of_winning_projects').disabled = true;
document.getElementById('number_of_winning_projects').style.display = "none";
}
document.getElementById('prize_description').value = description;
document.getElementById('every_valid_submissions').checked = validSubmissions ? true : false;
document.getElementById('add_prize_button').innerText = 'Update Prize';
document.getElementById('add_prize_button').setAttribute('onclick', `updatePrize(${prizeId}, ${companyId})`);
// hive the cryptocurrencyDiv
document.getElementById('cryptocurrencyDiv').style.display = "none";
}

function updatePrize(prizeId, companyId) {
let prize_name = document.getElementById("prize_name");
let cash_value = document.getElementById("cash_value");
let number_of_winning_projects = document.getElementById("number_of_winning_projects");
let every_valid_submissions = document.getElementById("every_valid_submissions");
let prize_description = document.getElementById("prize_description");

if (prize_name.value.trim() === "" || cash_value.value <= 0 || number_of_winning_projects.value <= 0){
alert("Please fill in all fields correctly");
return;
}

let prize_data = {
id: prizeId,
prize_name: prize_name.value,
cash_value: cash_value.value,
number_of_winning_projects: number_of_winning_projects.value,
every_valid_submissions: every_valid_submissions.checked,
prize_description: prize_description.value,
}

// Make AJAX call to update the prize with company_id
fetch(`/company/edit_prize/${prizeId}/${companyId}`, {
method: 'PUT',
headers: {
'Content-Type': 'application/json',
'X-CSRFToken': getCookie('csrftoken')
},
body: JSON.stringify(prize_data)
})
.then(response => response.json())
.then(data => {
if (data.success) {
// Update the prize in the DOM
let prizeContainer = document.getElementById(`prize-container-${prizeId}`);
const paragraph = prizeContainer.querySelectorAll('p');
prize_data.prize_name = prize_data.prize_name.trim().substring(0, 8) + '...';
prizeContainer.querySelector('h2').innerText = prize_data.prize_name;
paragraph[1].innerText = `$${prize_data.cash_value}`;
if (prize_data.every_valid_submissions){
prize_data.number_of_winning_projects = "All Valid Submissions";
}
paragraph[3].innerText = prize_data.number_of_winning_projects;
paragraph[5].innerText = prize_data.every_valid_submissions;
// description slice to 55 characters
prize_data.prize_description = prize_data.prize_description.trim().substring(0, 55) + '...';
paragraph[7].innerText = prize_data.prize_description;
// we should have to update the edit button to update the editPrize function attributes
prizeContainer.querySelector('#EditPrizeButton').setAttribute('onclick', `editPrize(event, ${prizeId}, '${prize_data.prize_name}', ${prize_data.cash_value}, ${prize_data.number_of_winning_projects}, ${prize_data.every_valid_submissions}, '${prize_data.prize_description}', ${companyId})`);
// and then reset the form
prize_name.value = "";
cash_value.value = 0;
number_of_winning_projects.value = 1;
if(number_of_winning_projects.disabled){
number_of_winning_projects.disabled = false;
number_of_winning_projects.style.display = "block";
}
every_valid_submissions.checked = false;
prize_description.value = "";
document.getElementById('add_prize_button').innerText = 'Add Prize';
document.getElementById('add_prize_button').setAttribute('onclick', 'add_prize()');
document.getElementById('cryptocurrencyDiv').style.display = "block";
alert('Prize updated successfully');
} else {
alert("Failed to update prize. Please try again.");
}
})
.catch(error => {
console.error('Error:', error);
alert("An error occurred. Please try again.");
});
}

function getCookie(name) {
let cookieValue = null;
if (document.cookie && document.cookie !== '') {
const cookies = document.cookie.split(';');
for (let i = 0; i < cookies.length; i++) {
const cookie = cookies[i].trim();
// Does this cookie string begin with the name we want?
if (cookie.substring(0, name.length + 1) === (name + '=')) {
cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
break;
}
}
}
return cookieValue;
}
Loading