diff --git a/public/css/customCss.css b/public/css/customCss.css index 933cac8c3e1792479c22eed75682ce2f20e68761..ffdd2355339f17361404386d0a2c79535a39ce79 100644 --- a/public/css/customCss.css +++ b/public/css/customCss.css @@ -115,6 +115,12 @@ color: yellow; } +.etoile_remove { + width: 1vw; + height: 1vw; + margin-bottom: 0.75vw; + margin-right: 0.5vw; +} @keyframes appearcontent { diff --git a/public/js/picture_browser.js b/public/js/picture_browser.js index bcd7742d366df65f54244c22550e6c460e3eb863..a7e949eca0d73ecce9932cbcb9245eced65dea7e 100644 --- a/public/js/picture_browser.js +++ b/public/js/picture_browser.js @@ -390,6 +390,7 @@ function isInReviewlist(id) { function updateEtoile(user, encoded_id, nbEtoile, option) { + icon_etoile = '<img class="etoile_remove" style="cursor: pointer;" onclick="remove_etoile(\'' + user + '\',\'' + encoded_id + '\')" src="./ressources/icons/croix_blanche.png" onmouseout="this.src=\'./ressources/icons/croix_blanche.png\'" onmouseover="this.src=\'./ressources/icons/croix_rouge.png\'">'; if (nbEtoile >= 5) { console.log(nbEtoile); @@ -398,7 +399,8 @@ function updateEtoile(user, encoded_id, nbEtoile, option) { '<span class="etoile" title="4 étoiles" onclick="updateEtoile(\'' + user + '\',\'' + encoded_id + '\', 4, \'update\')">★</span>' + '<span class="etoile" title="3 étoiles" onclick="updateEtoile(\'' + user + '\',\'' + encoded_id + '\', 3, \'update\')">★</span>' + '<span class="etoile" title="2 étoiles" onclick="updateEtoile(\'' + user + '\',\'' + encoded_id + '\', 2, \'update\')">★</span>' + - '<span class="etoile" title="1 étoile" onclick="updateEtoile(\'' + user + '\',\'' + encoded_id + '\', 1, \'update\')">★</span>'; + '<span class="etoile" title="1 étoile" onclick="updateEtoile(\'' + user + '\',\'' + encoded_id + '\', 1, \'update\')">★</span>' + + icon_etoile; if (option == 'update') { ajaxRemoveReview(user, encoded_id); @@ -411,7 +413,8 @@ function updateEtoile(user, encoded_id, nbEtoile, option) { '<span class="etoile" title="4 étoiles" onclick="updateEtoile(\'' + user + '\',\'' + encoded_id + '\', 4, \'update\')">★</span>' + '<span class="etoile" title="3 étoiles" onclick="updateEtoile(\'' + user + '\',\'' + encoded_id + '\', 3, \'update\')">★</span>' + '<span class="etoile" title="2 étoiles" onclick="updateEtoile(\'' + user + '\',\'' + encoded_id + '\', 2, \'update\')">★</span>' + - '<span class="etoile" title="1 étoile" onclick="updateEtoile(\'' + user + '\',\'' + encoded_id + '\', 1, \'update\')">★</span>'; + '<span class="etoile" title="1 étoile" onclick="updateEtoile(\'' + user + '\',\'' + encoded_id + '\', 1, \'update\')">★</span>' + + icon_etoile; if (option == 'update') { ajaxRemoveReview(user, encoded_id); @@ -424,7 +427,8 @@ function updateEtoile(user, encoded_id, nbEtoile, option) { '<span title="4 étoiles" onclick="updateEtoile(\'' + user + '\',\'' + encoded_id + '\', 4, \'update\')">★</span>' + '<span class="etoile" title="3 étoiles" onclick="updateEtoile(\'' + user + '\',\'' + encoded_id + '\', 3, \'update\')">★</span>' + '<span class="etoile" title="2 étoiles" onclick="updateEtoile(\'' + user + '\',\'' + encoded_id + '\', 2, \'update\')">★</span>' + - '<span class="etoile" title="1 étoile" onclick="updateEtoile(\'' + user + '\',\'' + encoded_id + '\', 1, \'update\')">★</span>'; + '<span class="etoile" title="1 étoile" onclick="updateEtoile(\'' + user + '\',\'' + encoded_id + '\', 1, \'update\')">★</span>' + + icon_etoile; if (option == 'update') { ajaxRemoveReview(user, encoded_id); @@ -437,7 +441,8 @@ function updateEtoile(user, encoded_id, nbEtoile, option) { '<span title="4 étoiles" onclick="updateEtoile(\'' + user + '\',\'' + encoded_id + '\', 4, \'update\')">★</span>' + '<span title="3 étoiles" onclick="updateEtoile(\'' + user + '\',\'' + encoded_id + '\', 3, \'update\')">★</span>' + '<span class="etoile" title="2 étoiles" onclick="updateEtoile(\'' + user + '\',\'' + encoded_id + '\', 2, \'update\')">★</span>' + - '<span class="etoile" title="1 étoile" onclick="updateEtoile(\'' + user + '\',\'' + encoded_id + '\', 1, \'update\')">★</span>'; + '<span class="etoile" title="1 étoile" onclick="updateEtoile(\'' + user + '\',\'' + encoded_id + '\', 1, \'update\')">★</span>' + + icon_etoile; if (option == 'update') { ajaxRemoveReview(user, encoded_id); @@ -450,7 +455,8 @@ function updateEtoile(user, encoded_id, nbEtoile, option) { '<span title="4 étoiles" onclick="updateEtoile(\'' + user + '\',\'' + encoded_id + '\', 4, \'update\')">★</span>' + '<span title="3 étoiles" onclick="updateEtoile(\'' + user + '\',\'' + encoded_id + '\', 3, \'update\')">★</span>' + '<span title="2 étoiles" onclick="updateEtoile(\'' + user + '\',\'' + encoded_id + '\', 2, \'update\')">★</span>' + - '<span class="etoile" title="1 étoile" onclick="updateEtoile(\'' + user + '\',\'' + encoded_id + '\', 1, \'update\')">★</span>'; + '<span class="etoile" title="1 étoile" onclick="updateEtoile(\'' + user + '\',\'' + encoded_id + '\', 1, \'update\')">★</span>' + + icon_etoile if (option == 'update') { ajaxRemoveReview(user, encoded_id); @@ -472,3 +478,13 @@ function updateEtoile(user, encoded_id, nbEtoile, option) { } } +function remove_etoile(user, encoded_id) { + document.getElementById('emplacementEtoile_' + encoded_id).innerHTML = + '<span title="5 étoiles" onclick="updateEtoile(\'' + user + '\',\'' + encoded_id + '\', 5, \'update\')">★</span>' + + '<span title="4 étoiles" onclick="updateEtoile(\'' + user + '\',\'' + encoded_id + '\', 4, \'update\')">★</span>' + + '<span title="3 étoiles" onclick="updateEtoile(\'' + user + '\',\'' + encoded_id + '\', 3, \'update\')">★</span>' + + '<span title="2 étoiles" onclick="updateEtoile(\'' + user + '\',\'' + encoded_id + '\', 2, \'update\')">★</span>' + + '<span title="1 étoile" onclick="updateEtoile(\'' + user + '\',\'' + encoded_id + '\', 1, \'update\')">★</span>'; + ajaxRemoveReview(user, encoded_id); +} + diff --git a/public/ressources/icons/croix_blanche.png b/public/ressources/icons/croix_blanche.png index 7af0720eada07321fc6b1f2d9f8eec36a9143b06..a44f249214649c707f9c24750d64d278bbd2c0c5 100644 Binary files a/public/ressources/icons/croix_blanche.png and b/public/ressources/icons/croix_blanche.png differ diff --git a/public/ressources/icons/croix_rouge.png b/public/ressources/icons/croix_rouge.png index ed8b27607ba9a230d9f6f7e5c57e1aadc867d42d..d3fb0c6ad0f0a1aa4bd3a211baa2f2f23495a40c 100644 Binary files a/public/ressources/icons/croix_rouge.png and b/public/ressources/icons/croix_rouge.png differ