social/mail_tracking/static/src/xml/mail_tracking.xml

<?xml version="1.0" encoding="UTF-8"?>
<!-- Copyright 2016 Antonio Espinosa - <antonio.espinosa@tecnativa.com>
     License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html). -->
<template>

<t t-name="mail.tracking.status">
    <t t-if="tracking[0] == 'unknown'">
        <span class="mail_tracking_unknown">
            <i class="fa fa-ban"></i>
        </span>
    </t>
    <t t-if="tracking[0] == 'waiting'">
        <span class="mail_tracking_waiting mail_tracking_pointer">
            <i class="fa fa-clock-o"></i>
        </span>
    </t>
    <t t-if="tracking[0] == 'error'">
        <span class="mail_tracking_error mail_tracking_pointer">
            <i class="fa fa-remove"></i>
        </span>
    </t>
    <t t-if="tracking[0] == 'sent'">
        <span class="mail_tracking_sent mail_tracking_pointer">
            <i class="fa fa-check"></i>
        </span>
    </t>
    <t t-if="tracking[0] == 'delivered'">
        <span class="fa-stack mail_tracking_delivered mail_tracking_pointer">
            <i class="fa fa-check fa-stack-1x" style="margin-left:1px"></i>
            <i class="fa fa-check fa-inverse fa-stack-1x" style="margin-left:-2px;"></i>
            <i class="fa fa-check fa-stack-1x" style="margin-left:-3px"></i>
        </span>
    </t>
    <t t-if="tracking[0] == 'opened'">
        <span class="fa-stack mail_tracking_opened mail_tracking_pointer">
            <i class="fa fa-check fa-stack-1x" style="margin-left:1px"></i>
            <i class="fa fa-check fa-inverse fa-stack-1x" style="margin-left:-2px;"></i>
            <i class="fa fa-check fa-stack-1x" style="margin-left:-3px"></i>
        </span>
    </t>
</t>

<t t-extend="mail.widget.Thread.Message">
    <t t-jquery="p.o_mail_info" t-operation="after">
        <t t-if="message.hasPartnerTrackings()" >
            <p class="o_mail_tracking">
                <strong>To:</strong>
                <t t-set="first_tracking" t-value="true"/>
                <t t-foreach="message.getPartnerTrackings()" t-as="tracking">
                    <t t-if="!first_tracking">
                             -
                    </t>
                    <t t-if="tracking[3]">
                        <a class="o_mail_action_tracking_partner"
                           t-att-data-partner="tracking[3]"
                           t-attf-href="#model=res.partner&amp;id=#{tracking[3]}">
                            <t t-esc="tracking[2]"/>
                        </a>
                    </t>
                    <t t-if="!tracking[3]">
                        <span><t t-esc="tracking[2]"/></span>
                    </t>
                    <span class="mail_tracking o_mail_action_tracking_status"
                          t-att-data-tracking="tracking[1]"
                          t-attf-title="Status: #{tracking[0]}">
                        <t t-call="mail.tracking.status"/>
                    </span>
                    <t t-set="first_tracking" t-value="false"/>
                </t>
            </p>
        </t>
    </t>
</t>

</template>