Skip to content

Commit

Permalink
[FIX] helpdesk_mgmt: Correct display of avatar images in the portal
Browse files Browse the repository at this point in the history
  • Loading branch information
@victoralmau @dnplkndll
victoralmau authored and dnplkndll committed Jan 17, 2025
1 parent 75a1949 commit 71e5217
Showing 1 changed file with 177 additions and 24 deletions.
201 changes: 177 additions & 24 deletions helpdesk_mgmt/views/helpdesk_ticket_templates.xml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -158,30 +158,183 @@

<template id="portal_helpdesk_ticket_page" name="Ticket Portal Template">
<t t-call="portal.portal_layout">
<div class="d-flex justify-content-between flex-wrap mb-3">
<h4 class="mb-2 mb-md-0">
<span t-field="ticket.name" class="text-truncate" />
<small class="text-muted d-none d-md-inline"> (<span
t-field="ticket.number"
/>)</small>
</h4>
<div class="d-flex justify-content-between align-items-center gap-2">
<p class="mb-0 fw-bold">Stage:</p>
<span
t-field="ticket.stage_id.name"
class="badge badge-pill bg-info"
title="Current stage of this ticket"
/>
</div>
</div>
<div class="row">
<div class="row mb-4">
<div class="col-12 col-md-6" name="portal_ticket_col_0">
<div>
<strong>Date:</strong>
<span
t-field="ticket.create_date"
t-options='{"widget": "datetime"}'
<t t-call="portal.portal_record_layout">
<t t-set="card_header">
<div class="row no-gutters">
<div class="col-12">
<h5 class="d-flex mb-1 mb-md-0 row">
<div class="col-9">
<span t-field="ticket.name" class="text-truncate" />
<small class="text-muted d-none d-md-inline"> (<span
t-field="ticket.number"
/>)</small>
</div>
<div class="col-3 text-right">
<small class="text-right">Stage:</small>
<span
t-field="ticket.stage_id.name"
class=" badge badge-pill bg-info"
title="Current stage of this ticket"
/>
</div>
</h5>
</div>
</div>
</t>
<t t-set="card_body">
<div class="row mb-4">
<div class="col-12 col-md-6" name="portal_ticket_col_0">
<div>
<strong>Date:</strong>
<span
t-field="ticket.create_date"
t-options='{"widget": "datetime"}'
/>
</div>
<div>
<strong>Category:</strong>
<span t-field="ticket.category_id" />
</div>
</div>
<div
class="col-12 col-md-6 text-right"
name="portal_ticket_col_1"
>
<div>
<strong>Last Stage Update:</strong>
<span
t-field="ticket.last_stage_update"
t-options='{"widget": "datetime"}'
/>
</div>
<div t-if="ticket.closed_date">
<strong>Close Date:</strong>
<span
t-field="ticket.closed_date"
t-options='{"widget": "datetime"}'
/>
</div>
<div
t-if="not ticket.closed_date"
name="ticket_close_buttons"
>
<t t-foreach="closed_stages" t-as="stage">
<form
method="GET"
t-attf-action="/ticket/close"
style="display:inline;"
>
<input
type="hidden"
name="ticket_id"
t-attf-value="#{ticket.id}"
/>
<input
type="hidden"
name="stage_id"
t-attf-value="#{stage.id}"
/>
<button
class="btn btn-outline-primary"
style="font-size: small; padding: 4px;"
>
<span t-field="stage.name" />
</button>
</form>
</t>
</div>
</div>
</div>
<div class="row mt-3" t-if="ticket.user_id or ticket.partner_id">
<div class="col-12 col-md-6 pb-2" t-if="ticket.user_id">
<strong>Assignee</strong>
<div class="row">
<div
class="col d-flex align-items-center flex-grow-0 pr-3"
>
<img
class="o_avatar o_portal_contact_img rounded"
t-att-src="image_data_uri(ticket.user_id.avatar_1024)"
alt="Contact"
/>
</div>
<div class="col pl-md-0">
<div
t-esc="ticket.user_id"
t-options='{"widget": "contact", "fields": ["name"]}'
/>
<a
t-attf-href="mailto:{{ticket.user_id.email}}"
t-if="ticket.user_id.email"
>
<div
t-esc="ticket.user_id"
t-options='{"widget": "contact", "fields": ["email"]}'
/>
</a>
<a
t-attf-href="tel:{{ticket.user_id.phone}}"
t-if="ticket.user_id.phone"
>
<div
t-esc="ticket.user_id"
t-options='{"widget": "contact", "fields": ["phone"]}'
/>
</a>
</div>
</div>
</div>
<div class="col-12 col-md-6 pb-2" t-if="ticket.partner_id">
<strong>Customer</strong>
<div class="row">
<div
class="col d-flex align-items-center flex-grow-0 pr-3"
>
<img
class="o_avatar o_portal_contact_img rounded"
t-att-src="image_data_uri(ticket.partner_id.avatar_1024)"
alt="Contact"
/>
</div>
<div class="col pl-md-0">
<div
t-field="ticket.partner_id"
t-options='{"widget": "contact", "fields": ["name"]}'
/>
<a
t-attf-href="mailto:{{ticket.partner_id.email}}"
t-if="ticket.partner_id.email"
>
<div
t-field="ticket.partner_id"
t-options='{"widget": "contact", "fields": ["email"]}'
/>
</a>
<a
t-attf-href="tel:{{ticket.partner_id.phone}}"
t-if="ticket.partner_id.phone"
>
<div
t-field="ticket.partner_id"
t-options='{"widget": "contact", "fields": ["phone"]}'
/>
</a>
</div>
</div>
</div>
</div>
<div class="row" t-if="ticket.description or ticket.attachment_ids">
<div
t-if="ticket.description"
t-attf-class="col-12 col-lg-7 mb-4 mb-md-0 {{'col-lg-7' if ticket.attachment_ids else 'col-lg-12'}}"
>
<hr class="mb-1" />
<div class="d-flex my-2">
<strong>Description</strong>
</div>
<div
class="py-1 px-2 bg-100 small"
t-field="ticket.description"
/>
</div>
<div>
Expand Down

0 comments on commit 71e5217

Please sign in to comment.