further decoupling of state from the view

don't pass state objects to the view.
don't construct urls in the view.

the controller is to prepare a view based on request parameters,
session state, data model
This commit is contained in:
rdiedrich 2020-06-29 12:25:54 +02:00
parent d51647c671
commit 567de507f5
2 changed files with 100 additions and 91 deletions

View File

@ -25,18 +25,25 @@
(defroutes app-routes (defroutes app-routes
(GET "/" request (views/index-page request)) (GET "/" request (views/index-page request))
(GET "/login" [] (views/login-page)) (GET "/login" []
(views/main-template
{:title "Login"}
(-> (views/login-form ["/bookmarks"] false)
(views/login-page))))
(POST "/login" [username password next :as {session :session}] (POST "/login" [username password next :as {session :session}]
(let [resp-cookies (client/login-response username password session)] (let [resp-cookies (client/login-response username password session)]
{:status 302 {:status 302
:headers {"Location" next} :headers {"Location" next}
:session (assoc session :cookies resp-cookies)})) :session (assoc session :cookies resp-cookies :loggedin true)}))
(GET "/bookmarks" [page :<< as-int (GET "/bookmarks" [page :<< as-int
:as {session :session}] :as {session :session}]
(if (get session :loggedin)
(let [beems (get-bookmarks session page)] (let [beems (get-bookmarks session page)]
(views/bookmarks-page beems))) (views/bookmarks-page beems))
{:status 302
:headers {"Location" "/login"}}))
(GET "/bookmarks" [] (GET "/bookmarks" []
{:status 302 :headers {"Location" "/bookmarks?page=1"}}) {:status 302 :headers {"Location" "/bookmarks?page=1"}})
@ -44,8 +51,17 @@
(GET "/thread/:id" [id :<< as-int (GET "/thread/:id" [id :<< as-int
page :<< as-int page :<< as-int
:as {session :session}] :as {session :session}]
(let [thread (get-thread session id page)] (let [thread (get-thread session id page)
(views/thread-page thread))) {:keys [id page page-count title]} thread
login-part (views/login-form
["/thread/%d?page=%d" id page]
(get session :loggedin false))
header-part (views/header-fragment login-part)
thread-part (views/thread-page thread)
paginate-part (views/paginate
(str "/thread/" id) page page-count)]
(views/main-template {:title title}
header-part thread-part paginate-part)))
(GET "/thread/:id" [id] (GET "/thread/:id" [id]
{:status 302 :headers {"Location" (str "/thread/" id "?page=1")}}) {:status 302 :headers {"Location" (str "/thread/" id "?page=1")}})

View File

@ -5,13 +5,17 @@
[ring.util.anti-forgery :refer [anti-forgery-field]])) [ring.util.anti-forgery :refer [anti-forgery-field]]))
(def ^:dynamic *thread* {}) (defn login-form [next loggedin]
(if loggedin
(defn login-form [] [:a.navbar-item "Logout"]
[:div.navbar-item.has-dropdown.is-hoverable
[:a.navbar-link "Login"]
[:div.navbar-dropdown.is-right
[:div.navbar-item
[:form#login-form {:action "/login" :method "post"} [:form#login-form {:action "/login" :method "post"}
(anti-forgery-field) (anti-forgery-field)
[:input {:type "hidden" :name "next" [:input {:type "hidden" :name "next"
:value (format "/thread/%d?page=%d" (:id *thread*) (:page *thread*))}] :value (apply format next)}]
[:div.field [:div.field
[:label.label {:for "username"} "username"] [:label.label {:for "username"} "username"]
[:div.control [:div.control
@ -24,11 +28,10 @@
:placeholder "enter your password"}]]] :placeholder "enter your password"}]]]
[:div.field [:div.field
[:div.control [:div.control
[:button.button.is-primary "Submit"]]]]) [:button.button.is-primary "Submit"]]]]]]]))
(defn header-fragment [] (defn header-fragment [login]
(html [:nav.navbar.is-transparent
[:nav.navbar
[:div.navbar-brand [:div.navbar-brand
[:a.burger.navbar-burger {:role "button" :data-target "mainNav"} [:a.burger.navbar-burger {:role "button" :data-target "mainNav"}
(repeat 3 [:span {:aria-hidden "true"}])]] (repeat 3 [:span {:aria-hidden "true"}])]]
@ -36,13 +39,9 @@
[:div.navbar-start [:div.navbar-start
[:a.navbar-item {:href "/bookmarks"} "Bookmarks"]] [:a.navbar-item {:href "/bookmarks"} "Bookmarks"]]
[:div.navbar-end [:div.navbar-end
[:div.navbar-item.has-dropdown.is-hoverable login]]])
[:a.navbar-link "Login"]
[:div.navbar-dropdown.is-right
[:div.navbar-item
(login-form)]]]]]]))
(defn main-template [opts & insert-body-here] (defn main-template [opts header & insert-body-here]
(html5 (html5
{:lang "de"} {:lang "de"}
[:head [:head
@ -56,7 +55,7 @@
[:body [:body
{:hx-boost "false"} {:hx-boost "false"}
[:header [:header
(header-fragment)] header]
[:main [:main
insert-body-here] insert-body-here]
(include-js "/js/main.js")])) (include-js "/js/main.js")]))
@ -68,15 +67,14 @@
[:pre.output [:pre.output
[:code (with-out-str (clojure.pprint/pprint req))]]])) [:code (with-out-str (clojure.pprint/pprint req))]]]))
(defn login-page [] (defn login-page [login]
(main-template
{:title "login"}
[:div.container.box [:div.container.box
(login-form "")])) login])
(defn paginate [base cur last] (defn paginate [base cur last]
(let [page-fstring "%s?page=%d" (let [page-fstring "%s?page=%d"
href (partial format page-fstring base)] href (partial format page-fstring base)]
[:section
[:nav.container.box.pagination {:hx-boot "false"} [:nav.container.box.pagination {:hx-boot "false"}
[:a.pagination-previous [:a.pagination-previous
{:href (href (dec cur))} "<"] {:href (href (dec cur))} "<"]
@ -97,15 +95,12 @@
[:span.pagination-ellipsis "&hellip;"]] [:span.pagination-ellipsis "&hellip;"]]
[:li [:li
[:a.pagination-link [:a.pagination-link
{:href (href last)} (str last)]]]])) {:href (href last)} (str last)]]]]]))
(defn thread-page [thread] (defn thread-page [{:keys [title content]}]
(binding [*thread* thread] (list
(let [{:keys [id title page page-count content]} thread] [:section.title [:div.container
(main-template [:h1.is-size-3.mb-4 title]]]
{:title title}
[:div.container
[:h1.is-size-3.mb-4 title]]
[:section.thread [:section.thread
(for [post content] (for [post content]
[:article.container.box [:article.container.box
@ -118,9 +113,7 @@
[:div.level.tile.is-child.is-12 [:div.level.tile.is-child.is-12
[:div.level-right [:div.level-right
[:span.postdate.level-item [:span.postdate.level-item
(:pd post)]]]]]])] (:pd post)]]]]]])]))
[:section
(paginate (str "/thread/" id) page page-count)]))))
(defn bookmarks-page [beems] (defn bookmarks-page [beems]
(let [{:keys [title page page-count content]} beems] (let [{:keys [title page page-count content]} beems]