status-im
/
open-bounty
mirror of https://github.com/status-im/open-bounty.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

some more filter markup

This commit is contained in:
pablodip 2018-01-19 07:51:50 +01:00
parent 11e4a00ac6
commit 646ad8a038
1 changed files with 26 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
src/cljs/commiteth/bounties.cljs
View File

@ -61,35 +61,40 @@
:on-focus #(reset! tooltip-open? true)}]]) :on-focus #(reset! tooltip-open? true)}]])
(defn bounties-filter-tooltip-value [tooltip-open?] (defn bounties-filter-tooltip-value [tooltip-open?]
[bounties-filter-tooltip [:div
"$0 - $1000+" "$0 - $1000+"
[bounties-filter-tooltip-value-input "Min" tooltip-open?] [bounties-filter-tooltip-value-input "Min" tooltip-open?]
[bounties-filter-tooltip-value-input "Max" tooltip-open?]]) [bounties-filter-tooltip-value-input "Max" tooltip-open?]])
(defn bounties-filter-tooltip-currency [] (defn bounties-filter-tooltip-currency [tooltip-open?]
[bounties-filter-tooltip "CURRENCY"]) [:div.open-bounties-filter-list
(for [t ["ETH" "SNT"]]
[:div.open-bounties-filter-list-option-checkbox
[:label
[:input
{:type "checkbox"
:on-focus #(reset! tooltip-open? true)}]
[:div.text t]]])])
(defn bounties-filter-tooltip-date [] (defn bounties-filter-tooltip-date []
[bounties-filter-tooltip [:div.open-bounties-filter-list
[:div.open-bounties-filter-list (for [t ["Last week" "Last month" "Last 3 months"]]
(for [t ["Last week" "Last month" "Last 3 months"]] [:div.open-bounties-filter-list-option
[:div.open-bounties-filter-list-option t])])
t])]])
(defn bounties-filter-tooltip-owner [tooltip-open?] (defn bounties-filter-tooltip-owner [tooltip-open?]
[bounties-filter-tooltip [:div.open-bounties-filter-list
[:div.open-bounties-filter-list (for [t ["status-im" "aragon"]]
(for [t ["status-im" "aragon"]] [:div.open-bounties-filter-list-option-checkbox
[:div.open-bounties-filter-list-option-checkbox [:label
[:label [:input
[:input {:type "checkbox"
{:type "checkbox" :on-focus #(reset! tooltip-open? true)}]
:on-focus #(reset! tooltip-open? true)}] [:div.text t]]])])
[:div.text t]]])]])
(defn bounties-filter [name tooltip] (defn bounties-filter [name tooltip-content]
(let [open? (r/atom false)] (let [open? (r/atom false)]
(fn [name tooltip] (fn [name tooltip-content]
[:div.open-bounties-filter-element-container [:div.open-bounties-filter-element-container
{:tab-index 0 {:tab-index 0
:on-focus #(reset! open? true) :on-focus #(reset! open? true)
@ -99,7 +104,8 @@
:class (when @open? "open-bounties-filter-element-active")} :class (when @open? "open-bounties-filter-element-active")}
name] name]
(when @open? (when @open?
[tooltip open?])]))) [bounties-filter-tooltip
[tooltip-content open?]])])))
(defn bounties-filters [] (defn bounties-filters []
[:div.open-bounties-filter [:div.open-bounties-filter