From 79756602a7578e4597342c201e51a36fcd17f8a6 Mon Sep 17 00:00:00 2001
From: or-else <or.else@gmail.com>
Date: Mon, 10 Jul 2017 19:29:35 +0300
Subject: [PATCH] topic member management complete

---
 index.html | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index 6258fd7a..a78beea0 100644
--- a/index.html
+++ b/index.html
@@ -1514,7 +1514,7 @@
           auth: null,
           anon: null,
           contactList: [],
-          showMemberPanel: false
+          showMemberPanel: this.props.showMemberPanel
         };
       },
 
@@ -2162,6 +2162,7 @@
           subscriptions: {},
           displayMobile: (window.innerWidth <= MEDIA_BREAKPOINT),
           showInfoPanel: false,
+          infoPanelShowMembers: false,
           mobilePanel: 'sidepanel',
           contextMenuVisible: false,
           contextMenuBounds: null,
@@ -2261,6 +2262,7 @@
           loginDisabled: false,
           subscriptions: {},
           showInfoPanel: false,
+          infoPanelShowMembers: false,
           mobilePanel: 'sidepanel',
           contextMenuVisible: false,
           contextMenuBounds: null,
@@ -2426,7 +2428,8 @@
               topicSelected: topic.name,
               sidePanelSelected: 'contacts',
               mobilePanel: 'topic-view',
-              showInfoPanel: false
+              showInfoPanel: true,
+              infoPanelShowMembers: true
             });
           }).catch(function(err) {
             instance.setState({errorText: err.message});
@@ -2462,7 +2465,11 @@
         var instance = this;
         topic.leave(true).then(function(ctrl) {
           // Hide MessageView and InfoView panels.
-          instance.setState({topicSelected: '', showInfoPanel: false});
+          instance.setState({
+            topicSelected: '',
+            showInfoPanel: false,
+            infoPanelShowMembers: false
+          });
         });
       },
 
@@ -2546,10 +2553,10 @@
         }
       },
       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) {
@@ -2642,6 +2649,7 @@
                 topic={this.state.topicSelected}
                 foundContacts={this.state.foundContacts}
                 myUserId={this.state.myUserId}
+                showMemberPanel={this.state.infoPanelShowMembers}
                 onSubmit={this.handleTopicUpdateRequest}
                 onCancel={this.handleHideInfoView}
                 onChangePermissions={this.handleChangePermissions}