3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-08-07 14:38:33 +02:00
Code Issues Projects Releases Packages Wiki Activity

Select images colors and icons with one click

Browse source
This commit is contained in:
Jesús Espino 2016-12-19 17:58:02 +01:00
parent a9285accad
commit 3279c95a08
3 changed files with 9 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

7
frontend/src/uxbox/main/ui/dashboard/colors.cljs
View file

@ -263,12 +263,9 @@
[color selected?] [color selected?]
(let [color-rgb (hex->rgb color)] (let [color-rgb (hex->rgb color)]
(letfn [(toggle-selection [event] (letfn [(toggle-selection [event]
(st/emit! (dc/toggle-color-selection color))) (st/emit! (dc/toggle-color-selection color)))]
(toggle-selection-shifted [event]
(when (k/shift? event)
(toggle-selection event)))]
[:div.grid-item.small-item.project-th [:div.grid-item.small-item.project-th
{:on-click toggle-selection-shifted} {:on-click toggle-selection}
[:span.color-swatch {:style {:background-color color}}] [:span.color-swatch {:style {:background-color color}}]
[:div.input-checkbox.check-primary [:div.input-checkbox.check-primary
[:input {:type "checkbox" [:input {:type "checkbox"

6
frontend/src/uxbox/main/ui/dashboard/icons.cljs
View file

@ -312,12 +312,15 @@
name (dom/get-value target)] name (dom/get-value target)]
(st/emit! (di/update-opts :edition false) (st/emit! (di/update-opts :edition false)
(di/rename-icon id name)))) (di/rename-icon id name))))
(ignore-click [event]
(dom/stop-propagation event)
(dom/prevent-default event))
(on-edit [event] (on-edit [event]
(dom/stop-propagation event) (dom/stop-propagation event)
(dom/prevent-default event) (dom/prevent-default event)
(st/emit! (di/update-opts :edition id)))] (st/emit! (di/update-opts :edition id)))]
[:div.grid-item.small-item.project-th [:div.grid-item.small-item.project-th
{:on-click toggle-selection-shifted {:on-click toggle-selection
:id (str "grid-item-" id)} :id (str "grid-item-" id)}
[:div.input-checkbox.check-primary [:div.input-checkbox.check-primary
[:input {:type "checkbox" [:input {:type "checkbox"
@ -328,6 +331,7 @@
[:span.grid-item-image [:span.grid-item-image
(icon/icon-svg icon)] (icon/icon-svg icon)]
[:div.item-info [:div.item-info
{:on-click ignore-click}
(if edition? (if edition?
[:input.element-name {:type "text" [:input.element-name {:type "text"
:auto-focus true :auto-focus true

7
frontend/src/uxbox/main/ui/dashboard/images.cljs
View file

@ -305,9 +305,6 @@
[{:keys [id created-at] :as image} selected? edition?] [{:keys [id created-at] :as image} selected? edition?]
(letfn [(toggle-selection [event] (letfn [(toggle-selection [event]
(st/emit! (di/toggle-image-selection id))) (st/emit! (di/toggle-image-selection id)))
(toggle-selection-shifted [event]
(when (kbd/shift? event)
(toggle-selection event)))
(on-key-down [event] (on-key-down [event]
(when (kbd/enter? event) (when (kbd/enter? event)
(on-blur event))) (on-blur event)))
@ -321,9 +318,9 @@
(dom/prevent-default event) (dom/prevent-default event)
(st/emit! (di/update-opts :edition id)))] (st/emit! (di/update-opts :edition id)))]
[:div.grid-item.images-th [:div.grid-item.images-th
{:on-click toggle-selection-shifted}
[:div.grid-item-th [:div.grid-item-th
{:style {:background-image (str "url('" (:thumbnail image) "')")}} {:on-click toggle-selection
:style {:background-image (str "url('" (:thumbnail image) "')")}}
[:div.input-checkbox.check-primary [:div.input-checkbox.check-primary
[:input {:type "checkbox" [:input {:type "checkbox"
:id (:id image) :id (:id image)