init

templates/Rooms/_rooms_counter.html

@@ -0,0 +1,12 @@
+<a href="#" onclick="listIconClick(event)" title="{{ c.title }}">
+    {% if not with_avatar %}
+        {{ c.title|firstLetter|addEmojis }}
+    {% endif %}
+    {% if c.notify == 2 and c.unreads > 0 %}
+        <span class="counter">{{ c.unreads }}</span>
+    {% elif c.quoted > 0 %}
+        <span class="counter notifications">{{ c.quoted }}</span>
+    {% elif c.unreads > 0 %}
+        <span class="counter"><i class="material-symbols">chat_bubble_outline</i></span>
+    {% endif %}
+</a>

templates/Rooms/_rooms_empty.html

@@ -0,0 +1,11 @@
+<ul class="list thick spaced empty">
+    <li>
+        <span class="primary icon green">
+            <i class="material-symbols">people_outline</i>
+        </span>
+        <div>
+            <p>{{ __('chatrooms.empty_text1') }}</p>
+            <p>{{ __('chatrooms.empty_text2') }}</p>
+        </div>
+    </li>
+</ul>

templates/Rooms/_rooms_room.html

@@ -0,0 +1,71 @@
+<li id="{{ c.jid|cleanupId }}"
+    data-jid="{{ c.jid }}"
+    {% if c.nick %} data-nick="{{ c.nick }}" {% endif %}
+    class="room {% if c.connected %}connected{% endif %} {% if c.pinned %}pinned{% endif %} {% if c.group %}groupchat{% endif %} {% if c.unreads > 0 or c.quoted > 0 %}unread{% endif %} {% if c.joining %}connecting{% endif %} {% if c.muji.count > 0 %}muji{% endif %}">
+    <ul class="list thin">
+        <li>
+            <span class="primary icon bubble small"
+                id="{{ c.jid|cleanupId }}-rooms-primary"
+                style="background-image: url({{ c.picture }});">
+                {{ counter|safe }}
+            </span>
+
+            <div>
+                <p class="line">
+                    {% if c.pinned %}
+                        <span class="info">
+                            <i class="material-symbols fill" title="{{ __('room.pinned') }}">push_pin</i>
+                        </span>
+                    {% endif %}
+                    {% if not c.group and c.connected %}
+                        <span title="{{ __('communitydata.sub', c.count) }}"
+                            class="info {% if c.role == 'moderator' %}moderator{% endif %}">
+                            {{ c.count }} <i class="material-symbols">people</i>
+                        </span>
+                    {% endif %}
+                    <span title="{{ c.jid }}">
+                        {% if c.muji.count > 0 %}
+                            <i class="material-symbols call icon {% if c.muji.joined %}green blink{% else %}blue{% endif %}" title="{{ __('visio.in_call') }}">phone</i>
+                        {% endif %}
+                        {{ c.title }}
+                    </span>
+                    <span class="second">
+                        {% if c.notify == 0 %}
+                            <i class="material-symbols" title="{{ __('room.notify_never') }}">notifications_off</i>
+                        {% elif c.notify == 2 %}
+                            <i class="material-symbols" title="{{ __('room.notify_always') }}">notifications_active</i>
+                        {% endif %}
+                        {% if c.description %}{{ c.description }}{% else %}{{ c.jid }}{% endif %}
+                    </span>
+                </p>
+            </div>
+            <span class="control icon gray connecting">
+                <i class="material-symbols spin">progress_activity</i>
+            </span>
+            <span class="control icon active gray edition on_desktop" onclick="event.stopPropagation(); RoomsUtils_ajaxAdd('{{ c.jid|echapJS }}');">
+                <i class="material-symbols">edit</i>
+            </span>
+        </li>
+        {% for value in c.muji.participants %}
+            <li>
+                <span class="primary icon r2 small">
+                    <i class="material-symbols icon gray">line_curve</i>
+                </span>
+                <span class="primary icon bubble small">
+                    <img loading="lazy" src="{{ value.picture }}">
+                </span>
+                <div>
+                    <p>
+                        {% if value.screen %}
+                            <span class="info live"><i class="material-symbols">screen_share</i></span>
+                        {% endif %}
+                        {% if value.video %}
+                            <span class="info"><i class="material-symbols">videocam</i></span>
+                        {% endif %}
+                        {{ value.nick }}
+                    </p>
+                </div>
+            </li>
+        {% endfor %}
+    </ul>
+</li>

templates/Rooms/rooms.html

@@ -0,0 +1,37 @@
+<div id="rooms">
+    <ul class="list rooms divided thin spaced active spin"></ul>
+
+    <ul class="list head flex active">
+        <li class="subheader" title="{{ __('page.configuration') }}">
+            <div>
+                <p>
+                    {{ __('chatrooms.title') }}
+                </p>
+            </div>
+
+            <span class="chip active" data-filter="all" onclick="Rooms.toggleShowAll()">{{ __('chatrooms.filter_all') }}</span>
+            <span class="chip active" data-filter="connected" onclick="Rooms.toggleShowAll()">{{ __('chatrooms.filter_connected') }}</span>
+        </li>
+    </ul>
+
+    <ul class="list thick active spaced toggle_show">
+        <li onclick="Rooms.toggleShowAll()">
+            <span class="primary icon gray small">
+                <i class="material-symbols">
+                    expand_less
+                </i>
+                <i class="material-symbols">
+                    expand_more
+                </i>
+            </span>
+            <div>
+                <p class="line">
+                    {{ __('chatrooms.hide_disconnected') }}
+                </p>
+                <p class="line">
+                    {{ __('chatrooms.show_all') }}
+                </p>
+            </div>
+        </li>
+    </ul>
+</div>