Finishing archiving procedure on Groups Superadmin page.

Author: krulis-martin

src/locales/cs.json

@@ -93,6 +93,9 @@
   "app.groupsSupervisor.archiveButton": "Archivovat vybrané skupiny",
   "app.groupsSupervisor.archivingGroupsHeading": "Archivace starých semestrálních skupin",
   "app.groupsSupervisor.archivingGroupsInfo": "Vybrané semestrální skupiny budou archivovány (včetně všech jejich podskupin). Tuto operaci lze v ReCodExu vrátit zpět individuálním vyjmutím skupin z archivu.",
+  "app.groupsSupervisor.archivingResult": "Celkem {archivedGroups} {archivedGroups, plural, one {skupina byla archivována} =2 {skupiny byly archivovány} =3 {skupiny byly archivovány} =4 {skupiny byly archivovány} other {skupin bylo archivováno}} , ale u {archivedErrors} {archivedErrors, plural, one {skupiny} other {skupin}} se archivace nezdařila. Prosíme, zkuste operaci znovu nebo zkuste archivovat skupiny jednotlivě v ReCodExu.",
+  "app.groupsSupervisor.archivingResultFailure": "Celkem {archivedErrors} {archivedErrors, plural, one {skupina selhala} =2 {skupiny selhaly} =3 {skupiny selhaly} =4 {skupiny selhaly} other {skupin selhalo}} při archivaci. Prosíme, zkuste operaci znovu nebo zkuste archivovat skupiny jednotlivě v ReCodExu.",
+  "app.groupsSupervisor.archivingResultSuccess": "Celkem {archivedGroups} {archivedGroups, plural, one {skupina byla archivována} =2 {skupiny byly archivovány} =3 {skupiny byly archivovány} =4 {skupiny byly archivovány} other {skupin bylo archivováno}}.",
   "app.groupsSupervisor.cancelArchivingButton": "Zrušit archivaci",
   "app.groupsSupervisor.cancelPlantTermButton": "Zrušit osazování skupin",
   "app.groupsSupervisor.currentlyManagedGroups": "Skupiny",

src/locales/en.json

@@ -93,6 +93,9 @@
   "app.groupsSupervisor.archiveButton": "Archive Selected Groups",
   "app.groupsSupervisor.archivingGroupsHeading": "Archiving Old Term Groups",
   "app.groupsSupervisor.archivingGroupsInfo": "Selected term groups will be archived (with all their sub-groups). This operation may be reverted in ReCodEx by individually excavating the groups from the archive.",
+  "app.groupsSupervisor.archivingResult": "Total {archivedGroups} {archivedGroups, plural, one {group} other {groups}} were successfully archived, but {archivedErrors} {archivedErrors, plural, one {group} other {groups}} failed. Please, try the operation again or try archiving the groups individually in ReCodEx.",
+  "app.groupsSupervisor.archivingResultFailure": "Selected {archivedErrors} {archivedErrors, plural, one {group} other {groups}} failed to be archived. Please, try the operation again or try archiving the groups individually in ReCodEx.",
+  "app.groupsSupervisor.archivingResultSuccess": "Total {archivedGroups} {archivedGroups, plural, one {group} other {groups}} were successfully archived.",
   "app.groupsSupervisor.cancelArchivingButton": "Cancel Archiving",
   "app.groupsSupervisor.cancelPlantTermButton": "Cancel Group Planting",
   "app.groupsSupervisor.currentlyManagedGroups": "Groups",

src/pages/GroupsSuperadmin/GroupsSuperadmin.js

@@ -33,6 +33,7 @@ import {
   addGroupAttribute,
   removeGroupAttribute,
   createTermGroup,
+  setGroupArchived,
 } from '../../redux/modules/groups.js';
 import { fetchAllTerms } from '../../redux/modules/terms.js';
 import { fetchUserIfNeeded } from '../../redux/modules/users.js';
@@ -104,14 +105,16 @@ class GroupsSuperadmin extends Component {
     operationPending: false, // an async operation (adding attribute, planting groups, archiving groups) is pending
     selectedGroups: null, // groups with checkboxes (if  checkboxes are shown)
     selectedGroupsCount: 0, // number of selected groups (for easy access without iterating over selectedGroups)
-    modalGroup: null,
-    modalGroupError: null,
-    modalPlant: false,
-    plantTerm: null,
-    plantTexts: null,
-    plantGroupsErrors: null,
-    plantedGroups: 0,
-    archiving: false,
+    modalGroup: null, // group for which the "add attribute" modal is open (also controls whether the modal is open)
+    modalGroupError: null, // error message to be displayed in the "add attribute" modal if the operation fails
+    modalPlant: false, // whether the "plant term groups" modal is open
+    plantTerm: null, // term selected for planting, if null, the first term in the list is used
+    plantTexts: null, // texts for the groups to be planted (not null indicates that stage 2 of planting is active)
+    plantGroupsErrors: null, // object groupId -> error message for groups that failed to be planted (only relevant in stage 2 of planting)
+    plantedGroups: 0, // number of groups successfully planted in the last planting operation
+    archiving: false, // whether the page is in "archiving mode" (selecting groups for archiving)
+    archivedGroups: 0, // number of groups successfully archived in the last archiving operation
+    archivedErrors: 0, // number of groups that failed to be archived in the last archiving operation
   };
 
   pageInDefaultMode = () =>
