nodebb-theme-persona 13.0.37 → 13.0.39

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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "nodebb-theme-persona",
3
- "version": "13.0.37",
3
+ "version": "13.0.39",
4
4
  "nbbpm": {
5
5
  "compatibility": "^3.0.0"
6
6
  },
@@ -15,7 +15,7 @@
15
15
  </div>
16
16
  <ul class="list-group mb-3">
17
17
  <!-- IF allowProfilePicture -->
18
- <a id="changePictureBtn" href="#" class="list-group-item">[[user:change_picture]]</a>
18
+ <a component="profile/change/picture" href="#" class="list-group-item">[[user:change_picture]]</a>
19
19
  <!-- ENDIF allowProfilePicture -->
20
20
  <!-- IF !username:disableEdit -->
21
21
  <a href="{config.relative_path}/user/{userslug}/edit/username" class="list-group-item">[[user:change_username]]</a>
@@ -7,7 +7,7 @@
7
7
  <div class="row">
8
8
  <div class="{{{ if widgets.sidebar.length }}}col-lg-9 col-sm-12{{{ else }}}col-lg-12{{{ end }}}">
9
9
  {{{ if pagination.pages.length }}}
10
- <div><!-- IMPORT partials/category-selector.tpl --></div>
10
+ <div><!-- IMPORT partials/category/selector-dropdown-left.tpl --></div>
11
11
  {{{ else }}}
12
12
  <h1 class="categories-title">[[pages:categories]]</h1>
13
13
  {{{ end }}}
@@ -1,14 +1,15 @@
1
- <button type="button" class="btn btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown">
1
+ <button type="button" class="btn btn-outline-secondary d-flex gap-2 align-items-baseline dropdown-toggle" data-bs-toggle="dropdown">
2
2
  {{{ if selectedCategory }}}
3
3
  <span class="category-item">
4
- {buildCategoryIcon(selectedCategory, "24px", "rounded-circle")}
5
- <span class="visible-sm-inline visible-md-inline visible-lg-inline">{selectedCategory.name}</span>
4
+ {buildCategoryIcon(selectedCategory, "20px", "rounded-circle")}
5
+ <span class="visible-md-inline visible-lg-inline">{selectedCategory.name}</span>
6
6
  </span>
7
7
  {{{ else }}}
8
- <span class="visible-sm-inline visible-md-inline visible-lg-inline">[[unread:all_categories]]</span><span class="visible-xs-inline"><i class="fa fa-fw fa-list"></i></span>{{{ end }}} <span class="caret"></span>
8
+ <i class="fa fa-fw fa-list"></i>
9
+ <span class="visible-md-inline visible-lg-inline">[[unread:all_categories]]</span>{{{ end }}}
9
10
  </button>
10
11
  <div component="category-selector-search" class="hidden position-absolute">
11
- <input type="text" class="form-control" autocomplete="off">
12
+ <input type="text" class="form-control form-control-sm" autocomplete="off">
12
13
  </div>
13
14
  <ul component="category/list" class="dropdown-menu category-dropdown-menu" role="menu">
14
15
  <li role="presentation" class="category" data-all="all">
@@ -1,7 +1,7 @@
1
1
  {{{ if children.length }}}
2
2
  <div class="subcategory">
3
3
  {{{ if hasMoreSubCategories }}}
4
- <div class="mb-2"><!-- IMPORT partials/category-selector.tpl --></div>
4
+ <div class="mb-2"><!-- IMPORT partials/category/selector-dropdown-left.tpl --></div>
5
5
  {{{ else }}}
6
6
  <p>[[category:subcategories]]</p>
7
7
  {{{ end }}}
@@ -1,5 +1,5 @@
1
1
  <!-- IF config.loggedIn -->
2
- <div class="btn-group topic-watch-dropdown bottom-sheet" component="topic/watch">
2
+ <div class="btn-group bottom-sheet" component="topic/watch">
3
3
 
4
4
  <button class="btn btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown" type="button">
5
5
  <span component="category/watching/menu" <!-- IF !../isWatched -->class="hidden"<!-- ENDIF !../isWatched -->><i class="fa fa-fw fa-inbox"></i><span class="visible-sm-inline visible-md-inline visible-lg-inline"> [[category:watching]]</span></span>
@@ -11,11 +11,35 @@
11
11
  </button>
