From fdad58a45d673ae950e45b44ac4b2bbcc1021154 Mon Sep 17 00:00:00 2001
From: Alexandre Aubin <alex.aubin@mailoo.org>
Date: Tue, 5 Sep 2023 18:33:41 +0200
Subject: [PATCH] appstore: implement voting on wishlist

---
 store/templates/wishlist.html | 22 ++++++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

diff --git a/store/templates/wishlist.html b/store/templates/wishlist.html
index c86f5a45..e967ae67 100644
--- a/store/templates/wishlist.html
+++ b/store/templates/wishlist.html
@@ -81,13 +81,27 @@
               {% endif %}
             </td>
             <td class="text-center max-w-[5em]">
+                {% set this_app_stars = stars.get(app, {})|length %}
+                {% if user %}
+                    {% set user_starred_this_app = user['id'] in stars.get(app, {}) %}
+                {% else %}
+                    {% set user_starred_this_app = False %}
+                {% endif %}
                 <a
-                  href="#"
+                  href="{{ url_for('star_app', app_id=app, action="unstar" if user_starred_this_app else "star") }}"
                   class="inline-block group btn-sm border text-violet-600 border-violet-500 hover:bg-violet-500 hover:text-white"
                 >
-                   {{ stars.get(app, {})|length }}
-                   <i class="fa fa-star-o inline-block group-hover:hidden" aria-hidden="true"></i>
-                   <i class="fa fa-star   hidden group-hover:inline-block" aria-hidden="true"></i>
+                    {% if not user_starred_this_app %}
+                        <span class="inline-block {% if user %}group-hover:hidden{% endif %}">{{ this_app_stars }}</span>
+                        <span class="hidden {% if user %}group-hover:inline-block{% endif %}">{{ this_app_stars+1 }}</span>
+                        <i class="fa fa-star-o inline-block {% if user %}group-hover:hidden{% endif %}" aria-hidden="true"></i>
+                        <i class="fa fa-star   hidden {% if user %}group-hover:inline-block{% endif %}" aria-hidden="true"></i>
+                    {% else %}
+                        <span class="inline-block group-hover:hidden">{{ this_app_stars }}</span>
+                        <span class="hidden group-hover:inline-block">{{ this_app_stars-1 }}</span>
+                        <i class="fa fa-star   inline-block group-hover:hidden" aria-hidden="true"></i>
+                        <i class="fa fa-star-o hidden group-hover:inline-block" aria-hidden="true"></i>
+                    {% endif %}
                 </a>
             </td>
         </tr>