Logout button

skins/base/views/organisms/LogoutPrompt.js

@@ -0,0 +1,37 @@
+/*
+Copyright 2015 OpenMarket Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+'use strict';
+
+var React = require('react');
+
+var LogoutPromptController = require("../../../../src/controllers/organisms/LogoutPrompt");
+
+module.exports = React.createClass({
+    displayName: 'LogoutPrompt',
+    mixins: [LogoutPromptController],
+
+    render: function() {
+        return (
+            <div className="mx_LogoutPrompt">
+                Sign out?<br />
+                <button onClick={this.logOut}>Sign Out</button>
+                <button onClick={this.cancelPrompt}>Cancel</button>
+            </div>
+        );
+    },
+});
+

skins/base/views/organisms/UserSettings.js

@@ -22,6 +22,7 @@ var UserSettingsController = require("../../../../src/controllers/organisms/User
 var EditableText = ComponentBroker.get('atoms/EditableText');
 var ChangeAvatar = ComponentBroker.get('molecules/ChangeAvatar');
 var ChangePassword = ComponentBroker.get('molecules/ChangePassword');
+var LogoutPrompt = ComponentBroker.get('organisms/LogoutPrompt');
 var Loader = require("react-loader");
 
 var Modal = require("../../../../src/Modal")
@@ -47,6 +48,14 @@ module.exports = React.createClass({
         Modal.createDialog(ChangePassword);
     },
 
+    onLogoutClicked: function(ev) {
+        this.logoutModal = Modal.createDialog(LogoutPrompt, {onCancel: this.onLogoutPromptCancel});
+    },
+
+    onLogoutPromptCancel: function() {
+        this.logoutModal.closeDialog();
+    },
+
     render: function() {
         switch (this.state.phase) {
             case this.Phases.Loading:
@@ -88,6 +97,9 @@ module.exports = React.createClass({
                                 <div className="mx_UserSettings_ClientVersion">
                                     Version {this.state.clientVersion}
                                 </div>
+                                <div className="mx_UserSettings_Logout">
+                                    <button onClick={this.onLogoutClicked}>Sign Out</button>
+                                </div>
                             </div>
                         </div>
                     </div>

src/ComponentBroker.js

@@ -95,6 +95,7 @@ require('../skins/base/views/molecules/ChangePassword');
 // new for vector
 require('../skins/base/views/organisms/LeftPanel');
 require('../skins/base/views/organisms/RightPanel');
+require('../skins/base/views/organisms/LogoutPrompt');
 require('../skins/base/views/molecules/RoomCreate');
 require('../skins/base/views/molecules/RoomDropTarget');
 require('../skins/base/views/molecules/DirectoryMenu');

src/controllers/organisms/LogoutPrompt.js

@@ -0,0 +1,35 @@
+/*
+Copyright 2015 OpenMarket Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+'use strict';
+
+var dis = require("../../dispatcher");
+
+module.exports = {
+    logOut: function() {
+        dis.dispatch({action: 'logout'});
+        if (this.props.onFinished) {
+            this.props.onFinished();
+        }
+    },
+
+    cancelPrompt: function() {
+        if (this.props.onFinished) {
+            this.props.onFinished();
+        }
+    }
+};
+

src/controllers/organisms/UserSettings.js

@@ -68,5 +68,5 @@ module.exports = {
             },
             function(err) { console.err(err); }
         );
-    },
+    }
 }