12
12
 
13
13
  <ul class="dropdown-menu dropdown-menu-end">
14
- <li><a class="dropdown-item" href="#" component="category/watching" data-state="watching"><i component="category/watching/check" class="fa fa-fw <!-- IF ../isWatched -->fa-check<!-- ENDIF ../isWatched -->"></i><i class="fa fa-fw fa-inbox"></i> [[category:watching]]<p class="help-text"><small>[[category:watching.description]]</small></p></a></li>
14
+ <li>
15
+ <a class="dropdown-item d-flex" href="#" component="category/watching" data-state="watching">
16
+ <span><i component="category/watching/check" class="fa fa-fw {{{ if ./isWatched }}}fa-check{{{ end }}}"></i></span>
17
+ <div class="d-flex flex-column">
18
+ <span><i class="fa fa-fw fa-inbox"></i> [[category:watching]]</span>
19
+ <p class="help-text text-muted"><small>[[category:watching.description]]</small></p>
20
+ </div>
21
+ </a>
22
+ </li>
15
23
 
16
- <li><a class="dropdown-item" href="#" component="category/notwatching" data-state="notwatching"><i component="category/notwatching/check" class="fa fa-fw <!-- IF ../isNotWatched -->fa-check<!-- ENDIF ../isNotWatched -->"></i><i class="fa fa-fw fa-clock-o"></i> [[category:not-watching]]<p class="help-text"><small>[[category:not-watching.description]]</small></p></a></li>
24
+ <li>
25
+ <a class="dropdown-item d-flex" href="#" component="category/notwatching" data-state="notwatching">
26
+ <span><i component="category/notwatching/check" class="fa fa-fw {{{ if ./isNotWatched }}}fa-check{{{ end }}}"></i></span>
27
+ <div class="d-flex flex-column">
28
+ <span><i class="fa fa-fw fa-clock-o"></i> [[category:not-watching]]</span>
29
+ <p class="help-text text-muted"><small>[[category:not-watching.description]]</small></p>
30
+ </div>
31
+ </a>
32
+ </li>
17
33
 
18
- <li><a class="dropdown-item" href="#" component="category/ignoring" data-state="ignoring"><i component="category/ignoring/check" class="fa fa-fw <!-- IF ../isIgnored -->fa-check<!-- ENDIF ../isIgnored -->"></i><i class="fa fa-fw fa-eye-slash"></i> [[category:ignoring]]<p class="help-text"><small>[[category:ignoring.description]]</small></p></a></li>
34
+ <li>
35
+ <a class="dropdown-item d-flex" href="#" component="category/ignoring" data-state="ignoring">
36
+ <span><i component="category/ignoring/check" class="fa fa-fw {{{ if ./isIgnored }}}fa-check{{{ end }}}"></i></span>
37
+ <div class="d-flex flex-column">
38
+ <span><i class="fa fa-fw fa-eye-slash"></i> [[category:ignoring]]</span>
39
+ <p class="help-text text-muted"><small>[[category:ignoring.description]]</small></p>
40
+ </div>
41
+ </a>
42
+ </li>
19
43
  </ul>
20
44
  </div>
21
45
  <!-- ENDIF config.loggedIn -->
@@ -28,7 +28,7 @@
28
28
  <div class="mb-3">
29
29
  <label class="form-label" for="filter-cid">[[flags:filter-cid]]</label>
30
30
  <div class="input-group">
31
- <!-- IMPORT partials/category-filter.tpl -->
31
+ <!-- IMPORT partials/category/filter-dropdown-left.tpl -->
32
32
  </div>
33
33
  </div>
34
34
  <div class="mb-3">
@@ -119,7 +119,7 @@
119
119
  <input id="memberPostCids" type="text" class="form-control" value="{group.memberPostCids}">
120
120
  </div>
121
121
  <div class="col-md-6 member-post-cids-selector">
122
- <!-- IMPORT partials/category-selector.tpl -->
122
+ <!-- IMPORT partials/category/selector-dropdown-left.tpl -->
123
123
  </div>
124
124
  </div>
125
125
  </div>
@@ -1,5 +1,5 @@
1
1
  <!-- IF config.loggedIn -->
2
- <div class="btn-group topic-watch-dropdown bottom-sheet" component="topic/watch"
2
+ <div class="btn-group bottom-sheet" component="topic/watch"
3
3
  data-bs-toggle="tooltip"
