nodebb-theme-harmony 1.1.8 → 1.1.10

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.
Files changed (13) hide show
  1. package/package.json +1 -1
  2. package/templates/account/profile.tpl +3 -3
  3. package/templates/category.tpl +2 -2
  4. package/templates/notifications.tpl +1 -1
  5. package/templates/partials/account/sidebar-left.tpl +8 -8
  6. package/templates/partials/categories/item.tpl +5 -5
  7. package/templates/partials/categories/lastpost.tpl +4 -4
  8. package/templates/partials/groups/sidebar-left.tpl +3 -3
  9. package/templates/partials/tags_list.tpl +1 -1
  10. package/templates/partials/topic/stats.tpl +3 -3
  11. package/templates/partials/topics_list.tpl +9 -9
  12. package/templates/partials/users/item.tpl +3 -3
  13. package/templates/post-queue.tpl +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "nodebb-theme-harmony",
3
- "version": "1.1.8",
3
+ "version": "1.1.10",
4
4
  "nbbpm": {
5
5
  "compatibility": "^3.3.0"
6
6
  },
package/templates/account/profile.tpl CHANGED
@@ -28,15 +28,15 @@
28
28
  <div class="stat">
29
29
  <div class="align-items-center justify-content-center card card-header px-0 py-3 border-0 rounded-1 h-100">
30
30
  <span class="stat-label text-xs fw-semibold">[[global:reputation]]</span>
31
- <span class="human-readable-number fs-2 ff-secondary" title="{reputation}">{reputation}</span>
31
+ <span class="fs-2 ff-secondary" title="{reputation}">{humanReadableNumber(reputation)}</span>
32
32
  </div>
33
33
  </div>
34
34
  {{{ end }}}
35
35
  <div class="stat">
36
36
  <div class="align-items-center justify-content-center card card-header px-0 py-3 border-0 rounded-1 h-100">
37
37
  <span class="stat-label text-xs fw-semibold">[[user:profile_views]]</span>
38
- <span class="human-readable-number fs-2 ff-secondary" title="
39
- {profileviews}">{profileviews}</span>
38
+ <span class="fs-2 ff-secondary" title="
39
+ {profileviews}">{humanReadableNumber(profileviews)}</span>
40
40
  </div>
41
41
  </div>
42
42
 
package/templates/category.tpl CHANGED
@@ -6,11 +6,11 @@
6
6
  </div>
7
7
  <div class="d-flex flex-wrap gap-2 {{{ if config.theme.centerHeaderElements }}}justify-content-center{{{ end }}}">
8
8
  <span class="badge text-body border border-gray-300 stats text-xs">
9
- <span title="{totalTopicCount}" class="human-readable-number fw-bold">{totalTopicCount}</span>
9
+ <span title="{totalTopicCount}" class="fw-bold">{humanReadableNumber(totalTopicCount)}</span>
10
10
  <span class="text-lowercase fw-normal">[[global:topics]]</span>
11
11
  </span>
12
12
  <span class="badge text-body border border-gray-300 stats text-xs">
13
- <span title="{totalPostCount}" class="human-readable-number fw-bold">{totalPostCount}</span>
13
+ <span title="{totalPostCount}" class="fw-bold">{humanReadableNumber(totalPostCount)}</span>
14
14
  <span class="text-lowercase fw-normal">[[global:posts]]</span>
15
15
  </span>
16
16
  </div>
package/templates/notifications.tpl CHANGED
@@ -14,7 +14,7 @@
14
14
  {{{ else }}}
15
15
  <a class="btn-ghost fw-semibold {{{ if ./selected }}}active{{{ end }}}" href="{config.relative_path}/notifications?filter={./filter}">
16
16
  <div class="flex-grow-1">{filters.name}</div>
17
- <span class="flex-shrink-0 text-xs human-readable-number" title="{./count}">{./count}</span>
17
+ <span class="flex-shrink-0 text-xs" title="{./count}">{humanReadableNumber(./count)}</span>
18
18
  </a>
19
19
  {{{ end }}}
20
20
  {{{ end }}}
package/templates/partials/account/sidebar-left.tpl CHANGED
@@ -11,50 +11,50 @@
11
11
  {{{ if template.account/downvoted }}}active{{{ end }}}
