3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-05-21 17:46:11 +02:00
Code Issues Projects Releases Packages Wiki 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
Download patch file Download diff file Expand all files Collapse all files

4
frontend/resources/index.mustache
View file

@ -9,8 +9,8 @@
</head> </head>
<body> <body>
<section id="app" tabindex="1"></section> <section id="app" tabindex="1"></section>
<section id="lightbox" tabindex="2"></section> <section id="lightbox"></section>
<section id="loader" tabindex="3"></section> <section id="loader"></section>
<script src="{{& jsfile}}"></script> <script src="{{& jsfile}}"></script>
<script>uxbox.main.init()</script> <script>uxbox.main.init()</script>
</body> </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."]] [: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 [:input.input-text
{:name "email" {:name "email"
:tab-index "2"
:ref "email" :ref "email"
:value (:email data "") :value (:email data "")
:on-change #(on-change % :email) :on-change #(on-change % :email)
@ -51,6 +52,7 @@
:type "text"}] :type "text"}]
[:input.input-text [:input.input-text
{:name "password" {:name "password"
:tab-index "3"
:ref "password" :ref "password"
:value (:password data "") :value (:password data "")
:on-change #(on-change % :password) :on-change #(on-change % :password)
@ -58,14 +60,17 @@
:type "password"}] :type "password"}]
[:input.btn-primary [:input.btn-primary
{:name "login" {:name "login"
:tab-index "4"
:class (when-not valid? "btn-disabled") :class (when-not valid? "btn-disabled")
:disabled (not valid?) :disabled (not valid?)
:value "Sign in" :value "Sign in"
:type "submit"}] :type "submit"}]
[:div.login-links [: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?"] "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?"]]]]))) "Don't have an account?"]]]])))
(mx/defc login-page (mx/defc login-page

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

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