4
4
  {{{if isFollowing}}}title="[[topic:watching]]"{{{end}}}
5
5
  {{{if isNotFollowing}}}title="[[topic:not-watching]]"{{{end}}}
@@ -14,9 +14,35 @@ data-bs-toggle="tooltip"
14
14
 
15
15
  </button>
16
16
  <ul class="dropdown-menu dropdown-menu-end">
17
- <li><a class="dropdown-item" href="#" component="topic/following"><i component="topic/following/check" class="fa fa-fw <!-- IF isFollowing -->fa-check<!-- ENDIF isFollowing -->"></i><i class="fa fa-fw fa-bell-o"></i> [[topic:watching]]<p class="help-text hidden-xs"><small>[[topic:watching.description]]</small></p></a></li>
18
- <li><a class="dropdown-item" href="#" component="topic/not-following"><i component="topic/not-following/check" class="fa fa-fw <!-- IF isNotFollowing -->fa-check<!-- ENDIF isNotFollowing -->"></i><i class="fa fa-fw fa-bell-slash-o"></i> [[topic:not-watching]]<p class="help-text hidden-xs"><small>[[topic:not-watching.description]]</small></p></a></li>
19
- <li><a class="dropdown-item" href="#" component="topic/ignoring"><i component="topic/ignoring/check" class="fa fa-fw <!-- IF isIgnoring -->fa-check<!-- ENDIF isIgnoring -->"></i><i class="fa fa-fw fa-eye-slash"></i> [[topic:ignoring]]<p class="help-text hidden-xs"><small>[[topic:ignoring.description]]</small></p></a></li>
17
+ <li>
18
+ <a class="dropdown-item d-flex" href="#" component="topic/following">
19
+ <span><i component="topic/following/check" class="fa fa-fw {{{ if isFollowing }}}fa-check{{{ end }}}"></i></span>
20
+ <div class="d-flex flex-column">
21
+ <span><i class="fa fa-fw fa-bell-o"></i> [[topic:watching]]</span>
22
+ <p class="help-text text-muted"><small>[[topic:watching.description]]</small></p>
23
+ </div>
24
+ </a>
25
+ </li>
26
+
27
+ <li>
28
+ <a class="dropdown-item d-flex" href="#" component="topic/not-following">
29
+ <span><i component="topic/not-following/check" class="fa fa-fw {{{ if isNotFollowing }}}fa-check{{{ end }}}"></i></span>
30
+ <div class="d-flex flex-column">
31
+ <span><i class="fa fa-fw fa-bell-slash-o"></i> [[topic:not-watching]]</span>
32
+ <p class="help-text text-muted"><small>[[topic:not-watching.description]]</small></p>
33
+ </div>
34
+ </a>
35
+ </li>
36
+
37
+ <li>
38
+ <a class="dropdown-item d-flex" href="#" component="topic/ignoring">
39
+ <span><i component="topic/ignoring/check" class="fa fa-fw {{{ if isIgnoring }}}fa-check{{{ end }}}"></i></span>
40
+ <div class="d-flex flex-column">
41
+ <span><i class="fa fa-fw fa-eye-slash"></i> [[topic:ignoring]]</span>
42
+ <p class="help-text text-muted"><small>[[topic:ignoring.description]]</small></p>
43
+ </div>
44
+ </a>
45
+ </li>
20
46
  </ul>
21
47
  </div>
22
48
  <!-- ENDIF config.loggedIn -->
@@ -0,0 +1,20 @@
1
+ <button type="button" class="btn btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown">
2
+ {{{ if selectedUser }}}
3
+ <span class="">{buildAvatar(selectedUser, "20px", true, "not-responsive")} {selectedUser.username}</span>
4
+ {{{ else }}}
5
+ <span class="">[[users:all-users]]</span>
6
+ {{{ end }}} <span class="caret"></span>
7
+ </button>
8
+ <ul class="dropdown-menu" role="menu">
9
+ <li role="presentation" class="user {{{ if !selectedUser}}}selected{{{end}}}">
10
+ <a class="dropdown-item" role="menu-item" href="{config.relative_path}/{allUsersUrl}"><i class="fa fa-fw {{{ if !selectedUser }}}fa-check{{{ end }}}"></i>[[users:all-users]]</a>
11
+ </li>
12
+ {{{ each users }}}
13
+ <li role="presentation" class="user {{{ if ./selected}}}selected{{{end}}}">
14
+ <a class="dropdown-item" role="menu-item" href="{config.relative_path}/{./url}">
15
+ <i class="fa fa-fw {{{ if ./selected }}}fa-check{{{ end }}}"></i>
16
+ <div class="d-inline-flex gap-1 align-items-center">{buildAvatar(@value, "24px", true, "not-responsive")} {./username}</div>
17
+ </a>
18
+ </li>
19
+ {{{end}}}
20
+ </ul>
@@ -16,7 +16,7 @@
16
16
  <div class="d-flex gap-1 align-items-stretch">