12
12
  {{{ if template.account/bookmarks }}}active{{{ end }}}">
13
13
  <div class="flex-grow-1">[[global:posts]]</div>
14
- <span class="flex-shrink-0 text-xs human-readable-number" title="{counts.posts}">{counts.posts}</span>
14
+ <span class="flex-shrink-0 text-xs" title="{counts.posts}">{humanReadableNumber(counts.posts)}</span>
15
15
  </a>
16
16
  <a href="{config.relative_path}/user/{userslug}/topics" class="btn-ghost fw-semibold
17
17
  {{{ if template.account/topics }}}active{{{ end }}}
18
18
  {{{ if template.account/watched }}}active{{{ end }}}
19
19
  {{{ if template.account/ignored }}}active{{{ end }}}">
20
20
  <div class="flex-grow-1">[[global:topics]]</div>
21
- <span class="flex-shrink-0 text-xs human-readable-number" title="{counts.topics}">{counts.topics}</span>
21
+ <span class="flex-shrink-0 text-xs" title="{counts.topics}">{humanReadableNumber(counts.topics)}</span>
22
22
  </a>
23
23
  <a href="{config.relative_path}/user/{userslug}/groups" class="btn-ghost fw-semibold
24
24
  {{{ if template.account/groups }}}active{{{ end }}}">
25
25
  <div class="flex-grow-1">[[global:header.groups]]</div>
26
- <span class="flex-shrink-0 text-xs human-readable-number" title="{counts.groups}">{counts.groups}</span>
26
+ <span class="flex-shrink-0 text-xs" title="{counts.groups}">{humanReadableNumber(counts.groups)}</span>
27
27
  </a>
28
28
 
29
29
  <a href="{config.relative_path}/user/{userslug}/followers" class="btn-ghost fw-semibold
30
30
  {{{ if template.account/followers }}}active{{{ end }}}">
31
31
  <div class="flex-grow-1">[[user:followers]]</div>
32
- <span class="flex-shrink-0 text-xs human-readable-number" title="{counts.followers}">{counts.followers}</span>
32
+ <span class="flex-shrink-0 text-xs" title="{counts.followers}">{humanReadableNumber(counts.followers)}</span>
33
33
  </a>
34
34
 
35
35
  <a href="{config.relative_path}/user/{userslug}/following" class="btn-ghost fw-semibold
36
36
  {{{ if template.account/following }}}active{{{ end }}}">
37
37
  <div class="flex-grow-1">[[user:following]]</div>
38
- <span class="flex-shrink-0 text-xs human-readable-number" title="{counts.following}">{counts.following}</span>
38
+ <span class="flex-shrink-0 text-xs" title="{counts.following}">{humanReadableNumber(counts.following)}</span>
39
39
  </a>
40
40
 
41
41
  {{{ if canEdit }}}
42
42
  <a href="{config.relative_path}/user/{userslug}/categories" class="btn-ghost fw-semibold
43
43
  {{{ if template.account/categories }}}active{{{ end }}}">
44
44
  <div class="flex-grow-1">[[user:watched_categories]]</div>
45
- <span class="flex-shrink-0 text-xs human-readable-number" title="{counts.categoriesWatched}">{counts.categoriesWatched}</span>
45
+ <span class="flex-shrink-0 text-xs" title="{counts.categoriesWatched}">{counts.categoriesWatched}</span>
46
46
  </a>
47
47
 
48
48
  <a href="{config.relative_path}/user/{userslug}/blocks" class="btn-ghost fw-semibold
49
49
  {{{ if template.account/blocks }}}active{{{ end }}}">
50
50
  <div class="flex-grow-1">[[user:blocked-users]]</div>
51
- <span class="flex-shrink-0 text-xs human-readable-number" title="{counts.blocks}">{counts.blocks}</span>
51
+ <span class="flex-shrink-0 text-xs" title="{counts.blocks}">{humanReadableNumber(counts.blocks)}</span>
52
52
  </a>
53
53
 
54
54
  <a href="{config.relative_path}/user/{userslug}/uploads" class="btn-ghost fw-semibold
55
55
  {{{ if template.account/uploads }}}active{{{ end }}}">
