-
Address: {this.state.address}
- {this.state.auth || this.state.anon ?
-
-
-
-
Auth: {this.state.auth}
-
Anon: {this.state.anon}
-
+ {this.state.showMemberPanel ?
+
+ :
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {this.state.address}
+
+
+
+ {this.state.access}
+
+
+
+
+
+ {this.state.auth || this.state.anon ?
+
+
+
+
Auth: {this.state.auth}
+
Anon: {this.state.anon}
+
+
:
null
}
+
+
+ {this.state.groupTopic ?
+
+
+
+
+
+
+
+ :
+
+ }
-
-
-
-
+ }
);
}
@@ -1690,13 +2162,16 @@
subscriptions: {},
displayMobile: (window.innerWidth <= MEDIA_BREAKPOINT),
showInfoPanel: false,
+ infoPanelShowMembers: false,
mobilePanel: 'sidepanel',
contextMenuVisible: false,
contextMenuBounds: null,
contextMenuClickAt: null,
contextMenuTopic: '',
contextMenuItems: [],
- serverVersion: 'no connection'
+ serverVersion: 'no connection',
+ contactsSearchQuery: '',
+ foundContacts: []
};
},
componentDidMount: function() {
@@ -1787,6 +2262,7 @@
loginDisabled: false,
subscriptions: {},
showInfoPanel: false,
+ infoPanelShowMembers: false,
mobilePanel: 'sidepanel',
contextMenuVisible: false,
contextMenuBounds: null,
@@ -1810,6 +2286,44 @@
Tinode.getTopic(data.topic).noteRecv(data.seq);
}, RECEIVED_DELAY);
},
+
+ /* Fnd topic: find contacts by tokens */
+ tnInitFind: function() {
+ var fnd = Tinode.getFndTopic();
+ fnd.onSubsUpdated = this.tnFndSubsUpdated;
+ fnd.onMetaDesc = this.tnFndMetaDesc;
+ if (fnd.isSubscribed()) {
+ this.setState({contactsSearchQuery: fnd.private ? fnd.private.toString() : ''});
+ this.tnFndSubsUpdated();
+ } else {
+ fnd.subscribe({get: {sub: {}, desc: {}}});
+ }
+ },
+
+ tnFndMetaDesc: function(desc) {
+ if (desc.private) {
+ this.setState({contactsSearchQuery: desc.private.toString()});
+ }
+ },
+
+ tnFndSubsUpdated: function() {
+ var contacts = [];
+ // Don't attempt to create P2P topics which already exist. Server will reject the duplicates.
+ Tinode.getFndTopic().subscribers(function(s) {
+ contacts.push(s);
+ });
+ this.setState({foundContacts: contacts});
+ },
+ /** Called when the user enters a contact into the contact search field in the NewAccount panel
+ @param query {Array} is an array of contacts to search for
+ */
+ handleSearchContacts: function(query) {
+ var find = Tinode.getFndTopic();
+ find.setMeta({desc: {private: query}}).then(function(ctrl) {
+ find.getMeta({sub: {}, desc: {}});
+ });
+ },
+
// User clicked on a contact in the side panel or deleted a contact.
handleTopicSelected: function(topicName) {
if (topicName) {
@@ -1858,7 +2372,6 @@
},
handleUpdateAccountRequest: function(password, pub, priv) {
- this.handleSidepanelCancel();
if (pub || priv) {
Tinode.getMeTopic().setMeta({desc: {public: pub, private: priv}});
}
@@ -1899,7 +2412,8 @@
errorText: '',
topicSelected: peerName,
sidePanelSelected: 'contacts',
- mobilePanel: 'topic-view'
+ mobilePanel: 'topic-view',
+ showInfoPanel: false
});
} else {
var topic = peerName ? Tinode.newTopicWith(peerName) : Tinode.newTopic();
@@ -1913,7 +2427,9 @@
errorText: '',
topicSelected: topic.name,
sidePanelSelected: 'contacts',
- mobilePanel: 'topic-view'
+ mobilePanel: 'topic-view',
+ showInfoPanel: true,
+ infoPanelShowMembers: true
});
}).catch(function(err) {
instance.setState({errorText: err.message});
@@ -1921,19 +2437,42 @@
}
},
+ //handleManageGroupMembers: function(topicName) {
+ // FIXME(gene): launch group member manager
+ //onAddMember},
+
handleTopicUpdateRequest: function(topicName, pub, priv) {
var topic = Tinode.getTopic(topicName);
- topic.setMeta({desc: {public: pub, private: priv}});
+ if (topic) {
+ topic.setMeta({desc: {public: pub, private: priv}});
+ }
},
- /** Called when the user enters a contact into the contact search field in the NewAccount panel
- @param query {Array} is an array of contacts to search for
- */
- handleSearchContacts: function(query) {
- var find = Tinode.getFndTopic();
- find.setMeta({desc: {private: query}}).then(function() {
- find.getMeta({sub: {}, desc: {}});
+
+ handleChangePermissions: function(topicName, want) {
+ var topic = Tinode.getTopic(topicName);
+ if (topic) {
+ var am = topic.getAccessMode();
+ am.updateWant(want);
+ topic.setMeta({sub: {mode: am.getWant()}});
+ }
+ },
+
+ handleLeaveUnsubRequest: function(topicName) {
+ var topic = Tinode.getTopic(topicName);
+ if (!topic) {
+ return;
+ }
+ var instance = this;
+ topic.leave(true).then(function(ctrl) {
+ // Hide MessageView and InfoView panels.
+ instance.setState({
+ topicSelected: '',
+ showInfoPanel: false,
+ infoPanelShowMembers: false
});
+ });
},
+
handleDialogCancel: function() {
this.setState({dialogSelected: null});
},
@@ -2014,11 +2553,34 @@
}
},
handleShowInfoView: function() {
- this.setState({showInfoPanel: true});
+ this.setState({showInfoPanel: true, infoPanelShowMembers: false});
},
handleHideInfoView: function() {
- this.setState({showInfoPanel: false});
+ this.setState({showInfoPanel: false, infoPanelShowMembers: false});
},
+ handleMemberUpdateRequest: function(topicName, added, removed) {
+ if (!topicName) {
+ return;
+ }
+
+ var topic = Tinode.getTopic(topicName);
+ if (!topic) {
+ return;
+ }
+
+ if (added && added.length > 0) {
+ added.map(function(uid) {
+ topic.invite(uid, null, "Join my group!");
+ });
+ }
+
+ if (removed && removed.length > 0) {
+ removed.map(function(uid) {
+ topic.delSubscription(uid);
+ });
+ }
+ },
+
render: function() {
return (
@@ -2058,11 +2620,15 @@
onCreateAccount={this.handleNewAccountRequest}
onUpdateAccount={this.handleUpdateAccountRequest}
onTopicSelected={this.handleTopicSelected}
- onSearchContacts={this.handleSearchContacts}
onCreateTopic={this.handleNewTopicRequest}
onNewTopic={this.handleNewTopic}
onCancel={this.handleSidepanelCancel}
+ onInitFind={this.tnInitFind}
+ contactsSearchQuery={this.state.contactsSearchQuery}
+ foundContacts={this.state.foundContacts}
+ onSearchContacts={this.handleSearchContacts}
+
showContextMenu={this.handleShowContextMenu} />
:
null