nodebb-theme-harmony 1.2.23 → 1.2.25

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 (5) hide show
  1. package/package.json +1 -1
  2. package/templates/login.tpl +15 -17
  3. package/templates/partials/categories/lastpost.tpl +1 -1
  4. package/templates/partials/topics_list.tpl +1 -1
  5. package/templates/register.tpl +12 -11
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "nodebb-theme-harmony",
3
- "version": "1.2.23",
3
+ "version": "1.2.25",
4
4
  "nbbpm": {
5
5
  "compatibility": "^3.5.0"
6
6
  },
package/templates/login.tpl CHANGED
@@ -10,29 +10,21 @@
10
10
  {{{ if allowLocalLogin }}}
11
11
  <div class="col-12 col-md-5 col-lg-3 px-md-0">
12
12
  <div class="login-block">
13
- <div class="alert alert-danger alert-dismissible" id="login-error-notify" {{{ if error }}}style="display:block"{{{ else }}}style="display: none;"{{{ end }}}>
14
- <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
15
- <strong>[[login:failed-login-attempt]]</strong>
16
- <p class="mb-0">{error}</p>
17
- </div>
18
-
19
13
  <form class="d-flex flex-column gap-3" role="form" method="post" id="login-form">
20
14
  <div class="mb-2 d-flex flex-column gap-2">
21
15
  <label for="username">{allowLoginWith}</label>
22
- <div>
23
- <input class="form-control" type="text" placeholder="{allowLoginWith}" name="username" id="username" autocorrect="off" autocapitalize="off" autocomplete="nickname" value="{username}"/>
24
- </div>
16
+ <input class="form-control" type="text" placeholder="{allowLoginWith}" name="username" id="username" autocorrect="off" autocapitalize="off" autocomplete="nickname" value="{username}" aria-required="true"/>
25
17
  </div>
26
18
  <div class="mb-2 d-flex flex-column gap-2">
27
19
  <div class="d-flex justify-content-between align-items-center">
28
20
  <label for="password">[[user:password]]</label>
29
21
  {{{ if allowPasswordReset }}}
30
- <a id="reset-link" tabindex="-1" class="text-sm text-reset text-decoration-underline" href="{config.relative_path}/reset">[[login:forgot-password]]</a>
22
+ <a id="reset-link" class="text-sm text-reset text-decoration-underline" href="{config.relative_path}/reset">[[login:forgot-password]]</a>
31
23
  {{{ end }}}
32
24
  </div>
33
25
  <div>
34
- <input class="form-control" type="password" placeholder="[[user:password]]" name="password" id="password" autocomplete="current-password" autocapitalize="off" />
35
- <p id="caps-lock-warning" class="text-danger hidden">
26
+ <input class="form-control" type="password" placeholder="[[user:password]]" name="password" id="password" autocomplete="current-password" autocapitalize="off" aria-required="true"/>
27
+ <p id="caps-lock-warning" class="text-danger hidden text-sm mb-0 form-text" aria-live="polite" role="alert" aria-atomic="true">
36
28
  <i class="fa fa-exclamation-triangle"></i> [[login:caps-lock-enabled]]
37
29
  </p>
38
30
  </div>
@@ -44,18 +36,24 @@
44
36
  </label>
45
37
  </div>
46
38
  </div>
47
- {{{each loginFormEntry}}}
48
- <div class="mb-2 loginFormEntry d-flex flex-column gap-2">
49
- <label for="login-{loginFormEntry.styleName}">{loginFormEntry.label}</label>
50
- <div id="login-{loginFormEntry.styleName}">{{loginFormEntry.html}}</div>
39
+
40
+ {{{ each loginFormEntry }}}
41
+ <div class="mb-2 loginFormEntry d-flex flex-column gap-2 {./styleName}">
42
+ <label for="{./inputId}">{./label}</label>
43
+ <div>{{./html}}</div>
51
44
  </div>
52
- {{{end}}}
45
+ {{{ end }}}
53
46
 
54
47
  <input type="hidden" name="_csrf" value="{config.csrf_token}" />
55
48
  <input type="hidden" name="noscript" id="noscript" value="true" />
56
49
 
57
50
  <button class="btn btn-primary" id="login" type="submit">[[global:login]]</button>
58
51
 
52
+ <div class="alert alert-danger {{{ if !error }}} hidden{{{ end }}}" id="login-error-notify" role="alert" aria-atomic="true">
53
+ <strong>[[login:failed-login-attempt]]</strong>
54
+ <p class="mb-0">{error}</p>
55
+ </div>
56
+
59
57
  <hr/>
60
58
 
61
59
  {{{ if allowRegistration }}}
package/templates/partials/categories/lastpost.tpl CHANGED
@@ -7,7 +7,7 @@
7
7
  <a class="permalink text-muted timeago text-xs" href="{config.relative_path}/topic/{./topic.slug}{{{ if ./index }}}/{./index}{{{ end }}}" title="{./timestampISO}" aria-label="[[global:lastpost]]"></a>
8
8
  </div>
9
9
  <div class="post-content text-xs text-break line-clamp-sm-2 lh-sm position-relative flex-fill">
