new

osinaweb/osinacore/templates/details_templates/ticket-details.html

@@ -140,6 +140,44 @@
                     </div>
                     {% endif %}
 
+
+                    {% if update.ticketupdatereaction_set.all %}
+                    <div class="w-full border-t border-gray-200 pt-5 flex justify-start items-center gap-3">
+                        <div class="flex justify-start items-center gap-2">
+                               {% for reaction in update.ticketupdatereaction_set.all %}
+
+                               {% if reaction.reaction == 'Happy' %}
+                                <div
+                                    class="w-fit h-fit rounded-full {% if update.last_customer_reaction == 'Happy' %} border-2 border-secondosiblue {% endif %}">
+                                    <img src="{% static 'images/icons/happy-icon.png' %}"
+                                        class="w-[30px] h-[30px] rounded-full cursor-pointer hover:scale-105 duration-300 transition-transform">
+                                </div>
+                                {% endif %}
+
+
+
+                                {% if reaction.reaction == 'Indifferent' %}
+                                <div
+                                    class="w-fit h-fit rounded-full {% if update.last_customer_reaction == 'Indifferent' %} border-2 border-secondosiblue {% endif %}">
+                                    <img src="{% static 'images/icons/neutral-icon.png' %}"
+                                        class="w-[30px] h-[30px] rounded-full cursor-pointer hover:scale-105 duration-300 transition-transform">
+                                </div>
+                                {% endif %}
+
+
+                                {% if reaction.reaction == 'Sad' %}
+                                <div
+                                    class="w-fit h-fit rounded-full {% if update.last_customer_reaction == 'Sad' %} border-2 border-secondosiblue {% endif %}">
+                                    <img src="{% static 'images/icons/unhappy-icon.png' %}"
+                                        class="w-[30px] h-[30px] rounded-full cursor-pointer hover:scale-105 duration-300 transition-transform">
+                                </div>
+                                {% endif %}
+                                {% endfor %}
+                        </div>
+                    </div>
+                    {% endif %}
+                   
+
                 </div>