@@ -135,7 +138,15 @@ class GroupsSuperadmin extends Component {
 
   openModalGroup = modalGroup => {
     if (this.pageInDefaultMode() && !this.state.operationPending) {
-      this.setState({ modalGroup, operationPending: false, modalGroupError: null, modalPlant: false });
+      this.setState({
+        modalGroup,
+        operationPending: false,
+        modalGroupError: null,
+        modalPlant: false,
+        plantedGroups: 0,
+        archivedGroups: 0,
+        archivedErrors: 0,
+      });
     }
   };
 
@@ -181,6 +192,8 @@ class GroupsSuperadmin extends Component {
       operationPending: false,
       plantGroupsErrors: null,
       plantedGroups: 0,
+      archivedGroups: 0,
+      archivedErrors: 0,
     });
   };
 
@@ -269,18 +282,42 @@ class GroupsSuperadmin extends Component {
         selectedGroupsCount: Object.keys(selectedGroups).length,
         plantGroupsErrors: null,
         plantedGroups: 0,
+        archivedGroups: 0,
+        archivedErrors: 0,
       });
     }
   };
 
   archiveSelectedGroups = async () => {
+    const { setGroupArchived, reloadGroups } = this.props;
+
     if (this.state.selectedGroupsCount === 0 || this.state.operationPending) {
       return;
     }
 
-    // TODO change the groups state in ReCodEx
+    const promises = {};
+    Object.keys(this.state.selectedGroups)
+      .filter(id => this.state.selectedGroups[id])
+      .forEach(id => {
+        promises[id] = setGroupArchived(id, true);
+      });
+
+    // wait for all promises and handle errors
+    let archivedGroups = 0;
+    let archivedErrors = 0;
+    for (const id of Object.keys(promises)) {
+      try {
+        await promises[id];
+        ++archivedGroups;
+      } catch (err) {
+        ++archivedErrors;
+      }
+    }
+
+    await reloadGroups();
 
     this.cancelArchiving();
+    this.setState({ archivedGroups, archivedErrors });
   };
 
   cancelArchiving = () => this.setState({ archiving: false, selectedGroups: null, selectedGroupsCount: 0 });
@@ -460,6 +497,49 @@ class GroupsSuperadmin extends Component {
                         </Callout>
                       )}
 
+                      {this.state.archivedGroups + this.state.archivedErrors > 0 && (
+                        <Callout
+                          variant={
+                            this.state.archivedErrors === 0
+                              ? 'success'
+                              : this.state.archivedGroups === 0
+                                ? 'danger'
+                                : 'warning'
+                          }>
+                          <CloseIcon
+                            onClick={() => this.setState({ archivedGroups: 0, archivedErrors: 0 })}
+                            className="float-end clickable pt-1"
+                          />
+
+                          {this.state.archivedErrors === 0 ? (
+                            <FormattedMessage
+                              id="app.groupsSupervisor.archivingResultSuccess"
+                              defaultMessage="Total {archivedGroups} {archivedGroups, plural, one {group} other {groups}} were successfully archived."
+                              values={{
+                                archivedGroups: this.state.archivedGroups,
+                              }}
+                            />
+                          ) : this.state.archivedGroups === 0 ? (
+                            <FormattedMessage
+                              id="app.groupsSupervisor.archivingResultFailure"
+                              defaultMessage="Selected {archivedErrors} {archivedErrors, plural, one {group} other {groups}} failed to be archived. Please, try the operation again or try archiving the groups individually in ReCodEx."
+                              values={{
+                                archivedErrors: this.state.archivedErrors,
+                              }}
+                            />
+                          ) : (
+                            <FormattedMessage
+                              id="app.groupsSupervisor.archivingResult"
+                              defaultMessage="Total {archivedGroups} {archivedGroups, plural, one {group} other {groups}} were successfully archived, but {archivedErrors} {archivedErrors, plural, one {group} other {groups}} failed. Please, try the operation again or try archiving the groups individually in ReCodEx."
+                              values={{
+                                archivedGroups: this.state.archivedGroups,
+                                archivedErrors: this.state.archivedErrors,
+                              }}
+                            />
+                          )}
+                        </Callout>
+                      )}
+
                       <GroupsTreeView
                         groups={groups}
                         errors={this.state.plantTexts ? this.state.plantGroupsErrors : null}
@@ -694,6 +774,7 @@ GroupsSuperadmin.propTypes = {
   removeAttribute: PropTypes.func.isRequired,
   createTermGroup: PropTypes.func.isRequired,
   reloadGroups: PropTypes.func.isRequired,
+  setGroupArchived: PropTypes.func.isRequired,
   intl: PropTypes.object,
 };
 
@@ -714,5 +795,6 @@ export default connect(
       ),
     createTermGroup: (parentId, term, texts) => dispatch(createTermGroup(parentId, term, texts)),
     reloadGroups: () => dispatch(fetchAllGroups()),
+    setGroupArchived: (groupId, value) => dispatch(setGroupArchived(groupId, value)),
   })
 )(injectIntl(GroupsSuperadmin));

src/redux/modules/groups.js

@@ -13,6 +13,7 @@ export const additionalActionTypes = {
   ...createActionsWithPostfixes('JOIN', 'siscodex/groups'),
   ...createActionsWithPostfixes('ADD_ATTRIBUTE', 'siscodex/groups'),
   ...createActionsWithPostfixes('REMOVE_ATTRIBUTE', 'siscodex/groups'),
+  ...createActionsWithPostfixes('SET_ARCHIVED', 'siscodex/groups'),
 };
 
 /**
@@ -91,6 +92,15 @@ export const removeGroupAttribute = (groupId, key, value) =>
     body: { key, value },
   });
 
+export const setGroupArchived = (groupId, value) =>
+  createApiAction({
+    type: additionalActionTypes.SET_ARCHIVED,
+    endpoint: `/groups/${groupId}/archived`,
+    method: 'POST',
+    meta: { groupId, value },
+    body: { value },
+  });
+
 /**
  * Reducer
  */