56
56
  <div class="flex-grow-1">[[global:uploads]]</div>
57
- <span class="flex-shrink-0 text-xs human-readable-number" title="{counts.uploaded}">{counts.uploaded}</span>
57
+ <span class="flex-shrink-0 text-xs" title="{counts.uploaded}">{humanReadableNumber(counts.uploaded)}</span>
58
58
  </a>
59
59
  {{{ end }}}
60
60
 
package/templates/partials/categories/item.tpl CHANGED
@@ -1,4 +1,4 @@
1
- <li component="categories/category" data-cid="{./cid}" class="w-100 border-bottom py-3 py-lg-4 gap-1 d-flex flex-column flex-lg-row align-items-start category-{./cid} {./unread-class}">
1
+ <li component="categories/category" data-cid="{./cid}" class="w-100 border-bottom py-3 py-lg-4 gap-lg-0 gap-2 d-flex flex-column flex-lg-row align-items-start category-{./cid} {./unread-class}">
2
2
  <meta itemprop="name" content="{./name}">
3
3
 
4
4
  <div class="d-flex col-lg-7 gap-2 gap-lg-3">
@@ -40,21 +40,21 @@
40
40
  </div>
41
41
  </div>
42
42
  {{{ if !./link }}}
43
- <div class="d-flex col-lg-5 align-content-stretch">
43
+ <div class="d-flex col-lg-5 col-12 align-content-stretch">
44
44
  <div class="meta stats d-none d-lg-grid col-6 gap-1 pe-2 text-muted" style="grid-template-columns: 1fr 1fr;">
45
45
  <div class="card card-header border-0 p-2 overflow-hidden rounded-1 d-flex flex-column align-items-center">
46
- <span class="human-readable-number fs-5 ff-secondary lh-1" title="{./totalTopicCount}" data-toFixed="0">{./totalTopicCount}</span>
46
+ <span class="fs-5 ff-secondary lh-1" title="{./totalTopicCount}">{humanReadableNumber(./totalTopicCount, 0)}</span>
47
47
  <span class="d-none d-xl-flex text-lowercase text-xs">[[global:topics]]</span>
48
48
  <i class="d-xl-none fa fa-fw text-xs text-muted opacity-75 fa-list"></i>
49
49
  </div>
50
50
  <div class="card card-header border-0 p-2 overflow-hidden rounded-1 d-flex flex-column align-items-center">
51
- <span class="human-readable-number fs-5 ff-secondary lh-1" title="{./totalPostCount}" data-toFixed="0">{./totalPostCount}</span>
51
+ <span class="fs-5 ff-secondary lh-1" title="{./totalPostCount}">{humanReadableNumber(./totalPostCount, 0)}</span>
52
52
  <span class="d-none d-xl-flex text-lowercase text-xs">[[global:posts]]</span>
53
53
  <i class="d-xl-none fa fa-fw text-xs text-muted opacity-75 fa-message"></i>
54
54
  </div>
55
55
  </div>
56
56
  {{{ if !config.hideCategoryLastPost }}}
57
- <div component="topic/teaser" class="teaser col-lg-6 {{{ if !config.theme.mobileTopicTeasers }}}d-none d-lg-block{{{ end }}}">
57
+ <div component="topic/teaser" class="teaser col-lg-6 col-12{{{ if !config.theme.mobileTopicTeasers }}}d-none d-lg-block{{{ end }}}">
58
58
  <!-- IMPORT partials/categories/lastpost.tpl -->
59
59
  </div>
60
60
  {{{ end }}}
package/templates/partials/categories/lastpost.tpl CHANGED
@@ -1,15 +1,15 @@
1
- <div class="lastpost background-link-container border-start border-2 lh-sm h-100" style="border-color: {./bgColor}!important;">
1
+ <div class="lastpost border-start border-2 lh-sm h-100" style="border-color: {./bgColor}!important;">
2
2
  {{{ each ./posts }}}
3
3
  {{{ if @first }}}
4
- <div component="category/posts" class="ps-2 text-xs">
5
- <a class="background-link" href="{config.relative_path}/topic/{./topic.slug}{{{ if ./index }}}/{./index}{{{ end }}}"></a>
4
+ <div component="category/posts" class="ps-2 text-xs d-flex flex-column h-100">
6
5
  <div>
