nodebb-theme-harmony 1.2.23 → 1.2.24

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 (3) hide show
  1. package/package.json +1 -1
  2. package/templates/login.tpl +15 -17
  3. 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.24",
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/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>