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
|
|
|
|
|
touchable-highlight
|
|
|
|
|
navigator
|
|
|
|
|
toolbar-android]]
|
|
|
|
|
[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]]
|
|
|
|
|
[syng-im.components.icons.ionicons :refer [icon]]))
|
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"}}
|
|
|
|
|
(when android?
|
|
|
|
|
;; TODO add IOS version
|
|
|
|
|
[toolbar-android {:logo res/logo-icon
|
2016-04-14 16:13:01 +03:00
|
|
|
:title "Chats"
|
2016-03-29 23:45:31 +03:00
|
|
|
:titleColor "#4A5258"
|
|
|
|
|
:subtitle "List of your recent chats"
|
|
|
|
|
:subtitleColor "#AAB2B2"
|
2016-04-14 16:13:01 +03:00
|
|
|
:navIcon res/icon-list
|
2016-03-29 23:45:31 +03:00
|
|
|
:style {:backgroundColor "white"
|
|
|
|
|
:height 56
|
|
|
|
|
:elevation 2}
|
|
|
|
|
:onIconClicked (fn []
|
|
|
|
|
(nav-pop navigator))}])
|
|
|
|
|
[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"}}]
|
|
|
|
|
[action-button {:buttonColor "rgba(231,76,60,1)"}
|
|
|
|
|
[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"}}]]]]))))
|
