movim-rs/templates/ContactActions/_contactactions_drawer.html

<section>
    <header class="big color {{ contact.color }}"
        style="background-image: linear-gradient(to bottom, rgba(23,23,23,0.8) 0%, rgba(23,23,23,0.5) 100%), url('{{ contact.picture }}');"
        >
        <ul class="list thick">
            <li>
                <span class="primary icon bubble {% if contact.presence %}status {{ contact.presence }}{% endif %}">
                    <img src="{{ contact.picture }}">
                </span>
                {% if not mine %}
                    <span class="control icon active divided" onclick="Search.chat('{{ contact.id|echapJS }}', false); Drawer.clear();">
                        <i class="material-symbols">comment</i>
                    </span>
                    {% if call_audio %}
                        <span title="{{ __('button.audio_call') }}" class="control icon active"
                            onclick="Visio_ajaxGetLobby('{{ call_audio|echapJS }}', true); Drawer.clear();">
                            <i class="material-symbols">phone</i>
                        </span>
                    {% endif %}
                    {% if call_video %}
                        <span title="{{ __('button.video_call') }}" class="control icon active"
                            onclick="Visio_ajaxGetLobby('{{ call_video|echapJS }}', true, true); Drawer.clear();">
                            <i class="material-symbols">videocam</i>
                        </span>
                    {% endif %}
                {% endif %}
                <div>
                    <p class="line">
                        {{ contact.truename }}
                        {% if contact.blocked %}
                            <span class="tag color red">{{ __('blocked.title') }}</span>
                        {% endif %}
                        {% for g in contact.groups %}
                            <span class="tag color {{ g|stringToColor }}">{{ g }}</span>
                        {% endfor %}
                    </p>
                    <p class="line">
                        {{ contact.id }}
                    </p>
                </div>
            </li>
        </ul>
    </header>

    <ul class="list thick">
        <li>
            <div>
                <p>
                    {% if contact.nickname %}{{ contact.nickname }}{% else %}{{ contact.truename }}{% endif %}
                </p>
                <p class="all">
                    {% if description %}
                        {{ description|safe }}
                        <br /><br />
                    {% endif %}
                    {% if contact.status %}
                        <i class="material-symbols icon-text">chat_info</i>
                        {{ contact.status }}
                        <br />
                    {% endif %}
                    {% if contact.email %}
                        <i class="material-symbols icon-text">email</i>
                        <a href="mailto:{{ contact.email }}">{{ contact.email }}</a>
                        <br />
                    {% endif %}
                    {% if contact.url %}
                        <i class="material-symbols icon-text">link</i>
                        {% if contact.url is startingwith('http') %}
                            <a href="{{ contact.url }}" target="_blank" rel="noopener noreferrer">{{ contact.url }}</a>
                        {% else %}
                            {{ contact.url }}
                        {% endif %}
                        <br />
                    {% endif %}
                </p>
            </div>
        </li>
    </ul>

    {% if not mine %}
    <ul class="list middle active">
        {% if contact.in_roster %}
            <li onclick="Notifications_ajaxEditContact('{{ contact.id|echapJS }}'); Drawer.clear();">
                <span class="primary icon gray">
                    <i class="material-symbols">edit</i>
                </span>
                <div>
                    <p>{{ __('button.edit') }}</p>
                </div>
            </li>
            <li onclick="Notifications_ajaxDeleteContact('{{ contact.id|echapJS }}'); Drawer.clear();">
                <span class="primary icon gray">
                    <i class="material-symbols">person_remove</i>
                </span>
                <div>
                    <p>{{ __('button.delete') }}</p>
                </div>
            </li>
        {% else %}
            <li onclick="Notifications_ajaxAddAsk('{{ contact.id|echapJS }}'); Drawer.clear();">
                <span class="primary icon gray">
                    <i class="material-symbols">person_add</i>
                </span>
                <div>
                    <p>{{ __('roster.add_title') }}</p>
                </div>
            </li>
        {% endif %}
        {% if contact.blocked %}
            <li onclick="ContactActions_ajaxUnblock('{{ contact.id|echapJS }}'); Drawer.clear();">
                <span class="primary icon green">
                    <i class="material-symbols">cancel</i>
                </span>
                <div>
                    <p>{{ __('blocked.unblock_account') }}</p>
                </div>
            </li>
        {% else %}
            <li onclick="ContactActions_ajaxBlock('{{ contact.id|echapJS }}'); Drawer.clear();">
                <span class="primary icon red">
                    <i class="material-symbols">block</i>
                </span>
                <div>
                    <p>{{ __('blocked.block_account') }}</p>
                </div>
            </li>
        {% endif %}
        <li onclick="Chat_ajaxClearHistory('{{ contact.id|echapJS }}')">
            <span class="primary icon gray">
                <i class="material-symbols">clear_all</i>
            </span>
            <div>
                <p class="line">{{ __('chat.clear_history') }}</p>
            </div>
        </li>
    </ul>
    {% endif %}

    {% if resources %}
    <ul class="list middle">
        <li class="subheader">
            <div>
                <p>{{ __('clients.title_full') }}</p>
            </div>
        </li>
        {% for value in resources %}
            <li class="block">
                <span class="primary icon gray status {{ value.presence }}">
                    <i class="material-symbols">devices</i>
                </span>
                <div>
                    <p class="line">
                        {% if value.name %}{{ value.name }}{% else %}{{ value.resource }}{% endif %}
                        <span class="second">{{ value.resource }}</span>
                    </p>
                    {% if value.status %}<p class="line">{{ value.status }}</p>{% endif %}
                </div>
            </li>
        {% endfor %}
    </ul>
    {% endif %}

    {% if omemo %}
        <div class="spin" id="omemo_fingerprints"></div>
    {% endif %}

    <br />
</section>