nodebb-theme-harmony 1.1.26 → 1.1.27
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
package/templates/chat.tpl
CHANGED
|
@@ -15,14 +15,21 @@
|
|
|
15
15
|
</div>
|
|
16
16
|
|
|
17
17
|
<div class="modal-body d-flex flex-column" style="height: 500px;">
|
|
18
|
-
<div class="
|
|
19
|
-
<div component="chat/messages
|
|
18
|
+
<div class="d-flex flex-grow-1 gap-1 overflow-auto" style="min-width: 0px;">
|
|
19
|
+
<div component="chat/messages" class="expanded-chat d-flex flex-column flex-grow-1" data-roomid="{roomId}" style="min-width: 0px;">
|
|
20
|
+
<!-- IMPORT partials/chats/scroll-up-alert.tpl -->
|
|
21
|
+
<ul component="chat/message/content" class="chat-content p-0 m-0 list-unstyled overflow-auto flex-grow-1">
|
|
22
|
+
<!-- IMPORT partials/chats/messages.tpl -->
|
|
23
|
+
</ul>
|
|
24
|
+
<ul component="chat/message/search/results" class="chat-content p-0 m-0 list-unstyled overflow-auto flex-grow-1 hidden">
|
|
25
|
+
<div component="chat/message/search/no-results" class="text-center p-4 d-flex flex-column">
|
|
26
|
+
<div class="p-4"><i class="fa-solid fa-wind fs-2 text-muted"></i></div>
|
|
27
|
+
<div class="text-xs fw-semibold text-muted">[[search:no-matches]]</div>
|
|
28
|
+
</div>
|
|
29
|
+
</ul>
|
|
30
|
+
<!-- IMPORT partials/chats/composer.tpl -->
|
|
31
|
+
</div>
|
|
20
32
|
</div>
|
|
21
|
-
<ul class="chat-content p-0 m-0 list-unstyled d-flex flex-column overflow-auto flex-grow-1" component="chat/messages">
|
|
22
|
-
<!-- IMPORT partials/chats/messages.tpl -->
|
|
23
|
-
</ul>
|
|
24
|
-
|
|
25
|
-
<!-- IMPORT partials/chats/composer.tpl -->
|
|
26
33
|
</div>
|
|
27
34
|
<div class="imagedrop"><div>[[topic:composer.drag_and_drop_images]]</div></div>
|
|
28
35
|
</div>
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
<div component="chat/composer" class="d-flex flex-column
|
|
1
|
+
<div component="chat/composer" class="d-flex flex-column gap-2 border-top pt-2 align-items-start">
|
|
2
|
+
<div component="chat/composer/replying-to" data-tomid="" class="text-sm px-2 d-flex gap-2 align-items-center hidden">
|
|
3
|
+
<div component="chat/composer/replying-to-text"></div> <button component="chat/composer/replying-to-cancel" class="btn-ghost-sm px-2 py-1"><i class="fa fa-times"></i></button>
|
|
4
|
+
</div>
|
|
2
5
|
<div class="w-100 flex-grow-1 flex-nowrap position-relative d-flex rounded-2 border border-secondary p-1 align-items-end">
|
|
3
6
|
<button component="chat/upload/button" class="btn-ghost-sm px-2" type="button"><i class="fa fa-fw fa-upload"></i></button>
|
|
4
7
|
<div class="flex-grow-1 align-self-center">
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
</div>
|
|
8
8
|
{{{ end }}}
|
|
9
9
|
{{{ if !roomId }}}
|
|
10
|
-
<div class="d-flex flex-column align-items-center gap-3
|
|
10
|
+
<div class="d-flex flex-column align-items-center gap-3 my-auto">
|
|
11
11
|
<i class="fa-solid fa-wind fs-2 text-muted"></i>
|
|
12
12
|
<span class="text-muted text-sm">[[modules:chat.no_active]]</span>
|
|
13
13
|
</div>
|
|
@@ -1,4 +1,19 @@
|
|
|
1
|
-
<li component="chat/message" class="chat-message mx-2 pe-2 {{{ if messages.deleted }}} deleted{{{ end }}} {{{ if messages.newSet }}}border-top pt-3{{{ end }}}" data-mid="{messages.messageId}" data-uid="{messages.fromuid}" data-self="{messages.self}" data-break="{messages.newSet}" data-timestamp="{messages.timestamp}">
|
|
1
|
+
<li component="chat/message" class="chat-message mx-2 pe-2 {{{ if messages.deleted }}} deleted{{{ end }}} {{{ if messages.newSet }}}border-top pt-3{{{ end }}}" data-mid="{messages.messageId}" data-uid="{messages.fromuid}" data-self="{messages.self}" data-break="{messages.newSet}" data-timestamp="{messages.timestamp}" data-username="{messages.fromUser.username}">
|
|
2
|
+
|
|
3
|
+
{{{ if messages.parent }}}
|
|
4
|
+
<div class="d-flex ms-4 mb-2 align-items-center">
|
|
5
|
+
<div component="chat/message/parent" class="btn-ghost-sm align-items-start flex-row">
|
|
6
|
+
<div class="d-flex gap-2 text-sm">
|
|
7
|
+
<div><i class="fa fa-sm fa-reply opacity-50"></i></div>
|
|
8
|
+
<a href="{config.relative_path}/user/{messages.parent.user.userslug}" class="text-decoration-none lh-sm">{buildAvatar(messages.parent.user, "14px", true, "not-responsive")}</a>
|
|
9
|
+
<a class="chat-user fw-semibold" href="{config.relative_path}/user/{messages.parent.user.userslug}">{messages.parent.user.displayname}</a>
|
|
10
|
+
<span class="chat-timestamp text-muted timeago text-nowrap hidden" title="{messages.parent.timestampISO}"></span>
|
|
11
|
+
</div>
|
|
12
|
+
<div component="chat/message/parent/content" class="text-muted line-clamp-1">{messages.parent.content}</div>
|
|
13
|
+
</div>
|
|
14
|
+
</div>
|
|
15
|
+
{{{ end }}}
|
|
16
|
+
|
|
2
17
|
<div class="message-header lh-1 d-flex align-items-center gap-2 text-sm {{{ if !messages.newSet }}}hidden{{{ end }}} pb-2">
|
|
3
18
|
<a href="{config.relative_path}/user/{messages.fromUser.userslug}" class="text-decoration-none">{buildAvatar(messages.fromUser, "18px", true, "not-responsive")}</a>
|
|
4
19
|
<span class="chat-user fw-semibold"><a href="{config.relative_path}/user/{messages.fromUser.userslug}">{messages.fromUser.displayname}</a></span>
|
|
@@ -18,9 +33,9 @@
|
|
|
18
33
|
{messages.content}
|
|
19
34
|
</div>
|
|
20
35
|
|
|
21
|
-
{{{ if (isAdminOrGlobalMod || (!config.disableChatMessageEditing && messages.self)) }}}
|
|
22
36
|
<div component="chat/message/controls" class="position-relative">
|
|
23
37
|
<div class="btn-group border shadow-sm controls position-absolute bg-body hover-d-block end-0" style="bottom:1rem;">
|
|
38
|
+
<button class="btn btn-sm btn-link" data-action="reply"><i class="fa fa-reply"></i></button>
|
|
24
39
|
{{{ if (!config.disableChatMessageEditing && messages.self) }}}
|
|
25
40
|
<button class="btn btn-sm btn-link" data-action="edit"><i class="fa fa-pencil"></i></button>
|
|
26
41
|
<button class="btn btn-sm btn-link" data-action="delete"><i class="fa fa-trash"></i></button>
|
|
@@ -31,6 +46,5 @@
|
|
|
31
46
|
{{{ end }}}
|
|
32
47
|
</div>
|
|
33
48
|
</div>
|
|
34
|
-
{{{ end }}}
|
|
35
49
|
</div>
|
|
36
50
|
</li>
|
|
@@ -12,14 +12,14 @@
|
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
<!-- notification dropdown -->
|
|
15
|
-
<div class="dropdown d-flex" data-manual-tooltip="1" title="[[modules:chat.notification-settings]]">
|
|
15
|
+
<div class="dropdown d-flex" data-manual-tooltip="1" title="[[modules:chat.notification-settings]]" component="chat/notification/setting">
|
|
16
16
|
<button class="btn-ghost-sm position-relative" data-bs-toggle="dropdown">
|
|
17
17
|
<i class="fa fa-bell text-muted"></i>
|
|
18
18
|
<span class="position-absolute top-0 end-0 text-xs text-muted opacity-50" style="font-size: 10px!important; padding: 1px; line-height: 10px;">
|
|
19
19
|
<i component="chat/notification/setting/icon" class="fa {notificationOptionsIcon}"></i>
|
|
20
20
|
</span>
|
|
21
21
|
</button>
|
|
22
|
-
<ul class="dropdown-menu dropdown-menu-end p-1 text-sm"
|
|
22
|
+
<ul class="dropdown-menu dropdown-menu-end p-1 text-sm">
|
|
23
23
|
{{{ each notificationOptions }}}
|
|
24
24
|
<li>
|
|
25
25
|
<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" href="#" data-value="{./value}" data-icon="{./icon}">
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
</button>
|
|
50
50
|
<ul class="dropdown-menu dropdown-menu-end p-1 text-sm" component="chat/controls">
|
|
51
51
|
<li>
|
|
52
|
-
<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" href="#" data-action="
|
|
52
|
+
<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" href="#" data-action="manage">
|
|
53
53
|
<i class="fa fa-fw text-muted fa-cog"></i> [[modules:chat.manage-room]]
|
|
54
54
|
</a>
|
|
55
55
|
</li>
|