7
6
  <a class="text-decoration-none" href="{config.relative_path}/user/{./user.userslug}">{buildAvatar(posts.user, "18px", true, "avatar-tooltip")}</a>
8
7
  <a class="permalink text-muted" href="{config.relative_path}/topic/{./topic.slug}{{{ if ./index }}}/{./index}{{{ end }}}">
9
8
  <span class="timeago text-xs" title="{../timestampISO}"></span>
10
9
  </a>
11
10
  </div>
12
- <div class="post-content text-xs text-break line-clamp-sm-2 lh-sm">
11
+ <div class="post-content text-xs text-break line-clamp-sm-2 lh-sm position-relative flex-fill">
12
+ <a class="stretched-link" href="{config.relative_path}/topic/{./topic.slug}{{{ if ./index }}}/{./index}{{{ end }}}"></a>
13
13
  {./content}
14
14
  </div>
15
15
  </div>
package/templates/partials/groups/sidebar-left.tpl CHANGED
@@ -5,18 +5,18 @@
5
5
  </button>
6
6
  <button data-bs-toggle="tab" data-bs-target="#groups-members" class="btn-ghost fw-semibold">
7
7
  <div class="flex-grow-1">[[groups:members]]</div>
8
- <span class="flex-shrink-0 text-xs human-readable-number" title="{group.memberCount}">{group.memberCount}</span>
8
+ <span class="flex-shrink-0 text-xs" title="{group.memberCount}">{humanReadableNumber(group.memberCount)}</span>
9
9
  </button>
10
10
 
11
11
  {{{ if group.isOwner }}}
12
12
  <button data-bs-toggle="tab" data-bs-target="#groups-pending" class="btn-ghost fw-semibold">
13
13
  <div class="flex-grow-1">[[groups:details.pending]]</div>
14
- <span class="flex-shrink-0 text-xs human-readable-number" title="{group.pending.length}">{group.group.pending.length}</span>
14
+ <span class="flex-shrink-0 text-xs" title="{group.pending.length}">{humanReadableNumber(group.group.pending.length)}</span>
15
15
  </button>
16
16
 
17
17
  <button data-bs-toggle="tab" data-bs-target="#groups-invited" class="btn-ghost fw-semibold">
18
18
  <div class="flex-grow-1">[[groups:details.invited]]</div>
19
- <span class="flex-shrink-0 text-xs human-readable-number" title="{group.invited.length}">{group.group.invited.length}</span>
19
+ <span class="flex-shrink-0 text-xs" title="{group.invited.length}">{humanReadableNumber(group.group.invited.length)}</span>
20
20
  </button>
21
21
 
22
22
  <button data-bs-toggle="tab" data-bs-target="#groups-admin" class="btn-ghost fw-semibold">
package/templates/partials/tags_list.tpl CHANGED
@@ -1,6 +1,6 @@
1
1
  {{{each tags}}}
2
2
  <a href="{config.relative_path}/tags/{./valueEncoded}" data-tag="{./valueEscaped}" class="btn-ghost flex-column gap-0 align-items-start justify-content-start text-truncate p-2 ff-base">
3
3
  <div class="fw-semibold text-nowrap tag-item w-100 text-truncate">{./valueEscaped}</div>
4
- <div class="text-xs text-muted text-nowrap tag-topic-count">[[global:x-topics, {./score}]]</div>
4
+ <div class="text-xs text-muted text-nowrap tag-topic-count">[[global:x-topics, {formattedNumber(./score)}]]</div>
5
5
  </a>
6
6
  {{{end}}}
package/templates/partials/topic/stats.tpl CHANGED
@@ -1,15 +1,15 @@
1
1
  <span class="badge text-body border border-gray-300 stats text-xs">
2
2
  <i class="fa fa-fw fa-pencil visible-xs-inline" title="[[global:posts]]"></i>
3
- <span component="topic/post-count" title="{postcount}" class="human-readable-number fw-bold">{postcount}</span>
3
+ <span component="topic/post-count" title="{postcount}" class="fw-bold">{humanReadableNumber(postcount)}</span>
4
4
  <span class="hidden-xs text-lowercase fw-normal">[[global:posts]]</span>