17
17
  <!-- IMPORT partials/topic-terms.tpl -->
18
18
  <!-- IMPORT partials/topic-filters.tpl -->
19
- <!-- IMPORT partials/category-filter-right.tpl -->
19
+ <!-- IMPORT partials/category/filter-dropdown-right.tpl -->
20
20
  <!-- IMPORT partials/category/tools.tpl -->
21
21
  </div>
22
22
  </div>
@@ -18,7 +18,7 @@
18
18
  </div>
19
19
  <div class="d-flex gap-1 align-items-stretch">
20
20
  <!-- IMPORT partials/topic-filters.tpl -->
21
- <!-- IMPORT partials/category-filter-right.tpl -->
21
+ <!-- IMPORT partials/category/filter-dropdown-right.tpl -->
22
22
  <!-- IMPORT partials/category/tools.tpl -->
23
23
  </div>
24
24
  </div>
package/templates/tag.tpl CHANGED
@@ -14,7 +14,7 @@
14
14
  {{{ end }}}
15
15
  </div>
16
16
  <div class="d-flex gap-1 align-items-stretch">
17
- <!-- IMPORT partials/category-filter-right.tpl -->
17
+ <!-- IMPORT partials/category/filter-dropdown-right.tpl -->
18
18
  <!-- IMPORT partials/category/tools.tpl -->
19
19
  </div>
20
20
  </div>
package/templates/top.tpl CHANGED
@@ -16,7 +16,7 @@
16
16
  <div class="d-flex gap-1 align-items-stretch">
17
17
  <!-- IMPORT partials/topic-terms.tpl -->
18
18
  <!-- IMPORT partials/topic-filters.tpl -->
19
- <!-- IMPORT partials/category-filter-right.tpl -->
19
+ <!-- IMPORT partials/category/filter-dropdown-right.tpl -->
20
20
  <!-- IMPORT partials/category/tools.tpl -->
21
21
  </div>
22
22
  </div>
@@ -15,10 +15,10 @@
15
15
 
16
16
  <div class="d-flex gap-1 align-items-stretch">
17
17
  <!-- IMPORT partials/topic-filters.tpl -->
18
- <!-- IMPORT partials/category-filter-right.tpl -->
18
+ <!-- IMPORT partials/category/filter-dropdown-right.tpl -->
19
19
 
20
20
  <div class="markread btn-group {{{ if !topics.length }}}hidden{{{ end }}}">
21
- <!-- IMPORT partials/category-selector-right.tpl -->
21
+ <!-- IMPORT partials/category/selector-dropdown-right.tpl -->
22
22
  </div>
23
23
 
24
24
  <!-- IMPORT partials/category/tools.tpl -->
@@ -1,3 +0,0 @@
1
- <div component="category/dropdown" class="btn-group right category-dropdown-container bottom-sheet">
2
- <!-- IMPORT partials/category-filter-content.tpl -->
3
- </div>
@@ -1,3 +0,0 @@
1
- <div component="category/dropdown" class="btn-group category-dropdown-container bottom-sheet">
2
- <!-- IMPORT partials/category-filter-content.tpl -->
3
- </div>
@@ -1,3 +0,0 @@
1
- <div component="category-selector" class="btn-group right category-dropdown-container bottom-sheet">
2
- <!-- IMPORT partials/category-selector-content.tpl -->
3
- </div>
@@ -1,3 +0,0 @@
1
- <div component="category-selector" class="btn-group bottom-sheet">
2
- <!-- IMPORT partials/category-selector-content.tpl -->
3
- </div>