Contextmenu improve (#3238)

* add a commen contextmenu component * optimized translate for menu * repair contextmenu bug * optimized share btn show code * repair showShareBtn bug * optimized contextmenu * optimized contextmenu code * complete dirent-item-menu logic * optimized contextmenu code * complete dirent-container-menu logic * complete tree-node-contextmenu logic * delete unnecessary code * optimized contextmenu func * repair bug * optimized code style * optimized code style * add a dirent-none-view for dir-list-view mode * optimized dirent-container-menu&dirent-item-menu * add select-item contextmenu * repair rebase bug
2025-09-21 03:18:23 +00:00 · 2019-04-11 21:04:47 +08:00
parent 1534d1e737
commit 5d2a2b238c
20 changed files with 1175 additions and 968 deletions
--- a/frontend/src/components/dirent-list-view/dirent-none-view.js
+++ b/frontend/src/components/dirent-list-view/dirent-none-view.js
@@ -0,0 +1,92 @@
+import React, { Fragment } from 'react';
+import PropTypes from 'prop-types';
+import { gettext } from '../../utils/constants';
+import Loading from '../loading';
+import ModalPortal from '../modal-portal';
+import CreateFile from '../../components/dialog/create-file-dialog';
+
+import '../../css/tip-for-new-md.css';
+
+const propTypes = {
+  path: PropTypes.string.isRequired,
+  isDirentListLoading: PropTypes.bool.isRequired,
+  onAddFile: PropTypes.func.isRequired,
+};
+
+class DirentNodeView extends React.Component {
+
+  constructor(props) {
+    super(props);
+    this.state = {
+      fileType: '',
+      isCreateFileDialogShow: false,
+    };
+  } 
+
+  onCreateNewFile = (type) => {
+    this.setState({
+      fileType: type,
+      isCreateFileDialogShow: !this.state.isCreateFileDialogShow,
+    });
+  }
+
+  onCreateFileToggle = () => {
+    this.setState({
+      fileType: '',
+      isCreateFileDialogShow: !this.state.isCreateFileDialogShow,
+    });
+  }
+
+  checkDuplicatedName = () => {
+    return false; // current repo is null, and unnecessary to check duplicated name
+  }
+
+  onAddFile = (filePath, isDraft) => {
+    this.setState({isCreateFileDialogShow: false});
+    this.props.onAddFile(filePath, isDraft);
+  }
+
+  render() {
+    if (this.props.isDirentListLoading) {
+      return (<Loading />);
+    }
+
+    return (
+      <Fragment>
+        <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')}>
+                {'+ Markdown'}</button>
+              <button className="big-new-file-button" onClick={this.onCreateNewFile.bind(this, '.ppt')}>
+                {'+ PPT'}</button>
+            </div>
+            <div className="d-flex justify-content-center">
+              <button className="big-new-file-button" onClick={this.onCreateNewFile.bind(this, '.doc')}>
+                {'+ Word'}</button>
+              <button className="big-new-file-button" onClick={this.onCreateNewFile.bind(this, '.xls')}>
+                {'+ Excel'}</button>
+            </div>
+          </div>
+        </div>
+        {this.state.isCreateFileDialogShow && (
+          <ModalPortal>
+            <CreateFile
+              parentPath={this.props.path}
+              fileType={this.state.fileType}
+              onAddFile={this.onAddFile}
+              addFileCancel={this.onCreateFileToggle}
+              checkDuplicatedName={this.checkDuplicatedName}
+            />
+          </ModalPortal>
+        )}
+      </Fragment>
+    );
+  }
+}
+
+DirentNodeView.propTypes = propTypes;
+
+export default DirentNodeView;