init

templates/Presence/_presence.html

@@ -0,0 +1,12 @@
+<li role="menuitem" onclick="Presence_ajaxHttpMenu()">
+    <span class="primary icon bubble status {{ presence }}">
+        <a href="#" onclick="listIconClick(event)">
+            <img alt="{{ __('status.my_avatar') }}" src="{{ contact.picture }}">
+        </a>
+    </span>
+    <div>
+        <p class="line bold">
+            {{ contact.truename }}
+        </p>
+    </div>
+</li>

templates/Presence/_presence_logout.html

@@ -0,0 +1,17 @@
+<section>
+    <div class="placeholder">
+        <i class="material-symbols">exit_to_app</i>
+        <h4>{{ __('status.logout_confirm') }}</h4>
+    </div>
+</section>
+<footer>
+    <button onclick="Dialog_ajaxClear()" class="button flat">
+        {{ __('button.cancel') }}
+    </button>
+    <button
+        name="submit"
+        class="button flat"
+        onclick="Presence_ajaxLogout()">
+        {{ __('status.disconnect') }}
+    </button>
+</footer>

templates/Presence/_presence_menu.html

@@ -0,0 +1,70 @@
+<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>

templates/Presence/presence.html

@@ -0,0 +1,11 @@
+<ul class="list navigation thick active on_desktop" id="presence_widget" dir="ltr">
+    <li>
+        <span class="primary icon bubble color status">
+            <img src="{{ picture }}">
+        </span>
+        <div>
+            <p class="line bold"><br /></p>
+            <p class="line"><br /></p>
+        </div>
+    </li>
+</ul>