nodebb-theme-harmony 0.0.7 → 0.0.9

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/blocks.tpl +6 -1
  3. package/templates/categories.tpl +0 -1
  4. package/templates/notifications.tpl +19 -55
  5. package/templates/partials/notifications_list.tpl +2 -2
  6. package/templates/partials/users/item.tpl +36 -6
  7. package/templates/partials/users_list.tpl +1 -7
  8. package/templates/popular.tpl +0 -1
  9. package/templates/recent.tpl +0 -2
  10. package/templates/tag.tpl +0 -2
  11. package/templates/tags.tpl +0 -1
  12. package/templates/top.tpl +0 -1
  13. package/templates/unread.tpl +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "nodebb-theme-harmony",
3
- "version": "0.0.7",
3
+ "version": "0.0.9",
4
4
  "nbbpm": {
5
5
  "compatibility": "^3.0.0"
6
6
  },
package/templates/account/blocks.tpl CHANGED
@@ -7,7 +7,12 @@
7
7
  <h3 class="fw-semibold fs-5">[[pages:account/blocks, {username}]]</h3>
8
8
  <div class="justify-content-end">
9
9
  <div class="dropdown">
10
- <input class="form-control form-control-sm" type="text" id="user-search" placeholder="[[users:enter_username]]" data-bs-toggle="dropdown" autocomplete="off"/>
10
+ <div class="input-group">
11
+ <input class="form-control form-control-sm" type="text" id="user-search" placeholder="[[users:enter_username]]" data-bs-toggle="dropdown" autocomplete="off"/>
12
+ <button class="btn btn-primary btn-sm" type="button">
13
+ <i class="fa fa-search"></i>
14
+ </button>
15
+ </div>
11
16
 
12
17
  <ul component="blocks/search/list" class="dropdown-menu dropdown-menu-end block-edit overflow-auto" style="max-height:300px;">
13
18
  <li><a href="#" class="dropdown-item">[[admin/menu:search.start-typing]]</a></li>
package/templates/categories.tpl CHANGED
@@ -1,4 +1,3 @@
1
- <!-- IMPORT partials/breadcrumbs.tpl -->
2
1
  <div data-widget-area="header">
3
2
  {{{ each widgets.header }}}
4
3
  {{widgets.header.html}}
package/templates/notifications.tpl CHANGED
@@ -1,68 +1,32 @@
1
- <!-- THIS FILE IS STILL PERSONA -->
2
-
3
-
4
1
  <div class="notifications">
5
-
6
- <!-- IMPORT partials/breadcrumbs.tpl -->
7
2
  <div class="btn-toolbar justify-content-end" role="toolbar">
8
- <div class="btn-group me-2">
9
- <button class="btn btn-outline-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown">
10
- {{{ if selectedFilter }}}{selectedFilter.name}{{{ end}}} <span class="caret"></span>
11
- </button>
12
- <ul class="dropdown-menu dropdown-menu-end" role="menu">
3
+ <button class="btn btn-light" component="notifications/mark_all">[[notifications:mark_all_read]]</button>
4
+ </div>
5
+
6
+ <hr class="text-muted opacity-25"/>
7
+
8
+ <div class="row">
9
+ <div class="col-12 col-md-3 col-lg-2 border-end-md text-sm mb-3">
10
+ <div class="nav sticky-top d-flex flex-row flex-md-column flex-wrap gap-1" style="z-index: 1;">
13
11
  {{{ each filters }}}
14
- {{{ if filters.separator }}}
15
- <li role="separator" class="dropdown-divider"></li>
12
+ {{{ if ./separator }}}
13
+ <hr/>
16
14
  {{{ else }}}
17
- <li role="presentation" class="category">
18
- <a class="dropdown-item" role="menu-item" href="{config.relative_path}/notifications?filter={filters.filter}"><i class="fa fa-fw {{{ if filters.selected }}}fa-check{{{ end }}}"></i> {filters.name}</a>
19
- </li>
15
+ <a class="btn-ghost fw-semibold {{{ if ./selected }}}active{{{ end }}}" href="{config.relative_path}/notifications?filter={./filter}">
16
+ <div class="flex-1">{filters.name}</div>
17
+ <span class="text-xs human-readable-number" title="{./count}">{./count}</span>
18
+ </a>
20
19
  {{{ end }}}
