movim-rs/templates/RoomsUtils/_rooms_drawer.html

<section class="scroll">
    <header class="big"
        style="background-image: linear-gradient(to bottom, rgba(23,23,23,0.8) 0%, rgba(23,23,23,0.5) 100%), url('{{ c.picture }}');"
    >
        <ul class="list thick">
            <li>
                <span class="primary icon bubble active"
                    style="background-image: url({{ c.picture }});">
                </span>
                <span title="{{ __('chatrooms.config') }}"
                      class="control icon active"
                      onclick="RoomsUtils_ajaxAdd('{{ room|echapJS }}'); Drawer.clear()">
                    <i class="material-symbols">edit</i>
                </span>
                <span title="{{ __('button.delete') }}"
                      class="control icon active"
                      onclick="RoomsUtils_ajaxRemove('{{ room|echapJS }}'); Drawer.clear()">
                    <i class="material-symbols">delete</i>
                </span>

                <div>
                    <p class="line" title="{{ room }}">
                        {{ c.title }}
                    </p>
                    <p class="line">{{ room }}</p>
                </div>
            </li>
        </ul>
    </header>

    <ul class="list middle">
        {% if c.group %}
            <li>
                <span class="primary icon gray">
                    <i class="material-symbols">people_alt</i>
                </span>
                <div>
                    <p class="line">{{ __('room.group_chat') }}</p>
                    <p class="all">{{ __('room.group_chat_text') }}</p>
                </div>
            </li>
        {% else %}
            <li>
                <span class="primary icon gray">
                    <i class="material-symbols">wifi_tethering</i>
                </span>
                <div>
                    <p class="line">{{ __('room.channel') }}</p>
                    <p class="all">{{ __('room.channel_text') }}</p>
                </div>
            </li>
        {% endif %}
    </ul>
    <ul class="list">
        {% if c.subject %}
            <li>
                <span class="primary icon gray">
                    <i class="material-symbols">info_i</i>
                </span>
                <div>
                    <p class="line">{{ __('page.about') }}</p>
                    <p class="all">{{ subject_html|safe }}</p>
                </div>
            </li>
        {% endif %}
        {% if c.description %}
            <li>
                <span class="primary icon gray">
                    <i class="material-symbols">short_text</i>
                </span>
                <div>
                    <p class="line">{{ __('information.description') }}</p>
                    <p class="all">{{ c.description }}</p>
                </div>
            </li>
        {% endif %}
        {% if c.public %}
            <li>
                <span class="primary icon gray">
                    <i class="material-symbols">explore</i>
                </span>
                <div>
                    <p class="line">{{ __('room.public_muc') }}</p>
                    <p class="all">{{ __('room.public_muc_text') }}</p>
                </div>
            </li>
        {% endif %}
        {% if c.mam %}
            <li>
                <span class="primary icon gray">
                    <i class="material-symbols">archive</i>
                </span>
                <div>
                    <p class="line">{{ __('room.archived') }}</p>
                    <p class="all">{{ __('room.archived_text') }}</p>
                </div>
            </li>
        {% endif %}

        <li class="subheader">
            <div>
                <p>{{ __('room.notify_title') }}</p>
            </div>
        </li>
        <li>
            <span class="primary icon gray">
                <i class="material-symbols">{% if c.notify == 0 %}notifications_off{% elif c.notify == 2 %}notifications_active{% else %}notifications{% endif %}</i>
            </span>
            <span class="control icon gray active"
                  onclick="RoomsUtils_ajaxAdd('{{ room|echapJS }}'); Drawer.clear()">
                <i class="material-symbols">settings</i>
            </span>
            <div>
                <p class="line">{{ __('room.notify_title') }}</p>
                <p class="line">{% if c.notify == 0 %}{{ __('room.notify_never') }}{% elif c.notify == 2 %}{{ __('room.notify_always') }}{% else %}{{ __('room.notify_mentioned') }}{% endif %}</p>
            </div>
        </li>
    </ul>

    <ul class="list">
        <li class="subheader">
            <div>
                <p>{{ __('chatrooms.members') }} <span class="second">{{ c.count }}</span></p>
            </div>
        </li>
        <li class="active" onclick="RoomsUtils_ajaxAskInvite('{{ room|echapJS }}'); Drawer.clear();">
            <span class="primary icon gray">
                <i class="material-symbols">person_add</i>
            </span>
            <span class="control icon gray">
                <i class="material-symbols">chevron_right</i>
            </span>
            <div>
                <p class="line">{{ __('room.group_chat_add') }}</p>
            </div>
        </li>
    </ul>
    <ul class="list thin" id="room_presences_list">
        {{ presences|safe }}
    </ul>

    {% if c.affiliation == 'owner' %}
    <ul class="list active">
        <hr />
        <li onclick="RoomsUtils_ajaxGetConfig('{{ room|echapJS }}'); Drawer.clear();">
            <span class="primary icon gray"><i class="material-symbols">settings</i></span>
            <div><p class="line">{{ __('chatrooms.config') }}</p></div>
        </li>
        <li onclick="RoomsUtils_ajaxAskDestroy('{{ room|echapJS }}'); Drawer.clear();">
            <span class="primary icon red"><i class="material-symbols">delete_forever</i></span>
            <div><p class="line">{{ __('button.destroy') }}</p></div>
        </li>
    </ul>
    {% endif %}
</section>