new
emile
10 months ago
parent
988ac3a2d7
commit
e77014d6eb
Binary file not shown.
@ -0,0 +1,106 @@
|
||||
{% load static %}
|
||||
<div class="flex gap-3 mb-10">
|
||||
<div>
|
||||
<div class="w-[45px] s:w-[60px] h-[45px] s:h-[60px] rounded-full shadow-md border border-gray-100">
|
||||
{% if update.added_by.customerprofile %}
|
||||
{% if update.added_by.customerprofile.image %}
|
||||
<img src="{{update.added_by.customerprofile.image.url}}"
|
||||
class="w-full h-full rounded-full object-cover">
|
||||
{% else %}
|
||||
<div
|
||||
class="w-full h-full border border-secondosiblue bg-secondosiblue text-white uppercase rounded-full flex justify-center items-center p-1 shadow-md">
|
||||
{{ update.added_by.first_name.0 }}{{ update.added_by.last_name.0 }}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% elif update.added_by.staffprofile %}
|
||||
{% if update.added_by.staffprofile.image %}
|
||||
<img src="{{update.added_by.staffprofile.image.url}}"
|
||||
class="w-full h-full rounded-full object-cover">
|
||||
{% else %}
|
||||
<div
|
||||
class="w-full h-full border border-osiblue bg-osiblue text-white uppercase rounded-full flex justify-center items-center p-1 shadow-md">
|
||||
{{ update.added_by.first_name.0 }}{{ update.added_by.last_name.0 }}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="w-full replyContainer shadow-md">
|
||||
<div
|
||||
class="w-full bg-gray-100 flex justify-between items-center gap-3 px-3 py-3 cursor-pointer rounded-t-md toggleReply">
|
||||
<p class="text-secondosiblue font-light text-sm s:text-base"><span
|
||||
class="font-semibold">{{update.added_by.first_name}}</span>
|
||||
replied {{update.date_added}}</p>
|
||||
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" class="w-4 h-4 text-secondosiblue arrowUp">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="m4.5 15.75 7.5-7.5 7.5 7.5" />
|
||||
</svg>
|
||||
|
||||
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" class="w-4 h-4 text-secondosiblue arrowDown hidden">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5" />
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div class="w-full bg-white p-5 flex flex-col gap-3 reply default-css">
|
||||
{{update.description | safe }}
|
||||
|
||||
|
||||
{% if update.ticketattachment_set.all %}
|
||||
<div class="w-full flex flex-wrap justify-end items-center gap-3">
|
||||
{% for file in update.ticketattachment_set.all %}
|
||||
<div
|
||||
class="flex items-center gap-1 text-secondosiblue hover:text-gray-500 duration-300 cursor-pointer text-sm">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
|
||||
stroke-width="1.5" stroke="currentColor" class="w-4 h-4 text-secondosiblue">
|
||||
<path stroke-linecap="round" stroke-linejoin="round"
|
||||
d="m18.375 12.739-7.693 7.693a4.5 4.5 0 0 1-6.364-6.364l10.94-10.94A3 3 0 1 1 19.5 7.372L8.552 18.32m.009-.01-.01.01m5.699-9.941-7.81 7.81a1.5 1.5 0 0 0 2.112 2.13" />
|
||||
</svg>
|
||||
<a href="https://osina.ositcom.com/{{file.file_path}}" target="_blank">
|
||||
{{ file.file_path | cut:"static/images/uploaded_ticket_files/" }}{% if not forloop.last %}, {% endif %}
|
||||
</a>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
|
||||
{% if update.added_by.staffprofile %}
|
||||
<div class="w-full border-t border-gray-200 pt-5 flex justify-start items-center gap-3 p-5">
|
||||
<a class="text-secondosiblue font-light cursor-pointer hover:text-gray-500 duration-300">How
|
||||
did I do?</a>
|
||||
|
||||
<div class="flex justify-start items-center gap-2">
|
||||
<a href="{% url 'customeraddticketupdatereaction' 'Happy' update.id %}">
|
||||
<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>
|
||||
</a>
|
||||
|
||||
<a href="{% url 'customeraddticketupdatereaction' 'Indifferent' update.id %}">
|
||||
<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>
|
||||
</a>
|
||||
|
||||
<a href="{% url 'customeraddticketupdatereaction' 'Sad' update.id %}">
|
||||
<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>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Loading…
Reference in New Issue