public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2026-02-05 20:11:40 +00:00
Code Issues Releases Wiki Activity

実装 - PlanetArticleListへのAuto scroll追加

Browse Source
This commit is contained in:
Rokt33r
2015-08-23 03:42:00 +09:00
parent 9712be909d
commit 4319711dc6
8 changed files with 23 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
browser/main/Components/PlanetArticleDetail.jsx
View File

@@ -76,7 +76,7 @@ module.exports = React.createClass({
</div>
<span className='itemControl'>
<button onClick={this.openEditModal} className='editButton'>
<button id='articleEditButton' onClick={this.openEditModal} className='editButton'>
<i className='fa fa-edit fa-fw'></i>
<div className='tooltip'>Edit</div>
</button>
@@ -107,7 +107,7 @@ module.exports = React.createClass({
</div>
<span className='itemControl'>
<button onClick={this.openEditModal} className='editButton'>
<button id='articleEditButton' onClick={this.openEditModal} className='editButton'>
<i className='fa fa-edit fa-fw'></i>
<div className='tooltip'>Edit</div>
</button>

8
browser/main/Components/PlanetArticleList.jsx
View File

@@ -15,9 +15,10 @@ module.exports = React.createClass({
},
handleArticleClikck: function (article) {
if (article.type === 'code') {
return function () {
return function (e) {
var params = this.getParams()
document.getElementById('articleEditButton').focus()
this.transitionTo('codes', {
userName: params.userName,
planetName: params.planetName,
@@ -27,9 +28,10 @@ module.exports = React.createClass({
}
if (article.type === 'note') {
return function () {
return function (e) {
var params = this.getParams()
document.getElementById('articleEditButton').focus()
this.transitionTo('notes', {
userName: params.userName,
planetName: params.planetName,
@@ -91,7 +93,7 @@ module.exports = React.createClass({
return (
<div className='PlanetArticleList'>
<ul>
<ul ref='articles'>
{articles}
</ul>
</div>

12
browser/main/Containers/PlanetContainer.jsx
View File

@@ -230,6 +230,18 @@ module.exports = React.createClass({
return
}
var listElement = this.refs.list.refs.articles.getDOMNode()
var articleElement = listElement.querySelectorAll('li')[index]
var overflowBelow = listElement.clientHeight + listElement.scrollTop < articleElement.offsetTop + articleElement.clientHeight
if (overflowBelow) {
listElement.scrollTop = articleElement.offsetTop + articleElement.clientHeight - listElement.clientHeight
}
var overflowAbove = listElement.scrollTop > articleElement.offsetTop
if (overflowAbove) {
listElement.scrollTop = articleElement.offsetTop
}
if (article.type === 'code') {
params.localId = article.localId
this.transitionTo('codes', params)

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

@@ -190,7 +190,6 @@ module.exports = React.createClass({
return this.renderUserHome(currentUser)
}
} else if (this.isActive('planet') && user != null && user.userType === 'team') {
console.log(user.Members)
var members = user.Members.map(function (member) {
return (
<li key={'user-' + member.id}><Link to='userHome' params={{userName: member.name}}>