mirror of https://github.com/status-im/reagent.git
52 lines
1.6 KiB
Clojure
52 lines
1.6 KiB
Clojure
(ns demo
|
|
(:require [reagent.core :as reagent :refer [atom]]
|
|
[reagent.interop :as i :refer-macros [.' .!]]
|
|
[clojure.string :as string]
|
|
[sitetools :as tools :refer [link]]
|
|
[reagentdemo.common :as common :refer [demo-component]]
|
|
[reagentdemo.intro :as intro]
|
|
[reagentdemo.news :as news]
|
|
[reagent.debug :refer-macros [dbg println]]))
|
|
|
|
(i/import-react)
|
|
|
|
(def test-results-comp (atom nil))
|
|
|
|
(def github {:href "https://github.com/reagent-project/reagent"})
|
|
|
|
(defn github-badge []
|
|
[:a.github-badge
|
|
github
|
|
[:img {:style {:position "absolute" :top 0 :left 0 :border 0}
|
|
:alt "Fork me on GitHub"
|
|
:src "https://s3.amazonaws.com/github/ribbons/forkme_left_orange_ff7600.png"}]])
|
|
|
|
(def index-page "index.html")
|
|
(def news-page "news/index.html")
|
|
|
|
(tools/register-page index-page
|
|
(fn [] [intro/main])
|
|
"Reagent: Minimalistic React for ClojureScript")
|
|
(tools/register-page news-page
|
|
(fn [] [news/main])
|
|
"Reagent news")
|
|
|
|
(defn demo []
|
|
[:div
|
|
[:div.nav
|
|
[:ul.nav
|
|
[:li.brand [link {:href index-page} "Reagent:"]]
|
|
[:li [link {:href index-page} "Intro"]]
|
|
[:li [link {:href news-page} "News"]]
|
|
[:li [:a github "GitHub"]]]]
|
|
(when @test-results-comp [@test-results-comp])
|
|
[tools/page-content]
|
|
[github-badge]])
|
|
|
|
|
|
(defn start! [{:keys [test-results]}]
|
|
(reset! test-results-comp test-results)
|
|
(tools/start! {:body (fn [] [demo])
|
|
:css-infiles ["site/public/css/main.css"
|
|
"site/public/css/examples.css"]}))
|