haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-07 01:41:39 +00:00
Code Issues Releases Wiki Activity

add tags (#3189)

Browse Source 
* add tags

* update
This commit is contained in:
Michael An
2019-03-29 13:40:24 +08:00
committed by Daniel Pan
parent 5b27dcc9a5
commit a7a9ede448
2 changed files with 32 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
frontend/src/components/dirent-list-view/dirent-list-view.js
View File

@@ -92,10 +92,10 @@ class DirentListView extends React.Component {
});
}
onCreateMarkdownToggle = () => {
onCreateNewFile = (suffix) => {
this.setState({
isCreateFileDialogShow: !this.state.isCreateFileDialogShow,
fileType: '.md'
fileType: suffix
});
}
@@ -199,9 +199,23 @@ class DirentListView extends React.Component {
if (this.props.path == '/' && !direntList.length) {
return (
<Fragment>
<div className="tip-for-new-md d-flex">
<button className="big-new-md-button" onClick={this.onCreateMarkdownToggle}><span className="sf2-icon-plus add-md-icon"></span><br />{gettext('Markdown Document')}</button>
<p>{gettext('You can create online document using Markdown format easily. When creating a document, you can mark it as draft. After finishing the draft, you can ask others to review it. They can view the document history in the review page and leave comments on the document.')}</p>
<div className="tip-for-new-file">
<p className="text-center">{gettext('This folder has no content at this time.')}</p>
<p className="text-center">{gettext('You can create files quickly')}{' +'}</p>
<div className="big-new-file-button-group">
<div className="d-flex justify-content-center">
<button className="big-new-file-button" onClick={this.onCreateNewFile.bind(this, '.md')}>
{'+ '}{gettext('Markdown')}</button>
<button className="big-new-file-button" onClick={this.onCreateNewFile.bind(this, '.ppt')}>
{'+ '}{gettext('PPT')}</button>
</div>
<div className="d-flex justify-content-center">
<button className="big-new-file-button" onClick={this.onCreateNewFile.bind(this, '.doc')}>
{'+ '}{gettext('Word')}</button>
<button className="big-new-file-button" onClick={this.onCreateNewFile.bind(this, '.xls')}>
{'+ '}{gettext('Excel')}</button>
</div>
</div>
</div>
{this.state.isCreateFileDialogShow && (
<ModalPortal>

22
frontend/src/css/tip-for-new-md.css
View File

@@ -1,18 +1,22 @@
.tip-for-new-md {
.tip-for-new-file {
padding: 5em 8em;
align-self: flex-start; /* for repo wiki mode */
}
.big-new-md-button {
.big-new-file-button {
padding: .9em 2em 1em;
background: #eee;
border-radius: 8px;
margin-right: 1.5em;
margin: 0 1.5em 1.5em 0;
cursor: pointer;
width: 160px;
}
.big-new-md-button:hover,
.big-new-md-button:focus {
background: #dfdfdf;
.big-new-file-button:hover,
.big-new-file-button:focus {
border-color: #eb9205;
color: #eb8205;
}
.add-md-icon {
font-size: 1.2em;
.tip-for-new-file p {
color: #c4c4c4;
}
.big-new-file-button-group {
margin: 0 auto;
}