|
62 | 62 | om/IInitState
|
63 | 63 | (init-state [_]
|
64 | 64 | (let [ch (chan 1)
|
65 |
| - request (fn [value] |
| 65 | + request (fn [e value] |
66 | 66 | (println "login-request" value)
|
67 |
| - (put! ch value)) |
| 67 | + (put! ch value) |
| 68 | + ;; "Warning: Returning `false` from an event |
| 69 | + ;; handler is deprecated and will be ignored in |
| 70 | + ;; a future release. Instead, manually call |
| 71 | + ;; e.stopPropagation() or e.preventDefault(), as |
| 72 | + ;; appropriate." |
| 73 | + (.preventDefault e) |
| 74 | + (.stopPropagation e)) |
68 | 75 | action (fn [value]
|
69 | 76 | (login-action login value))
|
70 | 77 | thread {:component :login
|
|
79 | 86 | (dom/span #js {:style (display (= status :loggedout))}
|
80 | 87 | "Please log in ")
|
81 | 88 | (dom/button #js {:style (display (= status :loggedout))
|
82 |
| - :onClick #(request :sqrl)} |
| 89 | + :onClick #(request % :sqrl)} |
83 | 90 | "Log in")
|
84 | 91 | (dom/span #js {:style (display (= status :sqrl))}
|
85 | 92 | "Please use SQRL to login now...")
|
86 | 93 | (dom/button #js {:style (display (= status :sqrl))
|
87 |
| - :onClick #(request "fred")} |
| 94 | + :onClick #(request % "fred")} |
88 | 95 | "SQRL")
|
89 | 96 | (dom/button #js {:style (display (= status :sqrl))
|
90 |
| - :onClick #(request :loggedout)} |
| 97 | + :onClick #(request % :loggedout)} |
91 | 98 | "Cancel")
|
92 | 99 | (dom/span #js {:style (display (= status :loggedin))}
|
93 | 100 | "Click to log out ")
|
94 | 101 | (dom/button #js {:style (display (= status :loggedin))
|
95 |
| - :onClick #(request :loggedout)} |
| 102 | + :onClick #(request % :loggedout)} |
96 | 103 | "Log out")
|
97 | 104 | )))))
|
98 | 105 |
|
|
119 | 126 | "toc")))))
|
120 | 127 |
|
121 | 128 | (defn edit-change [e data edit-key owner]
|
122 |
| - (om/transact! data edit-key (fn [_] (.. e -target -value)))) |
| 129 | + (om/transact! data edit-key (fn [_] (.. e -target -value))) |
| 130 | + (.preventDefault e) |
| 131 | + (.stopPropagation e)) |
123 | 132 |
|
124 | 133 | ;; cb is the on-edit callback (a closure bound to the :class/id)
|
125 |
| -(defn edit-end [text owner cb] |
| 134 | +(defn edit-end [e text owner cb] |
126 | 135 | ;; (println "edit-end")
|
127 | 136 | (om/set-state! owner :editing false)
|
128 |
| - (cb text)) |
| 137 | + (cb text) |
| 138 | + (.preventDefault e) |
| 139 | + (.stopPropagation e)) |
129 | 140 |
|
130 | 141 | ;; in the Intermediate tutorial this function is used to
|
131 | 142 | ;; persist changes.. here just print the update on the console
|
|
165 | 176 | :value text
|
166 | 177 | :onChange #(edit-change % data edit-key owner)
|
167 | 178 | :onKeyDown #(when (= (.-key %) "Enter")
|
168 |
| - (edit-end text owner edit-cb)) |
| 179 | + (edit-end % text owner edit-cb)) |
169 | 180 | :onBlur #(when (om/get-state owner :editing)
|
170 |
| - (edit-end text owner edit-cb))}) |
| 181 | + (edit-end % text owner edit-cb))}) |
171 | 182 | (hspacer)
|
172 | 183 | (dom/button
|
173 | 184 | #js {:style (display (not editing))
|
|
222 | 233 | {:opts {:edit-label :label
|
223 | 234 | :edit-key :msg
|
224 | 235 | :edit-button "Compose"}}))
|
225 |
| - (dom/li nil "use transit") |
226 | 236 | ))
|
227 | 237 | ))))
|
228 | 238 |
|
|
0 commit comments