5
5
  </span>
6
6
  <span class="badge text-body border border-gray-300 stats text-xs">
7
7
  <i class="fa fa-fw fa-user visible-xs-inline" title="[[global:posters]]"></i>
8
- <span title="{postercount}" class="human-readable-number fw-bold">{postercount}</span>
8
+ <span title="{postercount}" class="fw-bold">{humanReadableNumber(postercount)}</span>
9
9
  <span class="hidden-xs text-lowercase fw-normal">[[global:posters]]</span>
10
10
  </span>
11
11
  <span class="badge text-body border border-gray-300 stats text-xs">
12
12
  <i class="fa fa-fw fa-eye visible-xs-inline" title="[[global:views]]"></i>
13
- <span class="human-readable-number fw-bold" title="{viewcount}">{viewcount}</span>
13
+ <span class="fw-bold" title="{viewcount}">{humanReadableNumber(viewcount)}</span>
14
14
  <span class="hidden-xs text-lowercase fw-normal">[[global:views]]</span>
15
15
  </span>
package/templates/partials/topics_list.tpl CHANGED
@@ -1,7 +1,7 @@
1
1
  <ul component="category" class="topics-list list-unstyled" itemscope itemtype="http://www.schema.org/ItemList" data-nextstart="{nextStart}" data-set="{set}">
2
2
 
3
3
  {{{ each topics }}}
4
- <li component="category/topic" class="category-item border-bottom py-3 py-lg-4 d-flex flex-column flex-lg-row align-items-start {function.generateTopicClass}" <!-- IMPORT partials/data/category.tpl -->>
4
+ <li component="category/topic" class="category-item border-bottom py-3 py-lg-4 d-flex flex-column flex-lg-row gap-2 gap-lg-0 align-items-start {function.generateTopicClass}" <!-- IMPORT partials/data/category.tpl -->>
5
5
  <link itemprop="url" content="{config.relative_path}/topic/{./slug}" />
6
6
  <meta itemprop="name" content="{function.stripTags, ./title}" />
7
7
  <meta itemprop="itemListOrder" content="descending" />
@@ -74,29 +74,28 @@
74
74
  {{{ end }}}
75
75
  </div>
76
76
 
77
- <div class="d-flex p-0 col-lg-5 align-content-stretch">
77
+ <div class="d-flex p-0 col-lg-5 col-12 align-content-stretch">
78
78
  <div class="meta stats d-none d-lg-grid col-6 gap-1 pe-2 text-muted" style="grid-template-columns: 1fr 1fr 1fr;">
79
79
  {{{ if !reputation:disabled }}}
80
80
  <div class="stats-votes card card-header border-0 p-2 overflow-hidden rounded-1 d-flex flex-column align-items-center">
81
- <span class="human-readable-number fs-5 ff-secondary lh-1" title="{./votes}" data-toFixed="0">{./votes}</span>
81
+ <span class="fs-5 ff-secondary lh-1" title="{./votes}">{humanReadableNumber(./votes, 0)}</span>
82
82
  <span class="d-none d-xl-flex text-lowercase text-xs">[[global:votes]]</span>
83
83
  <i class="d-xl-none fa fa-fw text-xs text-muted opacity-75 fa-chevron-up"></i>
84
84
  </div>
85
85
  {{{ end }}}
86
86
  <div class="stats-postcount card card-header border-0 p-2 overflow-hidden rounded-1 d-flex flex-column align-items-center">
87
- <span class="human-readable-number fs-5 ff-secondary lh-1" title="{./postcount}" data-toFixed="0">{./postcount}</span>
87
+ <span class="fs-5 ff-secondary lh-1" title="{./postcount}">{humanReadableNumber(./postcount, 0)}</span>
88
88
  <span class="d-none d-xl-flex text-lowercase text-xs">[[global:posts]]</span>
89
89
  <i class="d-xl-none fa fa-fw text-xs text-muted opacity-75 fa-message"></i>
90
90
  </div>
91
91
  <div class="stats-viewcount card card-header border-0 p-2 overflow-hidden rounded-1 d-flex flex-column align-items-center">
