71 lines
2.5 KiB
HTML
71 lines
2.5 KiB
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 status {{ presence }}" aria-hidden="true">
|
|
<img src="{{ contact.picture }}">
|
|
</span>
|
|
|
|
<span class="control icon active white divided" onclick="Presence_ajaxAskLogout(); Drawer.clear('menu')"
|
|
title="{{ __('status.disconnect') }}">
|
|
<a href="#" onclick="listIconClick(event);">
|
|
<i class="material-symbols">exit_to_app</i>
|
|
</a>
|
|
</span>
|
|
<div>
|
|
<p class="line">{{ contact.truename }}</p>
|
|
<p class="line">{{ contact.id }}</p>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</header>
|
|
|
|
<ul class="list active">
|
|
<li class="subheader">
|
|
<div>
|
|
<p>{{ __('status.status') }}</p>
|
|
</div>
|
|
</li>
|
|
{% for p in presences %}
|
|
<li onclick="Presence_ajaxSetPresence('{{ p.value }}'); Drawer.clear('menu')" {% if p.value == presence %}class="active"{% endif %}>
|
|
<span class="primary icon bubble status {{ p.value }} small">
|
|
<i class="material-symbols">{{ p.icon }}</i>
|
|
</span>
|
|
<div>
|
|
<p class="line">{{ p.label }}</p>
|
|
</div>
|
|
</li>
|
|
{% endfor %}
|
|
|
|
<hr />
|
|
|
|
<li onclick="MovimUtils.reload('{{ route('configuration') }}')"
|
|
title="{{ __('page.configuration') }}">
|
|
<span class="primary icon gray">
|
|
<a href="#" onclick="listIconClick(event);">
|
|
<i class="material-symbols">tune</i>
|
|
</a>
|
|
</span>
|
|
<span class="control icon gray" aria-hidden="true">
|
|
<i class="material-symbols">chevron_right</i>
|
|
</span>
|
|
<div>
|
|
<p class="line">{{ __('page.configuration') }}</p>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
|
|
<ul class="list thick">
|
|
<li>
|
|
<div>
|
|
<p class="center">
|
|
<i class="material-symbols" style="margin-right: 1rem;">cloud_queue</i>
|
|
Powered by <a target="_blank" href="https://movim.eu">Movim</a> (Rust edition)
|
|
</p>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</section>
|