haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-05 17:02:47 +00:00
Code Issues Releases Wiki Activity

clean package.json and repair code style (#2411)

Browse Source 
* clean package.json and repair code style

* update css style

* repair bug
This commit is contained in:
shanshuirenjia
2018-09-29 18:32:53 +08:00
committed by Daniel Pan
parent 3ab4cbff4f
commit 3a67d78016
40 changed files with 549 additions and 547 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
frontend/src/components/common/account.js
View File

@@ -17,7 +17,7 @@ class Account extends Component {
isStaff: false,
usageRate: '',
avatarURL: '',
}
};
}
componentDidMount(){
@@ -62,34 +62,34 @@ class Account extends Component {
this.setState({
showInfo: !this.state.showInfo,
})
});
}
onClickAccount = () => {
this.setState({
showInfo: !this.state.showInfo,
})
this.setState({
showInfo: !this.state.showInfo,
});
}
getAccountInfo = () => {
editorUtilities.getAccountInfo().then(resp => {
this.setState({
userName: resp.data.name,
contactEmail: resp.data.email,
usageRate: resp.data.space_usage,
quotaUsage: bytesToSize(resp.data.usage),
quotaTotal: bytesToSize(resp.data.total),
isStaff: resp.data.is_staff,
avatarURL: resp.data.avatar_url
})
})
this.setState({
userName: resp.data.name,
contactEmail: resp.data.email,
usageRate: resp.data.space_usage,
quotaUsage: bytesToSize(resp.data.usage),
quotaTotal: bytesToSize(resp.data.total),
isStaff: resp.data.is_staff,
avatarURL: resp.data.avatar_url
});
});
}
renderMenu = () => {
if(this.state.isStaff){
return (
<a href={siteRoot + 'sys/useradmin/'} title={gettext("System Admin")} className="item">{gettext("System Admin")}</a>
)
<a href={siteRoot + 'sys/useradmin/'} title={gettext('System Admin')} className="item">{gettext('System Admin')}</a>
);
}
}
@@ -97,46 +97,43 @@ class Account extends Component {
if (this.state.avatarURL) {
return (
<img src={this.state.avatarURL} width="36" height="36" className="avatar" />
)
);
}
return (
<img src="" width="36" height="36" className="avatar" />
)
);
}
render() {
return (
<div id="account">
<a id="my-info" onClick={this.onClickAccount} className="account-toggle no-deco d-none d-md-block" aria-label="View profile and more">
<span>
<img src={this.state.avatarURL} width="36" height="36" className="avatar" />
</span> <span className="fas fa-caret-down vam"></span>
<span><img src={this.state.avatarURL} width="36" height="36" className="avatar" /></span>
<span className="fas fa-caret-down vam"></span>
</a>
<span className="account-toggle sf2-icon-more mobile-icon d-md-none" aria-label="View profile and more" onClick={this.onClickAccount}></span>
<div id="user-info-popup" className={`account-popup sf-popover ${this.state.showInfo? '':'hide'}`}>
<div className="outer-caret up-outer-caret"><div className="inner-caret"></div></div>
<div className="sf-popover-con">
<div className="item o-hidden">
{this.renderAvatar()}
<div className="txt">
{this.state.userName}
</div>
</div>
<div id="space-traffic">
<div className="item">
<p>{gettext("Used")}: {this.state.quotaUsage} / {this.state.quotaTotal}</p>
<div id="quota-bar">
<span id="quota-usage" className="usage" style={{width: this.state.usageRate}}></span>
</div>
</div>
</div>
<a href={siteRoot + 'profile/'} className="item">{gettext("Settings")}</a>
{this.renderMenu()}
<a href={siteRoot + 'accounts/logout/'} className="item">{gettext("Log out")}</a>
</div>
<div className="outer-caret up-outer-caret">
<div className="inner-caret"></div>
</div>
<div className="sf-popover-con">
<div className="item o-hidden">
{this.renderAvatar()}
<div className="txt">{this.state.userName}</div>
</div>
<div id="space-traffic">
<div className="item">
<p>{gettext('Used')}: {this.state.quotaUsage} / {this.state.quotaTotal}</p>
<div id="quota-bar"><span id="quota-usage" className="usage" style={{width: this.state.usageRate}}></span></div>
</div>
</div>
<a href={siteRoot + 'profile/'} className="item">{gettext('Settings')}</a>
{this.renderMenu()}
<a href={siteRoot + 'accounts/logout/'} className="item">{gettext('Log out')}</a>
</div>
</div>
</div>
)
);
}
}