nodebb-theme-persona 14.2.12 → 14.2.14

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": "14.2.12",
3
+ "version": "14.2.14",
4
4
  "nbbpm": {
5
5
  "compatibility": "^4.0.0"
6
6
  },
@@ -227,36 +227,59 @@
227
227
 
228
228
  <h4>[[user:notifications]]</h4>
229
229
  <div class="card card-body mb-3">
230
- {{{each notificationSettings}}}
231
- <div class="row mb-3">
230
+ <div class="row align-items-center">
232
231
  <div class="col-7">
233
- <label for="{./name}">{notificationSettings.label}</label>
232
+ <label class="text-sm" for="upvote-notif-freq">[[user:upvote-notif-freq]]</label>
234
233
  </div>
235
- <div class="mb-2 col-5">
236
- <select class="form-select" id="{./name}" data-property="{notificationSettings.name}">
237
- <option value="none" <!-- IF notificationSettings.none -->selected<!-- ENDIF notificationSettings.none -->>[[notifications:none]]</option>
238
- <option value="notification" <!-- IF notificationSettings.notification -->selected<!-- ENDIF notificationSettings.notification -->>[[notifications:notification-only]]</option>
239
- <option value="email" <!-- IF notificationSettings.email -->selected<!-- ENDIF notificationSettings.email -->>[[notifications:email-only]]</option>
240
- <option value="notificationemail" <!-- IF notificationSettings.notificationemail -->selected<!-- ENDIF notificationSettings.notificationemail -->>[[notifications:notification-and-email]]</option>
241
- </select>
242
- </div>
243
- </div>
244
- {{{end}}}
245
-
246
- <div class="row">
247
- <div class="col-7">
248
- <label for="upvote-notif-freq">[[user:upvote-notif-freq]]</label>
249
- </div>
250
- <div class="mb-2 col-5">
251
- <select class="form-select" id="upvote-notif-freq" name="upvote-notif-freq" data-property="upvoteNotifFreq">
252
- {{{each upvoteNotifFreq}}}
253
- <option value="{upvoteNotifFreq.name}" <!-- IF upvoteNotifFreq.selected -->selected<!-- ENDIF upvoteNotifFreq.selected -->>
254
- [[user:upvote-notif-freq.{upvoteNotifFreq.name}]]
234
+ <div class="col-5">
235
+ <select class="form-select form-select-sm" id="upvote-notif-freq" name="upvote-notif-freq" data-property="upvoteNotifFreq">
236
+ {{{ each upvoteNotifFreq }}}
237
+ <option value="{./name}" {{{ if ./selected }}}selected{{{ end }}}>
238
+ [[user:upvote-notif-freq.{./name}]]
255
239
  </option>
256
240
  {{{end}}}
257
241
  </select>
258
242
  </div>
259
243
  </div>
244
+ <hr />
245
+ <table component="notification/table" class="table table-sm">
246
+ <thead>
247
+ <tr>
248
+ <th></th>
249
+ <th class="text-center fw-semibold px-2">[[user:notification-type-web]]</th>
250
+ <th class="text-center fw-semibold px-2">[[user:notification-type-email]]</th>
251
+ </tr>
252
+ </thead>
253
+ <tbody>
254
+ {{{ each notificationSettings }}}
255
+ <tr component="notification/setting" class="align-middle">
256
+ <td style="width:100%;">
257
+ <div class="align-items-center">
258
+ <label class="text-sm tracking-tight" for="{./name}">{./label}</label>
259
+ <select class="form-select form-select-sm d-none" id="{./name}" data-property="{./name}">
260
+ <option value="none" {{{ if ./none }}}selected{{{ end }}}>[[notifications:none]]</option>
261
+ <option value="notification" {{{ if ./notification }}}selected{{{ end }}}>[[notifications:notification-only]]</option>
262
+ <option value="email" {{{ if ./email }}}selected{{{ end }}}>[[notifications:email-only]]</option>
263
+ <option value="notificationemail" {{{ if ./notificationemail }}}selected{{{ end }}}>[[notifications:notification-and-email]]</option>
264
+ </select>
265
+ </div>
266
+ </td>
267
+ <td class="text-center">
268
+ <a href="#" data-type="notification" data-value="{{{ if (./notification || ./notificationemail) }}}1{{{ else }}}0{{{ end}}}">
269
+ <i class="fa-solid fa-lg fa-bell text-primary {{{ if (!./notification && !./notificationemail) }}}hidden{{{ end }}}"></i>
270
+ <i class="fa-regular fa-lg fa-bell text-secondary {{{ if (./notification || ./notificationemail) }}}hidden{{{ end }}}"></i>
271
+ </a>
272
+ </td>
273
+ <td class="text-center">
274
+ <a href="#" data-type="email" data-value="{{{ if (./email || ./notificationemail) }}}1{{{ else }}}0{{{ end}}}">
275
+ <i class="fa-solid fa-lg fa-envelope text-primary {{{ if (!./email && !./notificationemail) }}}hidden{{{ end }}}"></i>
276
+ <i class="fa-regular fa-lg fa-envelope text-secondary {{{ if (./email || ./notificationemail) }}}hidden{{{ end }}}"></i>
277
+ </a>
278
+ </td>
279
+ </tr>
280
+ {{{end}}}
281
+ </tbody>
282
+ </table>
260
283
  </div>
261
284
  </div>
262
285
  </div>
@@ -80,7 +80,7 @@
80
80
  {{{ if ./thumbs.length }}}
81
81
  <a class="topic-thumbs position-relative text-decoration-none flex-shrink-0 d-none d-xl-block" href="{config.relative_path}/topic/{./slug}{{{ if ./bookmark }}}/{./bookmark}{{{ end }}}" aria-label="[[topic:thumb-image]]">
82
82
  <img class="topic-thumb rounded-1 bg-light" style="width:auto;max-width: 5.33rem;height: 3.33rem;object-fit: contain;" src="{./thumbs.0.url}" alt=""/>
83
- <span data-numthumbs="{./thumbs.length}" class="px-1 position-absolute bottom-0 end-0 badge rounded-0 border fw-semibold text-bg-light" style="z-index: 1; border-top-left-radius: 0.25rem!important; border-bottom-right-radius: 0.25rem!important;">{./thumbs.length}</span>
83
+ <span data-numthumbs="{./thumbs.length}" class="px-1 position-absolute bottom-0 end-0 badge rounded-1 opacity-75 fw-semibold text-bg-light" style="margin: 0.125rem; z-index: 1;">{./thumbs.length}</span>
84
84
  </a>
85
85
  {{{ end }}}
86
86
  </div>