               (dom/div #js {:className "span4"}
                 (dom/div #js {:className "tile introboxes"}
                   (dom/div #js {:className "intro-icon-disc  social-share"}
-                    (dom/img #js {:src "/img/googleplus.png"}))(dom/a #js {:href "/socialloader/gplus", :target "_blank", :className "btn btn-primary  btn-custom btn-rounded btn-block dc-btn-redorange"} "Share Dave Conservatoire on Google Plus"))
+                    (dom/img #js {:src "/img/googleplus.png"})) (dom/a #js {:href "/socialloader/gplus", :target "_blank", :className "btn btn-primary  btn-custom btn-rounded btn-block dc-btn-redorange"} "Share Dave Conservatoire on Google Plus"))
                 (dom/div #js {:className "pad25"})))
             (dom/div #js {:className "strip"} (dom/h1 #js {:className "center"} "Thanks for taking the time to do this")
                                               (dom/h1 #js {})
                                               (dom/h3 #js {:className "center about_strip"} " Ready to get back to learning? ")
                                               (dom/div #js {:className "pad45"})
-                                              (dom/a #js {:href "/", :className "big_button"} "Let's go!")(dom/div #js {:className "pad25"}))))))))
+                                              (dom/a #js {:href "/", :className "big_button"} "Let's go!") (dom/div #js {:className "pad25"}))))))))
 
 (defmethod r/route->component ::r/socialmedia [_] SocialMediaPage)
 

            [clojure.string :as str])
  (:import goog.i18n.DateTimeFormat
           goog.async.Debouncer))

(defn debounce [f interval]
  (let [dbnc (Debouncer. f interval)]


(def profile-recent-activity (om/factory ProfileRecentActivity {:keyfn :db/id}))

(defn modal [{:ui.modal/keys [title footer onClose onConfirm] :as props} & children]
  (portal {:append-to "body"}
    (dom/div #js {:style #js {:position   "absolute"
                              :left       0
                              :top        0
                              :background "rgba(0, 0, 0, 0.5)"
                              :width      "100vw"
                              :height     "100vh"}}
      (dom/div #js {:id "myModal" :className "modal hide fade in" :tabIndex "-1" :role "dialog" :style #js {:display "block"}}
        (dom/div #js {:className "modal-header"}
          (dom/button #js {:type "button" :className "close" :onClick #(if onClose (onClose))}
            "×")
          (dom/h3 #js {:id "myModalLabel"}
            title))
        (dom/div #js {:className "modal-body"}
          (apply dom/div nil children)
          (dom/div #js {:className "row buttons"})
          (if footer
            (footer props)
            (dom/div #js {:className "modal-footer"}
              (dom/button #js {:className "btn"
                               :onClick   #(if onClose (onClose))}
                "Close")
              (dom/button #js {:className "btn btn-primary"
                               :onClick   #(if onConfirm (onConfirm))}
                "Save"))))))))

(defn user-info-modal [this]
  (let [{:keys [user/about ui/tmp-about]} (om/props this)]
    (modal #:ui.modal {:title     "Update your Profile"
                       :onClose   #(do
                                     (um/set-value! this :ui/editing-info? false)
                                     (um/set-value! this :ui/tmp-about about)
                                     (om/transact! this [:ui/editing-info?]))
                       :onConfirm #(do
                                     (om/transact! this `[(user/update {:user/about ~tmp-about})])
                                     (um/set-value! this :ui/editing-info? false)
                                     (om/transact! this [:ui/editing-info?]))}
      (dom/form #js {:id "user-form" :action "profile/update" :method "post"}
        (dom/div #js {:id "user-form_es_" :className "errorSummary" :style #js {:display "none"}}
          (dom/p nil
            "Please fix the following input errors:")
          (dom/ul nil
            (dom/li nil
              "dummy")))
        (dom/label #js {:htmlFor "User_biog"}
          (dom/h3 nil
            "About you") "Who are you? What are your musical goals? What instruments do you play? "
          (dom/br nil)
          "(max. 160 characters)"
          (dom/br nil)
          (dom/br nil))
        (dom/textarea #js {:size      "60"
                           :maxLength "160"
                           :id        "User_biog"
                           :value     (or tmp-about about)
                           :onChange  #(um/set-string! this :ui/tmp-about :event %)
                           :style     #js {:zIndex "auto" :position "relative" :lineHeight "20px" :fontSize 14 :transition "none" :background "none 0% 0% / auto repeat scroll padding-box border-box rgb(255 255 255)"}})
        (dom/div #js {:className "errorMessage" :id "User_biog_em_" :style #js {:display "none"}})))))

(om/defui ^:once ProfileDashboard
  static om/Ident
