work in progress

2026-01-16 12:43:06 +01:00
parent 77a9579025
commit c8ee7defe8
236 changed files with 11405 additions and 28 deletions
--- a/src/main/assets/apps/messages/messages.rml
+++ b/src/main/assets/apps/messages/messages.rml
@@ -0,0 +1,117 @@
+<rml>
+<head>
+    <link type="text/rcss" href="../../ui/html.rcss"/>
+    <link type="text/rcss" href="../../ui/theme.rcss"/>
+    <link type="text/rcss" href="../../ui/components.rcss"/>
+    <script src="../../scripts/navigation.lua"></script>
+    <title>Messages</title>
+    <style>
+        .messages-screen {
+            width: 100%;
+            height: 100%;
+            background-color: #121212;
+            display: flex;
+            flex-direction: column;
+        }
+
+        .conversations-list {
+            flex: 1;
+            overflow: auto;
+        }
+
+        .conversation-item {
+            display: flex;
+            align-items: center;
+            padding: 12px 16px;
+            cursor: pointer;
+        }
+
+        .conversation-item:hover {
+            background-color: rgba(255, 255, 255, 0.05);
+        }
+
+        .conversation-avatar {
+            width: 48px;
+            height: 48px;
+            border-radius: 24px;
+            margin-right: 16px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 20px;
+            color: #000000;
+        }
+
+        .conversation-content {
+            flex: 1;
+            min-width: 0;
+        }
+
+        .conversation-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+
+        .conversation-name {
+            font-size: 16px;
+            font-weight: 500;
+            color: #FFFFFF;
+        }
+
+        .conversation-time {
+            font-size: 12px;
+            color: #666666;
+        }
+
+        .conversation-preview {
+            font-size: 14px;
+            color: #B3B3B3;
+            margin-top: 4px;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+
+        .conversation-unread {
+            width: 20px;
+            height: 20px;
+            border-radius: 10px;
+            background-color: #BB86FC;
+            color: #000000;
+            font-size: 11px;
+            font-weight: 500;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            margin-left: 8px;
+        }
+    </style>
+</head>
+<body class="messages-screen" data-model="messages">
+    <!-- App Bar -->
+    <div class="app-bar">
+        <div class="app-bar-nav btn-icon" onclick="goBack()"><img src="../../icons/back.tga" style="width: 24px; height: 24px;"/></div>
+        <span class="app-bar-title">Messages</span>
+        <div class="btn-icon"><img src="../../icons/search.tga" style="width: 24px; height: 24px;"/></div>
+    </div>
+
+    <!-- Conversations List -->
+    <div class="conversations-list">
+        <div class="conversation-item" data-for="conv : conversations" data-event-click="select_conversation(conv.id); navigateTo('chat')">
+            <div class="conversation-avatar" data-style-background-color="conv.color">{{ conv.name | slice(0, 1) }}</div>
+            <div class="conversation-content">
+                <div class="conversation-header">
+                    <span class="conversation-name">{{ conv.name }}</span>
+                    <span class="conversation-time">{{ conv.time }}</span>
+                </div>
+                <div class="conversation-preview">{{ conv.last_message }}</div>
+            </div>
+            <div class="conversation-unread" data-if="conv.unread > 0">{{ conv.unread }}</div>
+        </div>
+    </div>
+
+    <!-- FAB -->
+    <div class="btn-fab"><img src="../../icons/add.tga" style="width: 24px; height: 24px;"/></div>
+</body>
+</rml>