Added logout button on header #YDD-40

Deepak
1 parent 5cd508fa11
Showing 2 changed files with 12 additions and 2 deletions Show diff stats
client/stylesheets/custom.css
imports/client/views/org/app/module/navigation/AuthenticatedNavigation.js
@@ -30,6 +30,12 @@ table .dropdown-menu &gt; li &gt; span{
   padding: 6px 16px;
   display: block;
 }
+span.logout {
+  background-color: #1a222f;
+  border-color: #ffffff;
+  color: #fff;
+  cursor: pointer;
+}
 button.close span{
   font-size: 24px;
   color: black;
@@ -45,7 +45,7 @@ export class AuthenticatedNavigation extends Component {
           <Navbar.Brand>
             <a href="#">
               <Glyphicon glyph="link" />
-              &nbsp; YoungDesk 
+              &nbsp; YoungDesk
             </a>
           </Navbar.Brand>
           <ul className="nav navbar-nav visible-xs-block">
@@ -136,7 +136,11 @@ export class AuthenticatedNavigation extends Component {
         </ul>
         <div className="navbar-right">
             <p className="navbar-text">Hello {user.getFullName()}</p>
-            <p className="navbar-text"><span className="label bg-success-400">Online</span></p>
+            <p className="navbar-text"
+              onClick   = {() => logout()}
+            >
+              <span className="label logout">logout</span>
+              </p>
             <Nav>
                 <NavDropdown title="Activity" id="activity">
                     <div className="dropdown-content">
...	...	@@ -30,6 +30,12 @@ table .dropdown-menu > li > span{
30	30	padding: 6px 16px;
31	31	display: block;
32	32	}
	33	+span.logout {
	34	+ background-color: #1a222f;
	35	+ border-color: #ffffff;
	36	+ color: #fff;
	37	+ cursor: pointer;
	38	+}
33	39	button.close span{
34	40	font-size: 24px;
35	41	color: black;
...	...
...	...	@@ -45,7 +45,7 @@ export class AuthenticatedNavigation extends Component {
45	45	<Navbar.Brand>
46	46	<a href="#">
47	47	<Glyphicon glyph="link" />
48		-   YoungDesk
	48	+   YoungDesk
49	49	</a>
50	50	</Navbar.Brand>
51	51	<ul className="nav navbar-nav visible-xs-block">
...	...	@@ -136,7 +136,11 @@ export class AuthenticatedNavigation extends Component {
136	136	</ul>
137	137	<div className="navbar-right">
138	138	<p className="navbar-text">Hello {user.getFullName()}</p>
139		- <p className="navbar-text"><span className="label bg-success-400">Online</span></p>
	139	+ <p className="navbar-text"
	140	+ onClick = {() => logout()}
	141	+ >
	142	+ <span className="label logout">logout</span>
	143	+ </p>
140	144	<Nav>
141	145	<NavDropdown title="Activity" id="activity">
142	146	<div className="dropdown-content">
...	...