Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-04-11 14:31:24 -05:00
Code Issues Activity

Added tab-index attributes to the login and register page.

Browse source
This commit is contained in:
Andrey Antukh 2017-03-02 16:43:45 +01:00
parent 63836ffb19
commit ff8c9d0ed8
No known key found for this signature in database
GPG key ID: 4DFEBCB8316A8B95
3 changed files with 14 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/resources/index.mustache
View file

@ -9,8 +9,8 @@
</head>
<body>
<section id="app" tabindex="1"></section>
<section id="lightbox" tabindex="2"></section>
<section id="loader" tabindex="3"></section>
<section id="lightbox"></section>
<section id="loader"></section>
<script src="{{& jsfile}}"></script>
<script>uxbox.main.init()</script>
</body>

9
frontend/src/uxbox/main/ui/auth/login.cljs
View file

@ -44,6 +44,7 @@
[:p "UXBOX is currently on alpha version. That means that you're going to use a non-stable environment. Sorry for the inconvenience."]]
[:input.input-text
{:name "email"
:tab-index "2"
:ref "email"
:value (:email data "")
:on-change #(on-change % :email)
@ -51,6 +52,7 @@
:type "text"}]
[:input.input-text
{:name "password"
:tab-index "3"
:ref "password"
:value (:password data "")
:on-change #(on-change % :password)
@ -58,14 +60,17 @@
:type "password"}]
[:input.btn-primary
{:name "login"
:tab-index "4"
:class (when-not valid? "btn-disabled")
:disabled (not valid?)
:value "Sign in"
:type "submit"}]
[:div.login-links
[:a {:on-click #(st/emit! (rt/navigate :auth/recovery-request))}
[:a {:on-click #(st/emit! (rt/navigate :auth/recovery-request))
:tab-index "5"}
"Forgot your password?"]
[:a {:on-click #(st/emit! (rt/navigate :auth/register))}
[:a {:on-click #(st/emit! (rt/navigate :auth/register))
:tab-index "6"}
"Don't have an account?"]]]])))
(mx/defc login-page

5
frontend/src/uxbox/main/ui/auth/register.cljs
View file

@ -55,6 +55,7 @@
[:div.login-content
[:input.input-text
{:name "fullname"
:tab-index "2"
:value (:fullname data "")
:on-change (partial on-change :fullname)
:placeholder "Full Name"
@ -63,6 +64,7 @@
[:input.input-text
{:name "username"
:tab-index "3"
:value (:username data "")
:on-change (partial on-change :username)
:placeholder "Username"
@ -71,6 +73,7 @@
[:input.input-text
{:name "email"
:tab-index "4"
:ref "email"
:value (:email data "")
:on-change (partial on-change :email)
@ -80,6 +83,7 @@
[:input.input-text
{:name "password"
:tab-index "5"
:ref "password"
:value (:password data "")
:on-change (partial on-change :password)
@ -89,6 +93,7 @@
[:input.btn-primary
{:name "login"
:tab-index "6"
:class (when-not valid? "btn-disabled")
:disabled (not valid?)
:value "Get started"