92
- <span class="human-readable-number fs-5 ff-secondary lh-1" title="{./viewcount}" data-toFixed="0">{./viewcount}</span>
92
+ <span class="fs-5 ff-secondary lh-1" title="{./viewcount}">{humanReadableNumber(./viewcount, 0)}</span>
93
93
  <span class="d-none d-xl-flex text-lowercase text-xs">[[global:views]]</span>
94
94
  <i class="d-xl-none fa fa-fw text-xs text-muted opacity-75 fa-eye"></i>
95
95
  </div>
96
96
  </div>
97
- <div component="topic/teaser" class="meta teaser col-lg-6 {{{ if !config.theme.mobileTopicTeasers }}}d-none d-lg-block{{{ end }}}">
98
- <div class="lastpost background-link-container border-start border-2 lh-sm h-100" style="border-color: {./category.bgColor}!important;">
99
- <a class="background-link" href="{config.relative_path}/topic/{./slug}/{./teaser.index}"></a>
97
+ <div component="topic/teaser" class="meta teaser col-lg-6 col-12{{{ if !config.theme.mobileTopicTeasers }}}d-none d-lg-block{{{ end }}}">
98
+ <div class="lastpost border-start border-2 lh-sm h-100 d-flex flex-column" style="border-color: {./category.bgColor}!important;">
100
99
  {{{ if ./unreplied }}}
101
100
  <div class="ps-2 text-xs">
102
101
  [[category:no_replies]]
@@ -108,7 +107,8 @@
108
107
  <a class="permalink text-muted timeago text-xs" href="{config.relative_path}/topic/{./slug}/{./teaser.index}" title="{./teaser.timestampISO}">
109
108
  </a>
110
109
  </div>
111
- <div class="post-content text-xs ps-2 line-clamp-sm-2 lh-sm text-break">
110
+ <div class="post-content text-xs ps-2 line-clamp-sm-2 lh-sm text-break position-relative flex-fill">
111
+ <a class="stretched-link" href="{config.relative_path}/topic/{./slug}/{./teaser.index}"></a>
112
112
  {./teaser.content}
113
113
  </div>
114
114
  {{{ end }}}
package/templates/partials/users/item.tpl CHANGED
@@ -18,19 +18,19 @@
18
18
 
19
19
  {{{ if section_sort-reputation }}}
20
20
  <div class="text-xs text-muted text-truncate">
21
- <span class="formatted-number">{./reputation}</span>
21
+ <span>{formattedNumber(./reputation)}</span>
22
22
  </div>
23
23
  {{{ end }}}
24
24
 
25
25
  {{{ if section_sort-posts }}}
26
26
  <div class="text-xs text-muted text-truncate">
27
- <span class="formatted-number">{./postcount}</span>
27
+ <span>{formattedNumber(./postcount)}</span>
28
28
  </div>
29
29
  {{{ end }}}
30
30
 
31
31
  {{{ if section_flagged }}}
32
32
  <div class="text-xs text-muted text-truncate">
33
- <span class="formatted-number">{./flags}</span>
33
+ <span>{formattedNumber(./flags)}</span>
34
34
  </div>
35
35
  {{{ end }}}
36
36
  </div>
package/templates/post-queue.tpl CHANGED
@@ -91,11 +91,11 @@
91
91
  </div>
92
92
  <div>
93
93
  <span class="badge text-body border border-gray-300 stats text-xs">
94
- <span title="{posts.user.postcount}" class="human-readable-number fw-bold">{posts.user.postcount}</span>
94
+ <span title="{posts.user.postcount}" class="fw-bold">{humanReadableNumber(posts.user.postcount)}</span>
95
95
  <span class="text-lowercase fw-normal">[[global:posts]]</span>
96
96
  </span>
97
97
  <span class="badge text-body border border-gray-300 stats text-xs">
98
- <span title="{posts.user.reputation}" class="human-readable-number fw-bold">{posts.user.reputation}</span>
98
+ <span title="{posts.user.reputation}" class="fw-bold">{humanReadableNumber(posts.user.reputation)}</span>
99
99
  <span class="text-lowercase fw-normal">[[global:reputation]]</span>
100
100
  </span>
101
101
  <span class="badge text-body border border-gray-300 stats text-xs">