From 416c5781dea9eac60f0efd9653a353ae426a55be Mon Sep 17 00:00:00 2001 From: Flatlogic Bot Date: Thu, 18 Sep 2025 11:06:21 +0000 Subject: [PATCH] checkboxes --- assets/js/main.js | 63 ++++++++++++-- index.php | 206 ++++++++++++++++++++++++++++++++++++++-------- submit_vote.php | 7 +- 3 files changed, 230 insertions(+), 46 deletions(-) diff --git a/assets/js/main.js b/assets/js/main.js index fb33baa..3d1134e 100644 --- a/assets/js/main.js +++ b/assets/js/main.js @@ -1,13 +1,49 @@ document.addEventListener('DOMContentLoaded', function () { - const beautifulForm = document.getElementById('beautiful-form'); - const funnyForm = document.getElementById('funny-form'); + const beautyVotes = []; + const funnyVotes = []; + + const beautyInput = document.getElementById('website_number_beauty'); + const funnyInput = document.getElementById('website_number_funny'); const toastLiveExample = document.getElementById('liveToast'); const toast = new bootstrap.Toast(toastLiveExample); + document.querySelectorAll('.form-check-input[data-category]').forEach(checkbox => { + checkbox.addEventListener('change', function() { + const category = this.dataset.category; + const websiteNumber = this.dataset.websiteNumber; + const votes = (category === 'beauty') ? beautyVotes : funnyVotes; + const input = (category === 'beauty') ? beautyInput : funnyInput; + + if (this.checked) { + if (votes.length >= 3) { + this.checked = false; + alert('You can only select up to 3 websites per category.'); + return; + } + votes.push(websiteNumber); + } else { + const index = votes.indexOf(websiteNumber); + if (index > -1) { + votes.splice(index, 1); + } + } + + votes.sort((a, b) => a - b); + input.value = votes.join(', '); + }); + }); + const handleFormSubmit = (form, event) => { event.preventDefault(); const formData = new FormData(form); const data = Object.fromEntries(formData.entries()); + const votes = (data.category === 'beauty') ? beautyVotes : funnyVotes; + + // Add the individual vote numbers to the data object for the backend + data.website_number_1 = votes[0] || ''; + data.website_number_2 = votes[1] || ''; + data.website_number_3 = votes[2] || ''; + delete data.website_numbers; // remove the comma-separated string fetch('submit_vote.php', { method: 'POST', @@ -17,12 +53,23 @@ document.addEventListener('DOMContentLoaded', function () { body: JSON.stringify(data), }) .then(response => response.json()) - .then(data => { - if (data.success) { + .then(result => { + if (result.success) { toast.show(); form.reset(); + + // Clear the votes and checkboxes for the submitted category + if (data.category === 'beauty') { + beautyVotes.length = 0; + document.querySelectorAll('input[data-category="beauty"]').forEach(cb => cb.checked = false); + beautyInput.value = ''; + } else { + funnyVotes.length = 0; + document.querySelectorAll('input[data-category="funny"]').forEach(cb => cb.checked = false); + funnyInput.value = ''; + } } else { - alert('Error: ' + data.error); + alert('Error: ' + result.error); } }) .catch((error) => { @@ -31,6 +78,6 @@ document.addEventListener('DOMContentLoaded', function () { }); }; - beautifulForm.addEventListener('submit', (event) => handleFormSubmit(beautifulForm, event)); - funnyForm.addEventListener('submit', (event) => handleFormSubmit(funnyForm, event)); -}); + document.getElementById('beautiful-form').addEventListener('submit', (event) => handleFormSubmit(event.target, event)); + document.getElementById('funny-form').addEventListener('submit', (event) => handleFormSubmit(event.target, event)); +}); \ No newline at end of file diff --git a/index.php b/index.php index 6bb97ab..8eab1fe 100644 --- a/index.php +++ b/index.php @@ -23,30 +23,174 @@

Websites for Voting

    -
  1. https://counterwars.dev.flatlogic.app
    2. -
  2. https://justvibing.dev.flatlogic.app
    3. -
  3. https://flower-shop.dev.flatlogic.app
    4. -
  4. https://pizzaslicer.dev.flatlogic.app
    5. -
  5. https://vm-34156.dev.flatlogic.app
    6. -
  6. https://digital-museum.dev.flatlogic.app
    7. -
  7. https://sell-product.dev.flatlogic.app
    8. -
  8. https://my-portfolio.dev.flatlogic.app
    9. -
  9. https://project-manager.dev.flatlogic.app
    10. -
  10. https://codeninja.dev.flatlogic.app
    11. -
  11. https://vibecoder-lab.dev.flatlogic.app
    12. -
  12. https://check-grammar.dev.flatlogic.app
    13. -
  13. https://magicv.dev.flatlogic.app
    14. -
  14. https://personal-landing-page.dev.flatlogic.app
    15. -
  15. https://fern.dev.flatlogic.app
    16. -
  16. https://todo.dev.flatlogic.app
    17. -
  17. https://hirebridge.dev.flatlogic.app
    18. -
  18. https://ice-cream-shop.dev.flatlogic.app
    19. -
  19. https://snake.dev.flatlogic.app
    20. -
  20. https://mindful-garden.dev.flatlogic.app
    21. -
  21. https://vm-34034.dev.flatlogic.app
    22. -
  22. https://memory-flip.dev.flatlogic.app
    23. -
  23. https://nestboard.dev.flatlogic.app
    24. -
  24. https://test-web.dev.flatlogic.app
    25. +
  25. + https://counterwars.dev.flatlogic.app +
    + + +
    +
    26. +
  26. + https://justvibing.dev.flatlogic.app +
    + + +
    +
    27. +
  27. + https://flower-shop.dev.flatlogic.app +
    + + +
    +
    28. +
  28. + https://pizzaslicer.dev.flatlogic.app +
    + + +
    +
    29. +
  29. + https://vm-34156.dev.flatlogic.app +
    + + +
    +
    30. +
  30. + https://digital-museum.dev.flatlogic.app +
    + + +
    +
    31. +
  31. + https://sell-product.dev.flatlogic.app +
    + + +
    +
    32. +
  32. + https://my-portfolio.dev.flatlogic.app +
    + + +
    +
    33. +
  33. + https://project-manager.dev.flatlogic.app +
    + + +
    +
    34. +
  34. + https://codeninja.dev.flatlogic.app +
    + + +
    +
    35. +
  35. + https://vibecoder-lab.dev.flatlogic.app +
    + + +
    +
    36. +
  36. + https://check-grammar.dev.flatlogic.app +
    + + +
    +
    37. +
  37. + https://magicv.dev.flatlogic.app +
    + + +
    +
    38. +
  38. + https://personal-landing-page.dev.flatlogic.app +
    + + +
    +
    39. +
  39. + https://fern.dev.flatlogic.app +
    + + +
    +
    40. +
  40. + https://todo.dev.flatlogic.app +
    + + +
    +
    41. +
  41. + https://hirebridge.dev.flatlogic.app +
    + + +
    +
    42. +
  42. + https://ice-cream-shop.dev.flatlogic.app +
    + + +
    +
    43. +
  43. + https://snake.dev.flatlogic.app +
    + + +
    +
    44. +
  44. + https://mindful-garden.dev.flatlogic.app +
    + + +
    +
    45. +
  45. + https://vm-34034.dev.flatlogic.app +
    + + +
    +
    46. +
  46. + https://memory-flip.dev.flatlogic.app +
    + + +
    +
    47. +
  47. + https://nestboard.dev.flatlogic.app +
    + + +
    +
    48. +
  48. + https://test-web.dev.flatlogic.app +
    + + +
    +
@@ -64,10 +208,8 @@
- - - - + +
@@ -86,10 +228,8 @@
- - - - + +
@@ -118,6 +258,6 @@ - + \ No newline at end of file diff --git a/submit_vote.php b/submit_vote.php index b7a6edb..7f38821 100644 --- a/submit_vote.php +++ b/submit_vote.php @@ -29,11 +29,8 @@ if (!$data) { $voterName = $data['voter_name'] ?? ''; $category = $data['category'] ?? ''; -$website_numbers = [ - $data['website_number_1'] ?? 0, - $data['website_number_2'] ?? 0, - $data['website_number_3'] ?? 0, -]; +$website_numbers_str = $data['website_numbers'] ?? ''; +$website_numbers = !empty($website_numbers_str) ? explode(',', $website_numbers_str) : []; if (empty($voterName) || empty($category) || !in_array($category, ['beauty', 'funny'])) { echo json_encode(['success' => false, 'error' => 'Invalid data provided.']);