diff --git a/frontends/etiquette_flask/static/js/photo_clipboard.js b/frontends/etiquette_flask/static/js/photo_clipboard.js index abec733..5d9814d 100644 --- a/frontends/etiquette_flask/static/js/photo_clipboard.js +++ b/frontends/etiquette_flask/static/js/photo_clipboard.js @@ -62,13 +62,16 @@ function apply_check(photo_card) whether the clipboard contains this card's ID. */ var checkbox = photo_card.getElementsByClassName("photo_card_selector_checkbox")[0]; - if (photo_clipboard.clipboard.has(photo_card.dataset.id)) + checkbox.checked = photo_clipboard.clipboard.has(photo_card.dataset.id); + if (checkbox.checked) { - checkbox.checked = true; + photo_card.classList.remove("photo_card_unselected"); + photo_card.classList.add("photo_card_selected"); } else { - checkbox.checked = false; + photo_card.classList.remove("photo_card_selected"); + photo_card.classList.add("photo_card_unselected"); } } diff --git a/frontends/etiquette_flask/templates/photo_card.html b/frontends/etiquette_flask/templates/photo_card.html index f00f2e8..c643be6 100644 --- a/frontends/etiquette_flask/templates/photo_card.html +++ b/frontends/etiquette_flask/templates/photo_card.html @@ -17,7 +17,7 @@ {% macro create_photo_card(photo, view="grid") %} {% if view == "list" %} -
+
{{photo.basename}} @@ -56,7 +56,7 @@ {% set metadata_inner = "{m}{d}, ".format(m=metadata_inner, d=photo.duration_string) %} {% endif -%} -
+