2 changed files with 127 additions and 5 deletions
@ -0,0 +1,118 @@ |
|||||||
|
(ns notehub.views |
||||||
|
(:use [notehub.settings] |
||||||
|
[clojure.string :rename {replace sreplace} :only [replace]] |
||||||
|
[clojure.core.incubator :only [-?>]] |
||||||
|
[hiccup.form] |
||||||
|
[hiccup.core] |
||||||
|
[hiccup.element] |
||||||
|
[hiccup.util :only [escape-html]] |
||||||
|
[hiccup.page :only [include-js html5]]) |
||||||
|
(:require [notehub.api :as api])) |
||||||
|
|
||||||
|
; Creates the main html layout |
||||||
|
(defn layout |
||||||
|
[title & content] |
||||||
|
(html5 |
||||||
|
[:head |
||||||
|
[:title (print-str (get-message :name) "—" title)] |
||||||
|
[:meta {:charset "UTF-8"}] |
||||||
|
[:meta {:name "viewport" :content "width=device-width, initial-scale=1.0"}] |
||||||
|
[:link {:rel "stylesheet/less" :type "text/css" :href "/styles/main.less"}] |
||||||
|
(html |
||||||
|
(include-js "/js/less.js") |
||||||
|
(include-js "/js/themes.js") |
||||||
|
(include-js "/js/md5.js") |
||||||
|
(include-js "/js/marked.js") |
||||||
|
(include-js "/js/main.js")) |
||||||
|
; google analytics code should appear in prod mode only |
||||||
|
(if-not (get-setting :dev-mode) (include-js "/js/google-analytics.js"))] |
||||||
|
[:body {:onload "onLoad()"} content])) |
||||||
|
|
||||||
|
(defn md-node |
||||||
|
"Returns an HTML element with a textarea inside |
||||||
|
containing the markdown text (to keep all chars unescaped)" |
||||||
|
([cls input] (md-node cls {} input)) |
||||||
|
([cls opts input] |
||||||
|
[(keyword (str (name cls) ".markdown")) opts |
||||||
|
[:textarea input]])) |
||||||
|
|
||||||
|
(defn- sanitize |
||||||
|
"Breakes all usages of <script> & <iframe>" |
||||||
|
[input] |
||||||
|
(sreplace input #"(</?(iframe|script).*?>|javascript:)" "")) |
||||||
|
|
||||||
|
; input form for the markdown text with a preview area |
||||||
|
(defn- input-form [form-url command fields content passwd-msg] |
||||||
|
(let [css-class (when (= :publish command) :hidden)] |
||||||
|
(layout (get-message :new-note) |
||||||
|
[:article#preview ""] |
||||||
|
[:div#dashed-line {:class css-class}] |
||||||
|
[:div.central-element.helvetica {:style "margin-bottom: 3em"} |
||||||
|
(form-to {:autocomplete :off} [:post form-url] |
||||||
|
(hidden-field :action command) |
||||||
|
(hidden-field :version api/version) |
||||||
|
(hidden-field :password) |
||||||
|
fields |
||||||
|
(text-area {:class :max-width} :note content) |
||||||
|
[:fieldset#input-elems {:class css-class} |
||||||
|
(text-field {:class "ui-elem" :placeholder (get-message passwd-msg)} |
||||||
|
:plain-password) |
||||||
|
(submit-button {:class "button ui-elem" |
||||||
|
:id :publish-button} (get-message command))])]))) |
||||||
|
|
||||||
|
(def landing-page |
||||||
|
(layout (get-message :page-title) |
||||||
|
[:div#hero |
||||||
|
[:h1 (get-message :name)] |
||||||
|
[:h2 (get-message :title)] |
||||||
|
[:br] |
||||||
|
[:a.landing-button {:href "/new" :style "color: white"} (get-message :new-page)]] |
||||||
|
[:div#dashed-line] |
||||||
|
(md-node :article.helvetica.bottom-space |
||||||
|
{:style "font-size: 1em"} |
||||||
|
(slurp "LANDING.md")) |
||||||
|
(md-node :div.centered.helvetica (get-message :footer)))) |
||||||
|
|
||||||
|
|
||||||
|
(defn statistics-page [resp] |
||||||
|
(let [stats (:statistics resp) |
||||||
|
title (get-message :statistics)] |
||||||
|
(layout title |
||||||
|
[:h2.central-element (api/derive-title (:note resp))] |
||||||
|
[:h3.central-element.helvetica title] |
||||||
|
[:table#stats.helvetica.central-element |
||||||
|
(map |
||||||
|
#(when-let [v (% stats)] |
||||||
|
[:tr |
||||||
|
[:td (str (get-message %) ":")] |
||||||
|
[:td (if (or (= % :published) (= % :edited)) |
||||||
|
(str (java.util.Date. (Long/parseLong v))) v)]]) |
||||||
|
[:published :edited :publisher :views])]))) |
||||||
|
|
||||||
|
(defn note-update-page [year month day title] |
||||||
|
(let [note-id (api/build-key year month day title)] |
||||||
|
(input-form "/update-note" :update |
||||||
|
(html (hidden-field :noteID note-id)) |
||||||
|
(:note (api/get-note {:noteID note-id})) :enter-passwd))) |
||||||
|
|
||||||
|
(defn new-note-page [signature] |
||||||
|
(input-form "/post-note" :publish |
||||||
|
(html (hidden-field :session signature) |
||||||
|
(hidden-field {:id :signature} :signature)) |
||||||
|
(get-message :loading) :set-passwd)) |
||||||
|
|
||||||
|
(defn note-page [note-id short-url] |
||||||
|
(let [note (api/get-note {:noteID note-id}) |
||||||
|
sanitized-note (sanitize (:note note))] |
||||||
|
(layout (:title note) |
||||||
|
(md-node :article.bottom-space sanitized-note) |
||||||
|
(let [urls {:short-url (api/url short-url) |
||||||
|
:notehub "/"} |
||||||
|
links (map #(link-to |
||||||
|
(if (urls %) |
||||||
|
(urls %) |
||||||
|
(str (:longURL note) "/" (name %))) |
||||||
|
(get-message %)) |
||||||
|
[:notehub :stats :edit :export :short-url]) |
||||||
|
links (interpose [:span.middot "·"] links)] |
||||||
|
[:div#links links])))) |
||||||
Loading…
Reference in new issue