public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2026-01-30 09:07:21 +00:00
Code Issues Releases Wiki Activity

実装：PlanetNavigatorのUser iconを押すとそのUser pageに飛ぶ

Browse Source 
改善：Profile Photoに影を追加
This commit is contained in:
Rokt33r
2015-07-29 13:17:55 +09:00
parent e5e6e2e1b8
commit 49057810fb
6 changed files with 22 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
browser/main/Components/PlanetNavigator.jsx
View File

@@ -1,4 +1,6 @@
var React = require('react/addons')
var ReactRouter = require('react-router')
var Link = ReactRouter.Link
var ProfileImage = require('./ProfileImage')
@@ -27,8 +29,10 @@ var PlanetNavigator = React.createClass({
var users = this.props.currentPlanet.Users.map(function (user) {
return (
<li key={'user-' + user.id}>
<ProfileImage size='44' email={user.email}/>
<div className='userTooltip'>{user.profileName}</div>
<Link to='user' params={{userName: user.name}}>
<ProfileImage className='userPhoto' size='44' email={user.email}/>
<div className='userTooltip'>{user.profileName}</div>
</Link>
</li>
)
})
@@ -62,7 +66,7 @@ var PlanetNavigator = React.createClass({
<div className='usersLabel'>Users</div>
<ul className='users'>
{users}
<li onClick={this.props.openAddUserModal} className='btn-default'><i className='fa fa-plus'/></li>
<li onClick={this.props.openAddUserModal} className='addUserButton btn-default'><i className='fa fa-plus'/></li>
</ul>
</div>
)

3
browser/main/Containers/UserContainer.jsx
View File

@@ -6,6 +6,7 @@ var Link = ReactRouter.Link
var request = require('superagent')
var UserNavigator = require('../Components/UserNavigator')
var ProfileImage = require('../Components/ProfileImage')
var AuthStore = require('../Stores/AuthStore')
var PlanetStore = require('../Stores/PlanetStore')
@@ -130,7 +131,7 @@ module.exports = React.createClass({
<div className='UserHome'>
<h1>User Profile</h1>
<div className='userProfile'>
<img className='userPhoto' width='150' height='150' src='../vendor/dummy.jpg'/>
<ProfileImage className='userPhoto' size='150' email={user.email}/>
<div className='userIntro'>
<div className='userProfileName'>{user.profileName}</div>
<Link className='userName' to='user' params={{userName: user.name}}>{user.name}</Link>