Add delete message 2 (#3560)

* add delete Folder(file) message

* add delete my-libs repo message

* add group-view delete repo message

* optimzed code

frontend/src/pages/groups/group-view.js

@@ -10,6 +10,7 @@ import Loading from '../../components/loading';
 import ModalPortal from '../../components/modal-portal';
 import Group from '../../models/group';
 import Repo from '../../models/repo';
+import toaster from '../../components/toast';
 import CommonToolbar from '../../components/toolbar/common-toolbar';
 import CreateRepoDialog from '../../components/dialog/create-repo-dialog';
 import CreateDepartmentRepoDialog from '../../components/dialog/create-department-repo-dialog';
@@ -219,8 +220,13 @@ class GroupView extends React.Component {
         return item.repo_id !== repo.repo_id;
       });
       this.setState({repoList: repoList});
+      let name = repo.repo_name;
+      var msg = gettext("Successfully deleted {name}.").replace('{name}', name);
+      toaster.success(msg);
     }).catch(() => {
-      // todo;
+      let name = repo.repo_name;
+      var msg = gettext("Failed to delete {name}.").replace('{name}', name);
+      toaster.danger(msg);
     });
   }
 

frontend/src/pages/groups/groups-view.js

@@ -5,6 +5,7 @@ import { seafileAPI } from '../../utils/seafile-api';
 import Loading from '../../components/loading';
 import Group from '../../models/group';
 import Repo from '../../models/repo';
+import toaster from '../../components/toast';
 import GroupsToolbar from '../../components/toolbar/groups-toolbar';
 import SharedRepoListView from '../../components/shared-repo-list-view/shared-repo-list-view';
 import CreateGroupDialog from '../../components/dialog/create-group-dialog';
@@ -53,8 +54,13 @@ class RepoListViewPanel extends React.Component {
         return item.repo_id !== repo.repo_id;
       });
       this.setState({repoList: repoList});
+      let name = repo.repo_name;
+      var msg = gettext("Successfully deleted {name}.").replace('{name}', name);
+      toaster.success(msg);
     }).catch(() => {
-      // todo;
+      let name = repo.repo_name;
+      var msg = gettext("Failed to delete {name}.").replace('{name}', name);
+      toaster.danger(msg);
     });
   }
   

frontend/src/pages/lib-content-view/lib-content-view.js

@@ -581,6 +581,15 @@ class LibContentView extends React.Component {
         }
         this.deleteDirent(direntPath);
       });
+      var msg = gettext("Successfully deleted {name} and other {n} items.");
+      msg = msg.replace('{name}', dirNames[0]);
+      msg = msg.replace('{n}', dirNames.length - 1);
+      toaster.success(msg);
+    }).catch(() => {
+      var msg = gettext("Failed to delete {name} and other {n} items.");
+      msg = msg.replace('{name}', dirNames[0]);
+      msg = msg.replace('{n}', dirNames.length - 1);
+      toaster.danger(msg);
     });
   }
 
@@ -745,14 +754,24 @@ class LibContentView extends React.Component {
     if (isDir) {
       seafileAPI.renameDir(repoID, path, newName).then(() => {
         this.renameItemAjaxCallback(path, newName);
+        let name = Utils.getFileName(path);
+        var msg = gettext("Rename {name} successfully").replace('{name}', name);
+        toaster.success(msg);
       }).catch(() => {
-        // todo
+        let name = Utils.getFileName(path);
+        var msg = gettext("Renaming {name} failed").replace('{name}', name);
+        toaster.danger(msg);
       });
     } else {
       seafileAPI.renameFile(repoID, path, newName).then(() => {
         this.renameItemAjaxCallback(path, newName);
+        let name = Utils.getFileName(path);
+        var msg = gettext("Rename {name} successfully").replace('{name}', name);
+        toaster.success(msg);
       }).catch(() => {
-        // todo
+        let name = Utils.getFileName(path);
+        var msg = gettext("Renaming {name} failed").replace('{name}', name);
+        toaster.danger(msg);
       });
     }
   }
@@ -769,14 +788,24 @@ class LibContentView extends React.Component {
     if (isDir) {
       seafileAPI.deleteDir(repoID, path).then(() => {
         this.deleteItemAjaxCallback(path, isDir);
+        let name = Utils.getFileName(path);
+        var msg = gettext("Successfully deleted {name}").replace('{name}', name);
+        toaster.success(msg);
       }).catch(() => {
-        // todo
+        let name = Utils.getFileName(path);
+        var msg = gettext("Failed to delete {name}").replace('{name}', name);
+        toaster.danger(msg);
       });
     } else {
       seafileAPI.deleteFile(repoID, path).then(() => {
         this.deleteItemAjaxCallback(path, isDir);
+        let name = Utils.getFileName(path);
+        var msg = gettext("Successfully deleted {name}").replace('{name}', name);
+        toaster.success(msg);
       }).catch(() => {
-        // todo
+        let name = Utils.getFileName(path);
+        var msg = gettext("Failed to delete {name}").replace('{name}', name);
+        toaster.danger(msg);
       });
     }
   }

frontend/src/pages/my-libs/mylib-repo-list-item.js

@@ -195,11 +195,13 @@ class MylibRepoListItem extends React.Component {
   onDeleteRepo = (repo) => {
     seafileAPI.deleteRepo(repo.repo_id).then((res) => {
       this.props.onDeleteRepo(repo);
-
+      let name = repo.repo_name;
-      // TODO: show feedback msg
+      var msg = gettext("Successfully deleted {name}.").replace('{name}', name);
-    }).catch((error) => {
+      toaster.success(msg);
-
+    }).catch(() => {
-      // TODO: show feedback msg
+      let name = repo.repo_name;
+      var msg = gettext("Failed to delete {name}.").replace('{name}', name);
+      toaster.danger(msg);
     });
   }