Solved Image in new ticket

[Sanjeev]

@michael-neo said in Image in new ticket:

When creating a new ticket, it does not allow to paste image on the message area . But when replying to ticket, it is ok. It w

We have already added option with latest release to copy and paste image into message area when creating a ticket from knowledge base https://prnt.sc/tB8da366QMVV and admin side https://prnt.sc/sYc7Ec4kNciW

[Michael Neo]

@sanjeev

[peopleinside]

@michael-neo you are maybe using an old version, please update to UVdesk 1.0.18

[Michael Neo]

@peopleinside said in Image in new ticket:

UVdesk 1.0.18

I have already updated to v1.0.18.

[peopleinside]

@michael-neo so if you don't see the editor means maybe you need update because the function has been introduced before your v 1.0.18 install

https://github.com/uvdesk/community-skeleton/issues/510#issuecomment-988686636

[Michael Neo]

@peopleinside
I am sure I have already updated to the latest version (1.0.18). Is there anywhere I could check my version? Or is there anything I could do to enable this?

[Sanjeev]

@michael-neo

Please do the below steps and take a backup of project before.

For Admin Side locate path in your project:
vendor/uvdesk/core-framework/Resources/views/Snippets/createMemberTicket.html.twig

open createMemberTicket.html.twig and replace its code from here.

On Customer side locate path in your project:
vendor/uvdesk/support-center-bundle/Resources/views/Knowledgebase/ticket.html.twig

Open ticket.html.twig and replace its code from here.

Finally clear your project cache using below command:
php bin/console c:c

@peopleinside we have added this one after release so currently it is not the part of last release it will be the part of next release.

[Michael Neo]

@sanjeev
Thanks for the info. It works.

However, when I view the ticket the image is displayed.

Is there anything I miss out. Thanks.

[Michael Neo]

Not displayed

[Sanjeev]

@Michael-Neo

Please do the below steps and take a backup of project before.

For Admin Side locate path in your project:
vendor/uvdesk/core-framework/Resources/views/ticket.html.twig

open ticket.html.twig and replace its code from here.

On Customer side locate path in your project:
vendor/uvdesk/support-center-bundle/blob/master/Resources/views/Knowledgebase/ticketView.html.twig

Open ticketView.html.twig and replace its code from here.

Finally clear your project cache using below command:
php bin/console c:c

Check if it works for you !!!

[Michael Neo]

@sanjeev
I overwrite both files but it doesn't work. I did a check on the differences between the old and new (one that you asked to replace) files.

The ticketView.html.twig file seem like no different.

Where the ticket.html.twig different is as shown below:

Comparing files ticket.htmlold.twig and TICKET.HTML.TWIG
***** ticket.htmlold.twig
<span class="uv-icon-channel uv-channel-email"></span> <span>{{ 'Email'|trans }}</span>
{% else %}
<span class="uv-icon-channel uv-channel-web"></span> <span>{{ 'Website'|trans }}</span>
{% endif %}
***** TICKET.HTML.TWIG
<span class="uv-icon-channel uv-channel-email"></span> <span>{{ 'Email'|trans }}</span>
{% elseif ticket.source == 'formbuilder' %}
<span class="uv-icon-channel uv-channel-form"></span> <span>{{ 'Formbuilder'|trans }}</span>
{% else %}
<span class="uv-icon-channel uv-channel-web"></span> <span>{{ 'Website'|trans }}</span>
{% endif %}

---

***** ticket.htmlold.twig
{% for type in ticketTypeCollection %}
<li data-index="{{ type.id }}"><a href="#">{{ type.description }}</a></li>
{% endfor %}
***** TICKET.HTML.TWIG
{% for type in ticketTypeCollection %}
<li data-index="{{ type.id }}"><a href="#">{{ type.code }}</a></li>
{% endfor %}

---

***** ticket.htmlold.twig
(<a id="more-tickets-btn" href="{{ path('helpdesk_member_ticket_collection') }}#customer/{{customer
.id}}" target="_blank">{{ '%count% more ticket|%count% more tickets'|transchoice(totalCustomerTickets) }}</a>)
{% endif %}
***** TICKET.HTML.TWIG
(<a id="more-tickets-btn" href="{{ path('helpdesk_member_ticket_collection') }}#customer/{{customer
.id}}" target="_blank">{{ 'count more tickets'|trans({'count': totalCustomerTickets}) }}</a>)
{% endif %}

---

***** ticket.htmlold.twig
</div>

                <div class="uv-element-block">

***** TICKET.HTML.TWIG
</div>

                <div class="uv-element-block">

---

***** ticket.htmlold.twig
<div class="uv-field-block">
<textarea name="reply" id="uv-edit-create-thread" class="uv-field">{{ initialThread.message }}</tex
tarea>
</div>
***** TICKET.HTML.TWIG
<div class="uv-field-block">
{% if initialThread.message|striptags == initialThread.message %}
<textarea name="reply" id="uv-edit-create-thread" class="uv-field">{{ initialThread.message|nl2
br }}</textarea>
%} {% else %}
<textarea name="reply" id="uv-edit-create-thread" class="uv-field">{{ initialThread.message|raw
}}</textarea>
{% endif %}
</div>

---

[peopleinside]

@michael-neo the issue is present when you create a ticket from:

1. visitor side
2. operator side
3. both

?

If you try to add an attachment to the ticket this is added or you get some errors? (Some error can be an indicator of server file / folders permission issues).

What PHP version are you using?

[Michael Neo]

@peopleinside
I don't have any issue with the attachment. When my "customer" paste image on the message text area and submit the ticket, it is successful. However, the "agent" or the "customer" try to view/reply the ticket from the member or knowledgebase ticket view, the image is not displayed. Refer to below images link.

https://forums.uvdesk.com/assets/uploads/files/1647411857560-afa1fe39-aecc-4854-b6d6-cc7263500679-image.png

https://forums.uvdesk.com/assets/uploads/files/1647411920753-cba9e417-0425-4d2c-aa6b-0427a517dbe1-image.png

My PHP version

[Sanjeev]

@Michael-Neo

Please follow the mentioned steps below and take a project backup before proceed.

https://github.com/uvdesk/community-skeleton/issues/510#issuecomment-988686636

[peopleinside]

@michael-neo I'm not able to replicate this on my side.
I can remember I tested and works for me.