Trevor Alexander
9 years ago
3 changed files with 633 additions and 541 deletions
@ -0,0 +1,164 @@ |
|||||||
|
(ns twister-renyan.views.home |
||||||
|
(:require [twister-renyan.views.templates :as templates |
||||||
|
:refer [post-area |
||||||
|
loading-roller |
||||||
|
refresh-button |
||||||
|
user-photo |
||||||
|
user-photo-link |
||||||
|
search-profile-template |
||||||
|
who-to-follow-template |
||||||
|
toptrends-template |
||||||
|
twistday-reminder-template |
||||||
|
twistday-reminder-suggestion-template |
||||||
|
follow-suggestion-template |
||||||
|
expanded-post |
||||||
|
post-preview-template |
||||||
|
post-template |
||||||
|
post-rt-reference-template |
||||||
|
post-retransmitted-by-template |
||||||
|
msg-user-link-template |
||||||
|
external-page-link-template |
||||||
|
hashtag-link-template |
||||||
|
avatar-row-template |
||||||
|
modal-wrapper |
||||||
|
prompt-wrapper |
||||||
|
confirm-popup-template |
||||||
|
retwist-modal-template |
||||||
|
reply-modal-template |
||||||
|
direct-messages-template |
||||||
|
dm-snippet-template |
||||||
|
messages-thread-template |
||||||
|
dm-chat-template |
||||||
|
dm-form-template |
||||||
|
group-messages-profile-modal-control-template |
||||||
|
group-messages-messages-modal-control-template |
||||||
|
group-profile-modal-template |
||||||
|
group-profile-member-template |
||||||
|
group-messages-new-group-template |
||||||
|
group-messages-join-group-template |
||||||
|
groups-list-item-template |
||||||
|
profile-card |
||||||
|
profile-modal-template |
||||||
|
hashtag-modal-template |
||||||
|
following-modal-template |
||||||
|
following-config-modal-template]])) |
||||||
|
|
||||||
|
(defn home-page [] |
||||||
|
[:div [:h2 "twister-renyan"] |
||||||
|
[:div [:a {:href "#/about"} "go to about page"]] |
||||||
|
[:nav.userMenu |
||||||
|
[:ul |
||||||
|
[:li.userMenu-home.current |
||||||
|
[:a {:href "home.html"} |
||||||
|
[:span.selectable_theme.theme_original.label "Home"] |
||||||
|
[:span.selectable_theme.theme_nin.menu-news]]] |
||||||
|
[:li.userMenu-network.selectable_theme.theme_original.theme_nin |
||||||
|
[:a.label {:href "network.html"} "Network"]] |
||||||
|
[:li.userMenu-profile.selectable_theme.theme_original.theme_nin |
||||||
|
[:a.label {:href "profile-edit.html"} "Profile"]] |
||||||
|
[:li.userMenu-config |
||||||
|
[:a.userMenu-config-dropdown {:href "#"} |
||||||
|
[:div.config-menu.dialog-modal |
||||||
|
[:div.mini-profile-info.selectable_theme.theme_original |
||||||
|
[:div.mini-profile-photo |
||||||
|
;; (user-photo "mini-profile-photo") |
||||||
|
] |
||||||
|
[:a.mini-profile-name {:href "#"} "Nobody Yet"] |
||||||
|
[:span.mini-profile-view "View"]] |
||||||
|
[:a.dropdown-menu-item {:href "options.html"} "Options"] |
||||||
|
[:a.dropdown-menu-item {:href "network.html"} "Network"] |
||||||
|
[:a.dropdown-menu-item {:href "profile-edit.html"} "Accounts"] |
||||||
|
[:a.dropdown-menu-item {:href "following.html"} "Following Users"] |
||||||
|
[:a.dropdown-menu-item {:href "login.html"} "Change User"] |
||||||
|
[:a.dropdown-menu-item.promoted-posts-only.selectable_theme.theme_original.theme_calm |
||||||
|
{:href "#"} "Switch to Promoted Posts"] |
||||||
|
[:a.dropdown-menu-item.direct-messages.selectable_theme.theme_original.theme_calm |
||||||
|
{:href "#"} "Direct Messages"] |
||||||
|
[:a.dropdown-menu-item.direct-messages.selectable_theme.theme_original.theme_calm |
||||||
|
{:href "#"} "Group Messages"]]]] |
||||||
|
[:li.userMenu-connections |
||||||
|
[:a {:href "#"} |
||||||
|
[:span.messages-qtd {:style {:display "none"}} 0]]] |
||||||
|
[:li.userMenu-messages |
||||||
|
[:a {:href "#"} |
||||||
|
[:span.messages-qtd {:style {:display "none"}} 0]]] |
||||||
|
[:li.userMenu-group |
||||||
|
[:a {:href "#"} |
||||||
|
[:span.messages-qtd {:style {:display "none"}} 0]]] |
||||||
|
[:li.userMenu-dhtindicator.selectable_theme.theme_calm |
||||||
|
[:a {:href "network.html"}]] |
||||||
|
;; Search |
||||||
|
[:li.userMenu-search |
||||||
|
[:input.userMenu-search-field {:type "text" :placeholder "search"}] |
||||||
|
[:div.search-results.dialog-modal |
||||||
|
[:ul.userMenu-search-sugestions {:style {:display "none"}} |
||||||
|
[:li [:a {:href "A Nobody"}]] |
||||||
|
[:li [:a {:href "Another Nobody"}]] |
||||||
|
[:li [:a {:href "One More Nobody"}]]] |
||||||
|
[:ul.userMenu-search-profiles]]]]] |
||||||
|
;; Nav end |
||||||
|
[:div.wrapper |
||||||
|
[:div.dashboard.left |
||||||
|
[:ul.mini-profile-indicators.selectable_theme.theme_nin |
||||||
|
[:li.userMenu-connections |
||||||
|
[:a {:href "#" :title "Mentions"} |
||||||
|
[:span.messages-qtd {:style {:display "none"}} 0] |
||||||
|
[:span "Mentions"]]] |
||||||
|
[:li.userMenu-groupmessages |
||||||
|
[:a {:href "#" :title "Group Messages"} |
||||||
|
[:span.messages-qtd {:style {:display "none"}} 0] |
||||||
|
[:span "Group Messages"]]] |
||||||
|
[:li.userMenu-messages |
||||||
|
[:a {:href "#" :title "Direct Messages"} |
||||||
|
[:span.messages-qtd {:style {:display "none"}} 0] |
||||||
|
[:span "Direct Messages"]]]] |
||||||
|
;; Profile widget |
||||||
|
[:div.module.mini-profile |
||||||
|
[:div.mini-profile-info |
||||||
|
[:div.mini-profile-photo |
||||||
|
(user-photo)] |
||||||
|
[:a.mini-profile-name.open-profile-modal {:href "#"}] |
||||||
|
[:span.mini-profile-view "View"]] |
||||||
|
[:ul.module.profile-data |
||||||
|
[:li |
||||||
|
[:a.open-profile-modal {:href "#"} |
||||||
|
[:span.posts-count " "] |
||||||
|
[:span.label "Posts"]]] |
||||||
|
[:li |
||||||
|
[:a.open-following-page {:href "following.html"} |
||||||
|
[:span.following-count " "] |
||||||
|
[:span.label "Following"]]] |
||||||
|
[:li |
||||||
|
[:a.open-followers {:href "#"} |
||||||
|
[:span.followers-count " "] |
||||||
|
[:span.label "Followers"]]]] |
||||||
|
(post-area)] |
||||||
|
;; Who to follow |
||||||
|
[:div.module.who-to-follow {:style {:display "none"}}] |
||||||
|
;; Trends |
||||||
|
[:div.module.toptrends {:style {:display "none"}}] |
||||||
|
;; Twistday |
||||||
|
[:div.module.twistday-reminder {:style {:display "none"}}]] |
||||||
|
|
||||||
|
;; Posts area |
||||||
|
[:div.postboard |
||||||
|
[:h2 |
||||||
|
[:span "Postboard"] |
||||||
|
[:button.postboard-news.selectable_theme.theme_original.theme_calm |
||||||
|
{:style {:display "none"}}]] |
||||||
|
;; Post type tab (normal, promoted) |
||||||
|
[:ul.promoted-posts-only.promoted.selectable_theme.theme_nin |
||||||
|
[:li.normal-posts.active [:span "Normal posts"]] |
||||||
|
[:li.promoted-posts.disabled [:span "Promoted posts"]]] |
||||||
|
;; Top of postboard postarea |
||||||
|
[:div#postboard-top.selectable_theme.theme_nin (post-area)] |
||||||
|
;; User pic |
||||||
|
[:div.profile-photo (user-photo "" "img/genericPerson.png")]] |
||||||
|
;; postboard-top end |
||||||
|
|
||||||
|
[:ol#posts.postboard-posts |
||||||
|
;; "post-template" here |
||||||
|
] |
||||||
|
[:div.postboard-loading {:style {:display "none"}} [:div]]] |
||||||
|
;; post area end |
||||||
|
[:div.dashboard.right]]) |
||||||
@ -0,0 +1,424 @@ |
|||||||
|
(ns twister-renyan.views.templates) |
||||||
|
|
||||||
|
;; ------------------------- |
||||||
|
;; Components/Templates |
||||||
|
|
||||||
|
(defn post-area [] |
||||||
|
[:div.post-area |
||||||
|
[:form.post-area-new |
||||||
|
[:textarea {:placeholder "New Post..."}] |
||||||
|
[:div.post-area-extras |
||||||
|
[:span.post-area-remaining 140] |
||||||
|
[:button.undo-unicode.disabled {:disabled "disabled"} "undo"] |
||||||
|
[:button.post-submit.disabled {:disabled "disabled"} "post"]]]]) |
||||||
|
|
||||||
|
(defn loading-roller [] |
||||||
|
[:div.loading-roller [:div]]) |
||||||
|
|
||||||
|
(defn refresh-button |
||||||
|
([] [:a.refresh.label "Refresh"]) |
||||||
|
;; optional argument: string of extra classes to append |
||||||
|
([class-string] [:a.refresh.label {:class class-string }"Refresh"])) |
||||||
|
|
||||||
|
(defn user-photo |
||||||
|
([] [:img.twister-user-photo |
||||||
|
{:src "img/grayed_avatar_placeholder_24.png" :alt "user-photo"}]) |
||||||
|
([extra-img-classes-string] [:img.twister-user-photo |
||||||
|
{:src "img/grayed_avatar_placeholder_24.png" |
||||||
|
:alt "user-photo" |
||||||
|
:class extra-img-classes-string}]) |
||||||
|
([extra-img-classes-string photo-url] [:img.twister-user-photo |
||||||
|
{:src photo-url :alt "user-photo" |
||||||
|
:class extra-img-classes-string}])) |
||||||
|
|
||||||
|
(defn user-photo-link |
||||||
|
;; default case--no photo url |
||||||
|
([] [:a.twister-user-name.open-profile-modal |
||||||
|
{:href "#"} (user-photo)]) |
||||||
|
;; extra classes for img element |
||||||
|
([extra-img-classes-string] [:a.twister-user-name.open-profile-modal |
||||||
|
{:href "#"} |
||||||
|
(user-photo extra-img-classes-string)]) |
||||||
|
;; photo url and extra classes |
||||||
|
([extra-img-classes-string photo-url] [:a.twister-user-name.open-profile-modal |
||||||
|
{:href "#"} |
||||||
|
(user-photo extra-img-classes-string |
||||||
|
photo-url)])) |
||||||
|
|
||||||
|
(defn search-profile-template [] |
||||||
|
[:div#search-profile-template |
||||||
|
[:li |
||||||
|
[:div.mini-profile.info |
||||||
|
(user-photo-link "mini-profile-photo") |
||||||
|
[:span.mini-screen-name "@"] |
||||||
|
[:span.mini-profile-name]] |
||||||
|
[:button.follow "Follow"]]]) |
||||||
|
|
||||||
|
(defn who-to-follow-template [] |
||||||
|
[:div#who-to-follow-template |
||||||
|
[:div |
||||||
|
[:h3.label "Who to Follow"] |
||||||
|
[:small "."] |
||||||
|
(refresh-button "refresh-user") |
||||||
|
[:small "."] |
||||||
|
[:a.view-all-users {:href "#whotofollow"} "View All"] |
||||||
|
[:ol.follow-suggestions |
||||||
|
;; follow-suggestion-template here |
||||||
|
]] |
||||||
|
(loading-roller)]) |
||||||
|
|
||||||
|
(defn toptrends-template [] |
||||||
|
[:div#toptrends-template |
||||||
|
[:div |
||||||
|
[:h3.label "Top Trends"] |
||||||
|
[:small "."] |
||||||
|
(refresh-button "refresh-toptrends") |
||||||
|
[:ol.toptrends-list]] |
||||||
|
(loading-roller)]) |
||||||
|
|
||||||
|
(defn twistday-reminder-template [] |
||||||
|
[:div#twistday-reminder-template |
||||||
|
[:div |
||||||
|
[:h3.label "Who's celebrating their Twistday?"] |
||||||
|
[:small "."] |
||||||
|
(refresh-button) |
||||||
|
[:div.current |
||||||
|
[:h4.label "Today's luckies: "] |
||||||
|
[:ol.list |
||||||
|
;; twistday-reminder-suggestion-template here |
||||||
|
]] |
||||||
|
[:div.upcoming |
||||||
|
[:h4.label "Upcoming ones: "] |
||||||
|
[:ol.list |
||||||
|
;; twistday-reminder-suggestion-template here |
||||||
|
]]] |
||||||
|
(loading-roller)]) |
||||||
|
|
||||||
|
(defn twistday-reminder-suggestion-template [] |
||||||
|
[:li#twistday-reminder-suggestion-template.twister-user |
||||||
|
[:div.twister-user-photo (user-photo-link)] |
||||||
|
[:div.twister-user-info {:data-screen-name ""} |
||||||
|
[:a.twister-user-name.open-profile-modal {:href "#"} |
||||||
|
[:div.twister-user-full] |
||||||
|
[:div.twister-user-tag]]] |
||||||
|
[:div |
||||||
|
[:span.twisterday]]]) |
||||||
|
|
||||||
|
(defn follow-suggestion-template [] |
||||||
|
[:li#follow-suggestion-template.twister-user |
||||||
|
[:div (user-photo-link)] |
||||||
|
[:div.twister-user-info {:data-screen-name ""} |
||||||
|
[:a.twister-user-name.open-profile-modal {:href "#"} |
||||||
|
[:span.twister-user-full] |
||||||
|
[:span.twister-user-tag]] |
||||||
|
[:div.bio] |
||||||
|
[:div.followers |
||||||
|
[:span.label "Followed by"] |
||||||
|
[:a.twister-by-user-name.open-profile-modal |
||||||
|
[:span.followed-by]]] |
||||||
|
[:a.twister-user-remove "×"] |
||||||
|
[:button.follow "Follow"]]]) |
||||||
|
|
||||||
|
(defn expanded-post [] |
||||||
|
[:ol.expanded-post]) |
||||||
|
|
||||||
|
(defn post-preview-template [] |
||||||
|
[:div#post-preview-template |
||||||
|
[:div#post-preview.post-text]]) |
||||||
|
|
||||||
|
(defn post-template [] |
||||||
|
[:li#post-template.module.post {:data-time ""} |
||||||
|
[:div.post-data {:data-userpost "" |
||||||
|
:data-content_to_rt "" |
||||||
|
:data-content_to_sigrt "" |
||||||
|
:data-screen-name "" |
||||||
|
:data-id "" |
||||||
|
:data-text "" |
||||||
|
:data-text-mentions ""} |
||||||
|
[:div.post-photo(user-photo)] |
||||||
|
[:div.post-info |
||||||
|
[:a.post-info-name.open-profile-modal {:href "#"}] |
||||||
|
[:span.post-info-tag] |
||||||
|
[:a.post-info-time [:span.post-info-sent] [:span]]] |
||||||
|
[:p.post-text] |
||||||
|
[:div.post-context {:style {:display "none"}}] |
||||||
|
[:span.post-expand "Expand"] |
||||||
|
[:div.post-interactions |
||||||
|
[:span.post-reply "Reply"] |
||||||
|
[:span.post-propagate "Retransmit"] |
||||||
|
;; [:span.post-favorite "Favorite"] one day... |
||||||
|
] |
||||||
|
[:div.expanded-content {:style {:display "none"}} |
||||||
|
[:ul.post-stats {:style {:display "none"}} |
||||||
|
[:li.stat-count |
||||||
|
[:span.stat-count-value] |
||||||
|
[:span "Retransmits"]] |
||||||
|
[:li.avatar-row |
||||||
|
;; avatar-row-template here |
||||||
|
]] |
||||||
|
[:div.preview-container] |
||||||
|
[:div.post-reply-content {:style {:display "block"}} |
||||||
|
(post-area)] |
||||||
|
[:span.show-more.label "Show more in this conversation..."]]]]) |
||||||
|
|
||||||
|
(defn post-rt-reference-template [] |
||||||
|
[:div.post-rt-reference |
||||||
|
[:div.post-photo (user-photo "avatar")] |
||||||
|
[:div.post-info |
||||||
|
[:a.post-info-name.open-profile-modal {:href "#"}] |
||||||
|
[:span.post-info-tag] |
||||||
|
[:a.post-info-time [:span]]] |
||||||
|
[:p.post-text]]) |
||||||
|
|
||||||
|
(defn post-retransmitted-by-template [] |
||||||
|
[:div#post-retransmitted-by-template |
||||||
|
[:i.post-retransmited-icon] |
||||||
|
[:span "twisted again by"] [:span] |
||||||
|
[:a.post-re-transmited-by.open-profile-modal {:href ""}]]) |
||||||
|
|
||||||
|
(defn msg-user-link-template [] |
||||||
|
[:a#msg-user-link-template.open-profile-modal]) |
||||||
|
|
||||||
|
(defn external-page-link-template [] |
||||||
|
[:a#external-page-link-template {:rel "nofollow" :target "_blank"}]) |
||||||
|
|
||||||
|
(defn hashtag-link-template [] |
||||||
|
[:a#hashtag-link-template.open-hashtag-modal]) |
||||||
|
|
||||||
|
(defn avatar-row-template [] |
||||||
|
[:a#avatar-row-template.open-profile-modal {:href ""} |
||||||
|
(user-photo) |
||||||
|
[:span.user-name-tooltip]]) |
||||||
|
|
||||||
|
(defn modal-wrapper [modal-content] |
||||||
|
[:div.modal-wrapper |
||||||
|
[:div.modal-header |
||||||
|
[:h3] |
||||||
|
[:span#closeModal.modal-close "×"] |
||||||
|
[:span.modal-back "<"] |
||||||
|
[:span.mark-all-as-read]] |
||||||
|
[:div.modal-content modal-content] |
||||||
|
[:div.modal-blackout]]) |
||||||
|
|
||||||
|
(defn prompt-wrapper [prompt-content] |
||||||
|
[:div.prompt-wrapper |
||||||
|
[:div.modal-header |
||||||
|
[:h3] |
||||||
|
[:span.modal-close.prompt-close "×"]] |
||||||
|
[:div.modal-content prompt-content]]) |
||||||
|
|
||||||
|
(defn confirm-popup-template [template-content] |
||||||
|
[:div#confirm-popup-template |
||||||
|
[:div.message template-content] |
||||||
|
[:div.modal-buttons |
||||||
|
[:button.confirm] |
||||||
|
[:button.cancel]]]) |
||||||
|
|
||||||
|
(defn retwist-modal-template [] |
||||||
|
[:div#retwist-modal-template |
||||||
|
(post-area) |
||||||
|
[:div.modal-buttons |
||||||
|
[:span.switch-mode "Switch to Reply"]]]) |
||||||
|
|
||||||
|
(defn reply-modal-template [] |
||||||
|
[:div#reply-modal-template |
||||||
|
(post-area) |
||||||
|
[:div.modal-buttons |
||||||
|
[:span.switch-mode "Switch to Retransmit"]]]) |
||||||
|
|
||||||
|
(defn direct-messages-template [] |
||||||
|
[:div.direct-messages-template |
||||||
|
[:ol.direct-messages-list |
||||||
|
;; dm-snippet-template here |
||||||
|
]]) |
||||||
|
|
||||||
|
(defn dm-snippet-template [] |
||||||
|
[:li#dm-snippet-template.module.post.message |
||||||
|
[:div.post-photo (user-photo)] |
||||||
|
[:div.post-info |
||||||
|
[:a.post-info-name.open-profile-modal {:href "#"}] |
||||||
|
[:span.post-info-tag "@"] |
||||||
|
[:a.post-info-time {:href "#" :title ""}] [:span]] |
||||||
|
[:pp.post-text]]) |
||||||
|
|
||||||
|
(defn messages-thread-template [] |
||||||
|
[:div.messages-thread-template |
||||||
|
:ol.direct-messages-thread |
||||||
|
;; dm-chat-template here |
||||||
|
]) |
||||||
|
|
||||||
|
(defn dm-chat-template [] |
||||||
|
[:li#dm-chat-template.module.post.message |
||||||
|
(user-photo) |
||||||
|
[:div.post-info |
||||||
|
[:a.post-info-name.open-profile.modal] |
||||||
|
[:a.post-info-time [:span.post-info-sent] [:span]]] |
||||||
|
[:p.post-text]]) |
||||||
|
|
||||||
|
(defn dm-form-template [] |
||||||
|
[:div.dm-form-template |
||||||
|
[:form.post-area-new.open |
||||||
|
[:textarea {:placeholder "New direct message..."}] |
||||||
|
[:div.post-area.extras |
||||||
|
[:span.post-area-remaining 140] |
||||||
|
[:button.undo-unicode.disabled {:disabled "disabled"} "undo"] |
||||||
|
[:button.dm-submit.disabled |
||||||
|
{:disabled "disabled" |
||||||
|
:title "Direct messages are encrypted; only you and the recipient can read them."}]]]]) |
||||||
|
|
||||||
|
(defn group-messages-profile-modal-control-template [] |
||||||
|
[:div.group-messages-control.b-buttons |
||||||
|
[:button.new "New group"] |
||||||
|
[:button.join "Join group"]]) |
||||||
|
|
||||||
|
(defn group-messages-messages-modal-control-template [] |
||||||
|
[:div.group-messages-control.b-buttons |
||||||
|
[:button.profile "Profile"] |
||||||
|
[:button.invite "Invite peers"] |
||||||
|
[:button.leave "Leave group"] |
||||||
|
[:div.invite-form |
||||||
|
[:textarea] |
||||||
|
[:button.disabled {:disabled "disabled"} "Invite"]]]) |
||||||
|
|
||||||
|
(defn group-profile-modal-template [] |
||||||
|
[:div#group-profile-modal-template |
||||||
|
[:div.profile-card {:data-screen-name ""} |
||||||
|
[:div.profile-card-main |
||||||
|
[:div.profile-bio]]] |
||||||
|
[:div.profile-card-buttons.group-messages.control.b-buttons |
||||||
|
[:button.direct-messages-with-user {:disabled "disabled"} "Messages"] |
||||||
|
[:button.invite {:disabled "disabled"} "Invite peers"] |
||||||
|
[:button.invite {:disabled "disabled"} "Secret Key"] |
||||||
|
[:button.invite {:disabled "disabled"} "Leave group"] |
||||||
|
[:div.invite-form |
||||||
|
[:textarea] |
||||||
|
[:button {:disabled "disabled"} "Invite"]] |
||||||
|
[:div.secret-key]] |
||||||
|
[:div.members]]) |
||||||
|
|
||||||
|
(defn group-profile-member-template [] |
||||||
|
[:div#group-profile-member-template |
||||||
|
[:div.twister-user |
||||||
|
(user-photo-link) |
||||||
|
[:div.twister-user-info {:data-screen-name ""} |
||||||
|
[:a.twister-user-name.open-profile-modal |
||||||
|
[:span.twister-user-full] |
||||||
|
[:span.twister-user-tag]] |
||||||
|
[:div.bio]]]]) |
||||||
|
|
||||||
|
(defn group-messages-new-group-template [] |
||||||
|
[:div#group-messages-new-group-template |
||||||
|
[:div.module |
||||||
|
[:div |
||||||
|
[:p.label "Group description"] |
||||||
|
[:textarea.description {:placeholder "Describe group"}]] |
||||||
|
[:div |
||||||
|
[:p.label "Peers to invite"] |
||||||
|
[:textarea.description {:placeholder "Invite someone"}]] |
||||||
|
[:div |
||||||
|
[:button.create {:disabled "disabled"} "Create"]]]]) |
||||||
|
|
||||||
|
(defn group-messages-join-group-template [] |
||||||
|
[:div#group-messages-join-group-template |
||||||
|
[:div.module |
||||||
|
[:div |
||||||
|
[:p.label "Select group(s)"] |
||||||
|
[:ul.groups-list]] |
||||||
|
[:div [:button.join {:disabled "disabled"} "Join"]]] |
||||||
|
[:div.module |
||||||
|
[:div |
||||||
|
[:p.label "Import secret key"] |
||||||
|
[:input.secret-key-import {:type "textbox" |
||||||
|
:placeholder "52-character secret" |
||||||
|
:size 52 |
||||||
|
:rows 1}]] |
||||||
|
[:p.label "With group alias"] |
||||||
|
[:input.username-import {:type "textbox" |
||||||
|
:placeholder "Type group alias here" |
||||||
|
:size 16 |
||||||
|
:rows 1}] |
||||||
|
[:button.import-secret-key {:disabled "disabled"} "Import key"]]]) |
||||||
|
|
||||||
|
(defn groups-list-item-template [] |
||||||
|
[:div#groups-list-item-template |
||||||
|
[:li |
||||||
|
[:input {:type "checkbox"}] |
||||||
|
[:a.twister-user-name.open-profile-modal] |
||||||
|
[:span.description]]]) |
||||||
|
|
||||||
|
(defn profile-card [] |
||||||
|
[:div.profile-card {:data-screen-name ""} |
||||||
|
[:div.profile-card-main |
||||||
|
(user-photo) |
||||||
|
[:h1.profile-name] |
||||||
|
[:h2.profile-screen-name [:strong "@"]] |
||||||
|
[:div |
||||||
|
[:span.profile-location] |
||||||
|
[:a.profile-url {:rel "nofollow" :target "_blank"}]] |
||||||
|
[:div.profile-bio] |
||||||
|
[:div#msngersw |
||||||
|
[:div#toxbtnwr.profile-extra-contact |
||||||
|
[:a.profile-tox |
||||||
|
[:span.selectable_theme.theme_nin "TOX"]]] |
||||||
|
[:div#bmbtnwr.profile-extra-contact |
||||||
|
[:a.profile-bitmessage |
||||||
|
[:span.selectable_theme.theme_nin "BitMessage"]]]]] |
||||||
|
[:div.twister-user-info |
||||||
|
[:div.clearfix |
||||||
|
[:ul.module.profile-data |
||||||
|
[:li [:a {:href "#"} |
||||||
|
[:span.posts-count " "] |
||||||
|
[:span.label "Posts"]]] |
||||||
|
[:li [:a.open-following-modal {:href "#"} |
||||||
|
[:span.following-count " "] |
||||||
|
[:span.label "Following"]]] |
||||||
|
[:li [:a {:href "#"} |
||||||
|
[:span.followers-count " "] |
||||||
|
[:span.label "Followers"]]]]] |
||||||
|
[:div.profile-card-buttons.b-buttons |
||||||
|
[:button.follow {:href "#"} "Follow"] |
||||||
|
[:button.direct-messages-with-user {:href "#"} "Direct Messages"] |
||||||
|
[:button.mentions-from-user {:href "#"} "Mentions"]]] |
||||||
|
[:div.who-follow]]) |
||||||
|
|
||||||
|
(defn profile-modal-template [] |
||||||
|
[:div#profile-modal-template |
||||||
|
(profile-card) |
||||||
|
[:div.postboard |
||||||
|
[:h2 |
||||||
|
[:span "Posts"] |
||||||
|
[:button.postboard-news {:style {:display "none"}}]] |
||||||
|
[:ol#profile-posts.postboard-posts]]]) |
||||||
|
|
||||||
|
(defn hashtag-modal-template [] |
||||||
|
[:div#hashtag-modal-template |
||||||
|
[:div.postbaord |
||||||
|
[:h2 |
||||||
|
[:span.selectable_theme.theme_original.theme_calm "Posts"] |
||||||
|
[:button.postboard-news {:style {:display "none"}}]] |
||||||
|
[:ol#profile-posts.postboard-posts] |
||||||
|
[:div.postboard-loading {:style {:display "none"}} |
||||||
|
[:div]]]]) |
||||||
|
|
||||||
|
(defn following-modal-template [] |
||||||
|
[:div#following-modal-template |
||||||
|
[:h2 "All users publicly followed by " |
||||||
|
[:span.following-screen-name [:strong "@"]]] |
||||||
|
[:ol |
||||||
|
[:li#following-by-user-template {:style {:display "none"}} |
||||||
|
[:div.mini-following-info {:data-screen-name ""} |
||||||
|
[:a.open-profile-modal {:href "#"} |
||||||
|
(user-photo "mini-profile-photo") |
||||||
|
[:span.mini-following-name "Nobody Yet"] |
||||||
|
[:span.mini-screen-name [:strong.following-screen-name "@"]]]]]]]) |
||||||
|
|
||||||
|
(defn following-config-modal-template [] |
||||||
|
[:div#following-config-modal-template |
||||||
|
[:div.following-config-modal-content {:data-screen-name ""} |
||||||
|
[:h2 |
||||||
|
[:span.following-config-method-message "Which way do you want to follow "] |
||||||
|
[:span.following-screen-name [:strong "@"]] |
||||||
|
":"] |
||||||
|
[:div.following-config-method-buttons |
||||||
|
[:button.public-following "Public"] |
||||||
|
[:button.public-following.private "Private"]]]]) |
||||||
Loading…
Reference in new issue