Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-03-06 12:51:56 -05:00
Code Issues Activity

Add uploading spinner for images page in dashboard.

Browse source
This commit is contained in:
Andrey Antukh 2016-10-24 22:15:56 +02:00
parent 8e27e19e41
commit f17642f057
No known key found for this signature in database
GPG key ID: 4DFEBCB8316A8B95
1 changed files with 17 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
src/uxbox/main/ui/dashboard/images.cljs
View file

@ -59,6 +59,10 @@
(-> (l/key :images-by-id)
(l/derive st/state)))
(def ^:private uploading?-ref
(-> (l/key :uploading)
(l/derive dashboard-ref)))
;; --- Page Title
(mx/defcs page-title
@ -185,22 +189,25 @@
;; --- Grid
(mx/defcs grid-form
{:mixins [mx/static]}
{:mixins [mx/static mx/reactive]}
[own coll-id]
(letfn [(forward-click [event]
(dom/click (mx/ref-node own "file-input")))
(on-file-selected [event]
(let [files (dom/get-event-files event)]
(rs/emit! (di/create-images coll-id files))))]
[:div.grid-item.add-project {:on-click forward-click}
[:span "+ New image"]
[:input.upload-image-input
{:style {:display "none"}
:multiple true
:ref "file-input"
:value ""
:type "file"
:on-change on-file-selected}]]))
(let [uploading? (mx/react uploading?-ref)]
[:div.grid-item.add-project {:on-click forward-click}
(if uploading?
[:div i/loader-pencil]
[:span "+ New image"])
[:input.upload-image-input
{:style {:display "none"}
:multiple true
:ref "file-input"
:value ""
:type "file"
:on-change on-file-selected}]])))
(mx/defc grid-options-copy
{:mixins [mx/reactive mx/static]}