21
20
  {{{ end }}}
22
- </ul>
21
+ </div>
23
22
  </div>
24
-
25
- <div class="btn-group">
26
- <button class="btn btn-outline-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="true">
27
- <i class="fa fa-eye"></i>
28
- <span class="caret"></span>
29
- </button>
30
- <ul class="dropdown-menu dropdown-menu-end" role="menu" aria-labelledby="dropdownMenu1">
31
- <li role="presentation"><a class="dropdown-item" role="menuitem" tabindex="-1" href="#" component="notifications/mark_all">[[notifications:mark_all_read]]</a></li>
23
+ <div class="col-12 col-md-9 col-lg-10">
24
+ <ul class="notifications-list list-unstyled" data-nextstart="{nextStart}">
25
+ <!-- IMPORT partials/notifications_list.tpl -->
32
26
  </ul>
27
+ <!-- IMPORT partials/paginator.tpl -->
33
28
  </div>
34
29
  </div>
35
-
36
- <hr />
37
-
38
- <div class="alert alert-info {{{ if notifications.length }}}hidden{{{ end }}}">
39
- [[notifications:no_notifs]]
40
- </div>
41
-
42
- <ul class="notifications-list list-unstyled" data-nextstart="{nextStart}">
43
- {{{each notifications}}}
44
- <li data-nid="{notifications.nid}" class="{notifications.readClass} {{{ if !./read}}}text-bg-warning{{{ end }}} d-flex pointer border p-3 mb-2" component="notifications/item">
45
- <div class="me-2">
46
- {{{ if notifications.from }}}
47
- {buildAvatar(notifications.user, "24px", true)}
48
- {{{ else }}}
49
- {{{ if notifications.image }}}
50
- <img width="24" height="24" src="{notifications.image}" />
51
- {{{ end }}}
52
- {{{ end }}}
53
- </div>
54
- <div>
55
- <p class="mb-1">
56
- <a class="text-reset" component="notifications/item/link" href="{notifications.path}">{notifications.bodyShort}</a>
57
- </p>
58
- <p class="timestamp">
59
- <span class="timeago small text-reset" title="{notifications.datetimeISO}"></span>
60
- </p>
61
- </div>
62
- </li>
63
- {{{end}}}
64
- </ul>
65
- <!-- IMPORT partials/paginator.tpl -->
66
30
  </div>
67
31
 
68
32
 
package/templates/partials/notifications_list.tpl CHANGED
@@ -17,12 +17,12 @@
17
17
  <a href="{./path}" class="text-decoration-none notification-chat-content text-reset text text-sm">
18
18
  {./bodyShort}
19
19
  </a>
20
- <div class="text-xs text-muted">{./timeagoLong}</div>
20
+ <div class="text-xs text-muted">{{{ if ./timeagoLong }}}{./timeagoLong}{{{ else }}}<span class="timeago" title="{./datetimeISO}"></span>{{{ end }}}</div>
21
21
  </div>
22
22
  </div>
23
23
  <div class="notification-chat-controls">
24
24
  {{{ if ./nid }}}
25
- <button class="mark-read btn btn-light btn-sm" aria-label="Mark Read">
25
+ <button class="mark-read btn btn-light btn-sm">
26
26
  <i class="unread fa fa-xs fa-circle text-primary {{{ if ./read }}}hidden{{{ end }}}"></i>
27
27
  <i class="read fa fa-xs fa-circle-o text-secondary {{{ if !./read }}}hidden{{{ end }}}"></i>
28
28
  </button>
