2016-03-29 23:45:31 +03:00
|
|
|
(ns syng-im.components.chats.chats-list
|
|
|
|
|
(:require [re-frame.core :refer [subscribe dispatch dispatch-sync]]
|
|
|
|
|
[syng-im.components.react :refer [android?
|
|
|
|
|
view
|
|
|
|
|
text
|
|
|
|
|
image
|
2016-05-02 16:56:42 +03:00
|
|
|
touchable-highlight
|
|
|
|
|
navigator]]
|
2016-03-29 23:45:31 +03:00
|
|
|
[syng-im.components.realm :refer [list-view]]
|
|
|
|
|
[syng-im.utils.logging :as log]
|
|
|
|
|
[syng-im.navigation :refer [nav-pop]]
|
|
|
|
|
[syng-im.resources :as res]
|
|
|
|
|
[syng-im.utils.listview :refer [to-realm-datasource]]
|
|
|
|
|
[reagent.core :as r]
|
2016-04-01 18:05:55 +03:00
|
|
|
[syng-im.components.chats.chat-list-item :refer [chat-list-item]]
|
|
|
|
|
[syng-im.components.action-button :refer [action-button
|
|
|
|
|
action-button-item]]
|
2016-04-18 13:38:38 +03:00
|
|
|
[syng-im.components.styles :refer [font
|
|
|
|
|
title-font
|
|
|
|
|
color-white
|
|
|
|
|
color-black
|
|
|
|
|
color-blue
|
|
|
|
|
text1-color
|
|
|
|
|
text2-color]]
|
2016-04-01 18:05:55 +03:00
|
|
|
[syng-im.components.icons.ionicons :refer [icon]]))
|
2016-03-29 23:45:31 +03:00
|
|
|
|
2016-05-02 16:56:42 +03:00
|
|
|
(defn toolbar []
|
|
|
|
|
[view {:style {:flexDirection "row"
|
|
|
|
|
:backgroundColor color-white
|
|
|
|
|
:height 56
|
|
|
|
|
:elevation 2}}
|
|
|
|
|
[touchable-highlight {:on-press (fn []
|
|
|
|
|
)
|
|
|
|
|
:underlay-color :transparent}
|
|
|
|
|
[view {:width 56
|
|
|
|
|
:height 56}
|
|
|
|
|
[image {:source {:uri "icon_hamburger"}
|
|
|
|
|
:style {:marginTop 22
|
|
|
|
|
:marginLeft 20
|
|
|
|
|
:width 16
|
|
|
|
|
:height 12}}]]]
|
|
|
|
|
[view {:style {:flex 1
|
|
|
|
|
:alignItems "center"
|
|
|
|
|
:justifyContent "center"}}
|
|
|
|
|
[text {:style {:marginTop -2.5
|
|
|
|
|
:color text1-color
|
|
|
|
|
:fontSize 16
|
|
|
|
|
:fontFamily font}}
|
|
|
|
|
"Chats"]]
|
|
|
|
|
[touchable-highlight {:on-press (fn []
|
|
|
|
|
)
|
|
|
|
|
:underlay-color :transparent}
|
|
|
|
|
[view {:width 56
|
|
|
|
|
:height 56}
|
|
|
|
|
[image {:source {:uri "icon_search"}
|
|
|
|
|
:style {:margin 19.5
|
|
|
|
|
:width 17
|
|
|
|
|
:height 17}}]]]])
|
2016-03-29 23:45:31 +03:00
|
|
|
|
|
|
|
|
(defn chats-list [{:keys [navigator]}]
|
|
|
|
|
(let [chats (subscribe [:get-chats])]
|
|
|
|
|
(fn []
|
|
|
|
|
(let [chats @chats
|
|
|
|
|
_ (log/debug "chats=" chats)
|
|
|
|
|
datasource (to-realm-datasource chats)]
|
|
|
|
|
[view {:style {:flex 1
|
|
|
|
|
:backgroundColor "white"}}
|
2016-05-02 16:56:42 +03:00
|
|
|
[toolbar]
|
2016-03-29 23:45:31 +03:00
|
|
|
[list-view {:dataSource datasource
|
|
|
|
|
:renderRow (fn [row section-id row-id]
|
|
|
|
|
(r/as-element [chat-list-item row navigator]))
|
2016-04-01 18:05:55 +03:00
|
|
|
:style {:backgroundColor "white"}}]
|
2016-04-18 13:38:38 +03:00
|
|
|
[action-button {:buttonColor color-blue}
|
2016-04-01 18:05:55 +03:00
|
|
|
[action-button-item {:title "New Chat"
|
|
|
|
|
:buttonColor "#9b59b6"
|
|
|
|
|
:onPress (fn []
|
|
|
|
|
(dispatch [:show-contacts navigator]))}
|
|
|
|
|
[icon {:name "android-create"
|
|
|
|
|
:style {:fontSize 20
|
|
|
|
|
:height 22
|
|
|
|
|
:color "white"}}]]
|
|
|
|
|
[action-button-item {:title "New Group Chat"
|
|
|
|
|
:buttonColor "#1abc9c"
|
|
|
|
|
:onPress (fn []
|
|
|
|
|
(dispatch [:show-group-new navigator]))}
|
|
|
|
|
[icon {:name "person-stalker"
|
|
|
|
|
:style {:fontSize 20
|
|
|
|
|
:height 22
|
|
|
|
|
:color "white"}}]]]]))))
|