10
- <a class="stretched-link" href="{config.relative_path}/topic/{./topic.slug}{{{ if ./index }}}/{./index}{{{ end }}}" aria-label="[[global:lastpost]]"></a>
10
+ <a class="stretched-link" tabindex="-1" href="{config.relative_path}/topic/{./topic.slug}{{{ if ./index }}}/{./index}{{{ end }}}" aria-label="[[global:lastpost]]"></a>
11
11
  {./content}
12
12
  </div>
13
13
  </div>
package/templates/partials/topics_list.tpl CHANGED
@@ -110,7 +110,7 @@
110
110
  <a class="permalink text-muted timeago text-xs" href="{config.relative_path}/topic/{./slug}/{./teaser.index}" title="{./teaser.timestampISO}" aria-label="[[global:lastpost]]"></a>
111
111
  </div>
112
112
  <div class="post-content text-xs ps-2 line-clamp-sm-2 lh-sm text-break position-relative flex-fill">
113
- <a class="stretched-link" href="{config.relative_path}/topic/{./slug}/{./teaser.index}" aria-label="[[global:lastpost]]"></a>
113
+ <a class="stretched-link" tabindex="-1" href="{config.relative_path}/topic/{./slug}/{./teaser.index}" aria-label="[[global:lastpost]]"></a>
114
114
  {./teaser.content}
115
115
  </div>
116
116
  {{{ end }}}
package/templates/register.tpl CHANGED
@@ -10,17 +10,12 @@
10
10
 
11
11
  <div class="col-12 col-md-5 col-lg-3 px-md-0">
12
12
  <div class="register-block">
13
- <div class="alert alert-danger{{{ if !error }}} hidden{{{ end }}}" id="register-error-notify" >
14
- <strong>[[error:registration-error]]</strong>
15
- <p>{error}</p>
16
- </div>
17
-
18
13
  <form component="register/local" class="d-flex flex-column gap-3" role="form" action="{config.relative_path}/register" method="post">
19
14
  <div class="mb-2 d-flex flex-column gap-2">
20
15
  <label for="username">[[register:username]]</label>
21
16
  <div class="d-flex flex-column">
22
- <input class="form-control" type="text" placeholder="[[register:username-placeholder]]" name="username" id="username" autocorrect="off" autocapitalize="off" autocomplete="nickname" aria-required="true"/>
23
- <span class="register-feedback text-xs text-danger" id="username-notify"></span>
17
+ <input class="form-control" type="text" placeholder="[[register:username-placeholder]]" name="username" id="username" autocorrect="off" autocapitalize="off" autocomplete="nickname" aria-required="true" aria-describedby="username-notify"/>
18
+ <span class="register-feedback text-xs text-danger" id="username-notify" aria-live="polite"></span>
24
19
  <span class="form-text text-xs">[[register:help.username-restrictions, {minimumUsernameLength}, {maximumUsernameLength}]]</span>
25
20
  </div>
26
21
  </div>
@@ -28,8 +23,8 @@
28
23
  <div class="mb-2 d-flex flex-column gap-2">
29
24
  <label for="password">[[register:password]]</label>
30
25
  <div class="d-flex flex-column">
31
- <input class="form-control" type="password" placeholder="[[register:password-placeholder]]" name="password" id="password" autocomplete="new-password" autocapitalize="off" aria-required="true" />
32
- <span class="register-feedback text-xs text-danger" id="password-notify"></span>
26
+ <input class="form-control" type="password" placeholder="[[register:password-placeholder]]" name="password" id="password" autocomplete="new-password" autocapitalize="off" aria-required="true" aria-describedby="password-notify"/>
27
+ <span class="register-feedback text-xs text-danger" id="password-notify" aria-live="polite"></span>
33
28
  <span class="form-text text-xs">[[register:help.minimum-password-length, {minimumPasswordLength}]]</span>
34
29
  <p id="caps-lock-warning" class="text-danger hidden">
35
30
  <i class="fa fa-exclamation-triangle"></i> [[login:caps-lock-enabled]]
@@ -40,8 +35,8 @@
40
35
  <div class="mb-2 d-flex flex-column gap-2">
41
36
  <label for="password-confirm">[[register:confirm-password]]</label>
42
37
  <div>
43
- <input class="form-control" type="password" placeholder="[[register:confirm-password-placeholder]]" name="password-confirm" id="password-confirm" autocomplete="new-password" autocapitalize="off" aria-required="true"/>
44
- <span class="register-feedback text-xs text-danger" id="password-confirm-notify"></span>
38
+ <input class="form-control" type="password" placeholder="[[register:confirm-password-placeholder]]" name="password-confirm" id="password-confirm" autocomplete="new-password" autocapitalize="off" aria-required="true" aria-describedby="password-confirm-notify"/>
39
+ <span class="register-feedback text-xs text-danger" id="password-confirm-notify" aria-live="polite"></span>
45
40
  </div>
46
41
  </div>
47
42
 
@@ -53,6 +48,12 @@
53
48
  {{{ end }}}
54
49
 
55
50
  <button class="btn btn-primary" id="register" type="submit">[[register:register-now-button]]</button>
51
+
52
+ <div class="alert alert-danger{{{ if !error }}} hidden{{{ end }}}" id="register-error-notify" role="alert" aria-atomic="true">
53
+ <strong>[[error:registration-error]]</strong>
54
+ <p class="mb-0">{error}</p>
55
+ </div>
56
+
56
57
  <hr/>
57
58
 
58
59
  <span class="text-sm">[[register:already-have-account]]</span>