package/templates/partials/users/item.tpl CHANGED
@@ -1,7 +1,37 @@
1
- <a href="{config.relative_path}/user/{./userslug}" class="btn-ghost align-items-start">
2
- {buildAvatar(@value, "48px", true)}
3
- <div class="d-flex flex-1 flex-column">
4
- <div class="fw-semibold">{./displayname}</div>
5
- <div class="text-xs text-muted">@{./username}</div>
1
+ <a href="{config.relative_path}/user/{./userslug}" class="btn-ghost align-items-start justify-content-start">
2
+ {buildAvatar(@value, "48px", true, "flex-shrink-0")}
3
+ <div class="d-flex flex-column text-truncate align-items-start">
4
+ <div class="fw-semibold text-truncate" title="{./displayname}">{./displayname}</div>
5
+ <div class="text-xs text-muted text-truncate">@{./username}</div>
6
+
7
+ {{{ if section_online }}}
8
+ <div class="card card-header border py-0 px-1 text-xs">
9
+ <span class="timeago" title="{./lastonlineISO}"></span>
10
+ </div>
11
+ {{{ end }}}
12
+
13
+ {{{ if section_joindate }}}
14
+ <div class="card card-header border py-0 px-1 text-xs">
15
+ <span class="timeago" title="{./joindateISO}"></span>
16
+ </div>
17
+ {{{ end }}}
18
+
19
+ {{{ if section_sort-reputation }}}
20
+ <div class="card card-header border py-0 px-1 text-xs">
21
+ <span class="formatted-number">{./reputation}</span>
22
+ </div>
23
+ {{{ end }}}
24
+
25
+ {{{ if section_sort-posts }}}
26
+ <div class="card card-header border py-0 px-1 text-xs">
27
+ <span class="formatted-number">{./postcount}</span>
28
+ </div>
29
+ {{{ end }}}
30
+
31
+ {{{ if section_flagged }}}
32
+ <div class="card card-header border py-0 px-1 text-xs">
33
+ <span class="formatted-number">{./flags}</span>
34
+ </div>
35
+ {{{ end }}}
6
36
  </div>
7
- </a>
37
+ </a>
package/templates/partials/users_list.tpl CHANGED
@@ -1,11 +1,5 @@
1
1
  <div id="users-container" class="users-container row row-cols-2 row-cols-md-3 row-cols-lg-4 row-cols-xl-5 g-2">
2
2
  {{{ each users }}}
3
- <a href="{config.relative_path}/user/{./userslug}" class="btn-ghost align-items-start">
4
- {buildAvatar(@value, "48px", true)}
5
- <div class="d-flex flex-1 flex-column">
6
- <div class="fw-semibold">{./displayname}</div>
7
- <div class="text-xs text-muted">@{./username}</div>
8
- </div>
9
- </a>
3
+ <!-- IMPORT partials/users/item.tpl -->
10
4
  {{{ end }}}
11
5
  </div>
package/templates/popular.tpl CHANGED
@@ -1,4 +1,3 @@
1
- <!-- IMPORT partials/breadcrumbs.tpl -->
2
1
  <div data-widget-area="header">
3
2
  {{{each widgets.header}}}
4
3
  {{widgets.header.html}}
package/templates/recent.tpl CHANGED
@@ -1,5 +1,3 @@
1
- <!-- IMPORT partials/breadcrumbs.tpl -->
2
-
3
1
  <div data-widget-area="header">
4
2
  {{{each widgets.header}}}
5
3
  {{widgets.header.html}}
package/templates/tag.tpl CHANGED
@@ -1,5 +1,3 @@
1
- <!-- IMPORT partials/breadcrumbs.tpl -->
2
-
3
1
  <div data-widget-area="header">
4
2
  {{{each widgets.header}}}
5
3
  {{widgets.header.html}}
package/templates/tags.tpl CHANGED
@@ -1,4 +1,3 @@
1
- <!-- IMPORT partials/breadcrumbs.tpl -->
2
1
  <div data-widget-area="header">
3
2
  {{{each widgets.header}}}
4
3
  {{widgets.header.html}}
package/templates/top.tpl CHANGED
@@ -1,4 +1,3 @@
1
- <!-- IMPORT partials/breadcrumbs.tpl -->
2
1
  <div data-widget-area="header">
3
2
  {{{each widgets.header}}}
4
3
  {{widgets.header.html}}
package/templates/unread.tpl CHANGED
@@ -1,4 +1,3 @@
1
- <!-- IMPORT partials/breadcrumbs.tpl -->
2
1
  <div data-widget-area="header">
3
2
  {{{each widgets.header}}}
4
3
  {{widgets.header.html}}