diff --git a/frontend/src/components/Notification.js b/frontend/src/components/Notification.js
new file mode 100644
index 0000000000..52a7a120d8
--- /dev/null
+++ b/frontend/src/components/Notification.js
@@ -0,0 +1,53 @@
+import React from 'react';
+
+const gettext = window.gettext;
+class Notification extends React.Component {
+ constructor(props) {
+ super(props);
+ this.state = {
+ showNotice: false,
+ notice_html: ''
+ }
+ }
+
+ onClick = () => {
+ this.setState({
+ showNotice: !this.state.showNotice
+ })
+ if (!this.state.showNotice) {
+ this.loadNotices()
+ }
+ }
+
+ loadNotices = () => {
+ this.props.seafileAPI.getPopupNotices().then(res => {
+ this.setState({
+ notice_html: res.data.notice_html
+ })
+ })
+ }
+
+ render() {
+ return (
+
+
+
+ 0
+
+
+
+
+
{gettext('Notifications')}
+
+
+
+
+
{error_msg}
;
+ } else {
+ return (
+
+
+
+
+ | {/* avatar */} |
+ {gettext("User")} |
+ {gettext("Operation")} |
+ {gettext("File")} / {gettext("Library")} |
+ {gettext("Time")} |
+
+
+
+
+ {events.has_more ? : ''}
+ {events.error_msg ? {events.error_msg}
: ''}
+
+ );
+ }
+ }
+}
+
+class TableBody extends Component {
+
+ encodePath(path) {
+ let path_arr = path.split('/'),
+ path_arr_ = [];
+ for (let i = 0, len = path_arr.length; i < len; i++) {
+ path_arr_.push(encodeURIComponent(path_arr[i]));
+ }
+ return path_arr_.join('/');
+ }
+
+ render() {
+ let listFilesActivities = this.props.items.map(function(item, index) {
+ let op, details;
+ let userProfileURL = `${siteRoot}profile/${encodeURIComponent(item.author_email)}/`;
+
+ let libURL = `${siteRoot}#common/lib/${item.repo_id}`;
+ let libLink = {item.repo_name};
+ let smallLibLink = {item.repo_name};
+
+ if (item.obj_type == 'repo') {
+ switch(item.op_type) {
+ case 'create':
+ op = gettext("Created library");
+ details = {libLink} | ;
+ break;
+ case 'rename':
+ op = gettext("Renamed library");
+ details = {item.old_repo_name} => {libLink} | ;
+ break;
+ case 'delete':
+ op = gettext("Deleted library");
+ details = {item.repo_name} | ;
+ break;
+ case 'recover':
+ op = gettext("Restored library");
+ details = {libLink} | ;
+ break;
+ case 'clean-up-trash':
+ if (item.days == 0) {
+ op = gettext("Removed all items from trash.");
+ } else {
+ op = gettext("Removed items older than {n} days from trash.").replace('{n}', item.days);
+ }
+ details = {libLink} | ;
+ break;
+ }
+ } else if (item.obj_type == 'file') {
+ let fileURL = `${siteRoot}lib/${item.repo_id}/file${this.encodePath(item.path)}`;
+ let fileLink = {item.name};
+ switch(item.op_type) {
+ case 'create':
+ op = gettext("Created file");
+ details = {fileLink}
{smallLibLink} | ;
+ break;
+ case 'delete':
+ op = gettext("Deleted file");
+ details = {item.name}
{smallLibLink} | ;
+ break;
+ case 'recover':
+ op = gettext("Restored file");
+ details = {fileLink}
{smallLibLink} | ;
+ break;
+ case 'rename':
+ op = gettext("Renamed file");
+ details = {item.old_name} => {fileLink}
{smallLibLink} | ;
+ break;
+ case 'move':
+ let filePathLink = {item.path};
+ op = gettext("Moved file");
+ details = {item.old_path} => {filePathLink}
{smallLibLink} | ;
+ break;
+ case 'edit': // update
+ op = gettext("Updated file");
+ details = {fileLink}
{smallLibLink} | ;
+ break;
+ }
+ } else { // dir
+ let dirURL = `${siteRoot}#common/lib/${item.repo_id}${this.encodePath(item.path)}`;
+ let dirLink = {item.name};
+ switch(item.op_type) {
+ case 'create':
+ op = gettext("Created folder");
+ details = {dirLink}
{smallLibLink} | ;
+ break;
+ case 'delete':
+ op = gettext("Deleted folder");
+ details = {item.name}
{smallLibLink} | ;
+ break;
+ case 'recover':
+ op = gettext("Restored folder");
+ details = {dirLink}
{smallLibLink} | ;
+ break;
+ case 'rename':
+ op = gettext("Renamed folder");
+ details = {item.old_name} => {dirLink}
{smallLibLink} | ;
+ break;
+ case 'move':
+ let dirPathLink = {item.path};
+ op = gettext("Moved folder");
+ details = {item.old_path} => {dirPathLink}
{smallLibLink} | ;
+ break;
+ }
+ }
+
+ return (
+
+
+ 
+ |
+
+ {item.author_name}
+ |
+ {op} |
+ {details}
+ |
+
+ );
+ }, this);
+
+ return (
+ {listFilesActivities}
+ );
+ }
+}
+
+class FilesActivities extends Component {
+ constructor(props) {
+ super(props);
+ this.state = {
+ loading: true,
+ error_msg: '',
+ events: {}
+ };
+
+ this.handleScroll = this.handleScroll.bind(this);
+ }
+
+ componentDidMount() {
+ const pageNum = 1
+ this.props.seafileAPI.getActivities(pageNum)
+ .then(res => {
+ // not logged in
+ if (res.status == 403) {
+ this.setState({
+ loading: false,
+ error_msg: gettext("Permission denied")
+ });
+ } else {
+ // {"events":[...]}
+ this.setState({
+ loading: false,
+ events: {
+ page: 1,
+ items: res.data.events,
+ has_more: res.data.events.length == per_page ? true : false
+ }
+ });
+ }
+ });
+ }
+
+ getMore() {
+ const pageNum = this.state.events.page + 1;
+ this.props.seafileAPI.getActivities(pageNum)
+ .then(res => {
+ this.setState(function(prevState, props) {
+ let events = prevState.events;
+ if (res.status == 403) { // log out
+ events.error_msg = gettext("Permission denied");
+ events.has_more = false;
+ }
+ if (res.ok) {
+ events.page += 1;
+ events.items = events.items.concat(res.data.events);
+ events.has_more = res.data.events.length == per_page ? true : false;
+ }
+ return {events: events};
+ });
+ });
+ }
+
+ handleScroll(e) {
+ let $el = e.target;
+ if (this.state.events.has_more &&
+ $el.scrollTop > 0 &&
+ $el.clientHeight + $el.scrollTop == $el.scrollHeight) { // scroll to the bottom
+ this.getMore();
+ }
+ }
+
+ render() {
+ return (
+
+
+
{gettext("Activities")}
+
+
+
+
+
+
+
Files
+
+
+
+
Tools
+
+
+
+
+
About
+
+
+
+
+
Server Version: 6.3.3
© 2018 Seafile
+
About Us
+
+