diff --git a/frontend/src/components/dialog/org-logs-file-update-detail.js b/frontend/src/components/dialog/org-logs-file-update-detail.js
new file mode 100644
index 0000000000..c7a8b988d0
--- /dev/null
+++ b/frontend/src/components/dialog/org-logs-file-update-detail.js
@@ -0,0 +1,130 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Modal, ModalHeader, ModalBody } from 'reactstrap';
+import { seafileAPI } from '../../utils/seafile-api';
+import { gettext } from '../../utils/constants';
+
+const propTypes = {
+ repoID: PropTypes.string.isRequired,
+ commitID: PropTypes.string.isRequired,
+ toggleCancel: PropTypes.func.isRequired,
+};
+
+class FileUpdateDetailDialog extends React.Component {
+
+ constructor(props) {
+ super(props);
+ this.state = {
+ time: '',
+ renamed: [],
+ deldir: [],
+ modified: [],
+ newdir: [],
+ newfile: [],
+ removed: [],
+ };
+ }
+
+ componentDidMount() {
+ seafileAPI.orgAdminGetFileUpdateDetail(this.props.repoID, this.props.commitID).then(res => {
+ this.setState({
+ time: res.data.date_time,
+ renamed: this.state.renamed.concat(res.data.renamed),
+ deldir: this.state.deldir.concat(res.data.deldir),
+ modified: this.state.modified.concat(res.data.modified),
+ newdir: this.state.newdir.concat(res.data.newdir),
+ newfile: this.state.newfile.concat(res.data.new),
+ removed: this.state.removed.concat(res.data.removed),
+ });
+ });
+ }
+
+ renderContentItem = (items) => {
+ let con = '';
+ con += '';
+ for (var i = 0, len = items.length; i < len; i++) {
+ con += '- ' + items[i] + '
';
+ }
+ con += '
';
+ return {__html: con};
+ }
+
+ renderContent = () => {
+ if (this.state.newfile.length > 0) {
+ return (
+
+
{gettext('New files')}
+
{this.state.time}
+
+
+
{gettext('Deleted files')}
+
{this.state.time}
+
+
+
{gettext('Renamed or Moved files')}
+
{this.state.time}
+
+
+
{gettext('Modified files')}
+
{this.state.time}
+
+
+
{gettext('New directories')}
+
{this.state.time}
+
+
+
{gettext('Deleted directories')}
+
{this.state.time}
+
+
+ {
+ (this.state.userSelected || this.state.repoSelected) &&
+
+ {this.state.userSelected &&
+
+ {this.state.userSelected}{' ✖'}
+
+ }
+ {this.state.repoSelected &&
+
+ {this.state.repoSelected}{' ✖'}
+
+ }
+
+ }
+
+
+
+ | {gettext('User')} |
+ {gettext('Type')} |
+ {gettext('IP')} |
+ {gettext('Date')} |
+ {gettext('Library')} |
+ {gettext('File')} |
+
+
+
+ {eventList.map((item, index) => {
+ return (
+
+ );
+ })}
+
+
+
+
+ | {this.renderUser(fileEvent)} |
+ {this.renderType(fileEvent.type)} |
+ {fileEvent.ip} |
+ {fileEvent.time} |
+ {this.renderRepo(fileEvent)} |
+ {fileEvent.file_name} |
+
+ );
+ }
+ }
+}
+
+FileAuditItem.propTypes = propTypes;
+
+export default OrgLogsFileAudit;
diff --git a/frontend/src/pages/org-admin/org-logs-file-update.js b/frontend/src/pages/org-admin/org-logs-file-update.js
new file mode 100644
index 0000000000..d62236c4ad
--- /dev/null
+++ b/frontend/src/pages/org-admin/org-logs-file-update.js
@@ -0,0 +1,278 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import { Dropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';
+import { seafileAPI } from '../../utils/seafile-api';
+import { siteRoot, gettext } from '../../utils/constants';
+import OrgLogsFileUpdateEvent from '../../models/org-logs-file-update';
+import ModalPortal from '../../components/modal-portal';
+import FileUpdateDetailDialog from '../../components/dialog/org-logs-file-update-detail';
+import '../../css/org-logs.css';
+
+class OrgLogsFileUpdate extends Component {
+
+ constructor(props) {
+ super(props);
+ this.state = {
+ page: 1,
+ pageNext: false,
+ eventList: [],
+ userSelected: '',
+ repoSelected: '',
+ isItemFreezed: false,
+ showDetails: false,
+ repoID: '',
+ commitID: ''
+ };
+ }
+
+ componentDidMount() {
+ let page = this.state.page;
+ let email = this.state.userSelected;
+ let repoID = this.state.repoSelected;
+ this.initData(email, repoID, page);
+ }
+
+ initData = (email, repoID, page) => {
+ seafileAPI.orgAdminListFileUpdate(email, repoID, page).then(res => {
+ let eventList = res.data.log_list.map(item => {
+ return new OrgLogsFileUpdateEvent(item);
+ });
+
+ this.setState({
+ eventList: eventList,
+ pageNext: res.data.page_next,
+ page: res.data.page,
+ });
+
+ });
+ }
+
+ onChangePageNum = (e, num) => {
+ e.preventDefault();
+ let page = this.state.page;
+
+ if (num == 1) {
+ page = page + 1;
+ } else {
+ page = page - 1;
+ }
+ this.initData(page);
+ }
+
+ toggleCancelDetail = () => {
+ this.setState({
+ showDetails: !this.state.showDetails
+ });
+ }
+
+ onDetails = (e, fileEvent) => {
+ e.preventDefault();
+ this.setState({
+ showDetails: !this.state.showDetails,
+ repoID: fileEvent.repo_id,
+ commitID: fileEvent.repo_commit_id
+ });
+ }
+
+ filterUser = (userSelected) => {
+ this.setState({ userSelected: userSelected });
+ }
+
+ filterRepo = (repoSelected) => {
+ this.setState({ repoSelected: repoSelected });
+ }
+
+ render() {
+ let eventList = this.state.eventList;
+ return (
+
+ {
+ (this.state.userSelected || this.state.repoSelected) &&
+
+ {this.state.userSelected &&
+
+ {this.state.userSelected}{' ✖'}
+
+ }
+ {this.state.repoSelected &&
+
+ {this.state.repoSelected}{' ✖'}
+
+ }
+
+ }
+
+
+
+ | {gettext('User')} |
+ {gettext('Date')} |
+ {gettext('Library')} |
+ {gettext('Action')} |
+
+
+
+ {eventList.map((item, index) => {
+ return (
+
+ );
+ })}
+
+
+
+ {this.state.showDetails &&
+
+
+
+ }
+
{fileEvent.description} | ;
+ }
+
+ return (
+ {fileEvent.description}
+ this.props.onDetails(e, fileEvent)}>{gettext('Details')}
+ |
+ );
+ }
+
+ render() {
+ let { fileEvent } = this.props;
+ if (this.props.userSelected && fileEvent.user_email !== this.props.userSelected ) {
+ return null;
+ } else if (this.props.repoSelected && fileEvent.repo_name !== this.props.repoSelected) {
+ return null;
+ } else {
+ return (
+
+ | {this.renderUser(fileEvent)} |
+ {fileEvent.time} |
+ {this.renderRepo(fileEvent)} |
+ {this.renderAction(fileEvent)}
+
+ );
+ }
+ }
+}
+
+FileUpdateItem.propTypes = propTypes;
+
+export default OrgLogsFileUpdate;
diff --git a/frontend/src/pages/org-admin/org-logs-perm-audit.js b/frontend/src/pages/org-admin/org-logs-perm-audit.js
new file mode 100644
index 0000000000..b564f62daa
--- /dev/null
+++ b/frontend/src/pages/org-admin/org-logs-perm-audit.js
@@ -0,0 +1,237 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import { Dropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';
+import { Utils } from '../../utils/utils';
+import { seafileAPI } from '../../utils/seafile-api';
+import { siteRoot, gettext } from '../../utils/constants';
+import OrgLogsFilePermEvent from '../../models/org-logs-perm-audit';
+import '../../css/org-logs.css';
+
+class OrgLogsFileUpdate extends Component {
+
+ constructor(props) {
+ super(props);
+ this.state = {
+ page: 1,
+ pageNext: false,
+ eventList: [],
+ userSelected: '',
+ repoSelected: '',
+ isItemFreezed: false
+ };
+ }
+
+ componentDidMount() {
+ let page = this.state.page;
+ let email = this.state.userSelected;
+ let repoID = this.state.repoSelected;
+ this.initData(email, repoID, page);
+ }
+
+ initData = (email, repoID, page) => {
+ seafileAPI.orgAdminListPermAudit(email, repoID, page).then(res => {
+ let eventList = res.data.log_list.map(item => {
+ return new OrgLogsFilePermEvent(item);
+ });
+
+ this.setState({
+ eventList: eventList,
+ pageNext: res.data.page_next,
+ page: res.data.page,
+ });
+ });
+ }
+
+ onChangePageNum = (e, num) => {
+ e.preventDefault();
+ let page = this.state.page;
+
+ if (num == 1) {
+ page = page + 1;
+ } else {
+ page = page - 1;
+ }
+ this.initData(page);
+ }
+
+ filterUser = (userSelected) => {
+ this.setState({ userSelected: userSelected });
+ }
+
+ render() {
+ let eventList = this.state.eventList;
+ return (
+
+ {this.state.userSelected &&
+
+ {this.state.userSelected}{' ✖'}
+
+ }
+
+
+
+ | {gettext('Share From')} |
+ {gettext('Share To')} |
+ {gettext('Actions')} |
+ {gettext('Permission')} |
+ {gettext('Library')} |
+ {gettext('Folder')} |
+ {gettext('Date')} |
+
+
+
+ {eventList.map((item, index) => {
+ return (
+
+ );
+ })}
+
+
+
+
+ | {this.renderFromUser(permEvent)} |
+ {this.renderToUser(permEvent)} |
+ {this.renderType(permEvent.type)} |
+ {Utils.sharePerms(permEvent.permission)} |
+ {this.renderRepo(permEvent)} |
+ {this.renderFolder(permEvent.folder_name)} |
+ {permEvent.time} |
+
+ );
+ }
+ }
+}
+
+PermAuditItem.propTypes = propTypes;
+
+export default OrgLogsFileUpdate;
diff --git a/frontend/src/pages/org-admin/org-logs.js b/frontend/src/pages/org-admin/org-logs.js
new file mode 100644
index 0000000000..7487f5a204
--- /dev/null
+++ b/frontend/src/pages/org-admin/org-logs.js
@@ -0,0 +1,39 @@
+import React, { Component } from 'react';
+import { Link } from '@reach/router';
+import { siteRoot, gettext } from '../../utils/constants';
+
+class OrgLogs extends Component {
+
+ constructor(props) {
+ super(props);
+ }
+
+ tabItemClick = (param) => {
+ this.props.tabItemClick(param);
+ }
+
+ render() {
+ return (
+
+
+
+
+ - this.tabItemClick('logadmin')}>
+ {gettext('File Access')}
+
+ - this.tabItemClick('file-update')}>
+ {gettext('File Update')}
+
+ - this.tabItemClick('perm-audit')}>
+ {gettext('Permission')}
+
+
+
+ {this.props.children}
+
+