Merge pull request #754 from the-deep/feature-assessment-export

Feature assessment export
the-deep · Apr 8, 2019 · b85e1a6 · b85e1a6
2 parents 6632007 + 1764629
commit b85e1a6
Show file tree

Hide file tree

Showing 3 changed files with 50 additions and 7 deletions.
diff --git a/src/redux/initial-state/dev-lang.json b/src/redux/initial-state/dev-lang.json
@@ -922,7 +922,8 @@
         "-73426620": "Ascending",
         "-8251517": "Descending",
         "-20881567": "Alphabetical Ascending",
-        "-93837566": "Alphabetical Descending"
+        "-93837566": "Alphabetical Descending",
+        "-58642627": "Start assessment export"
     },
     "links": {
         "browserExtension": {
@@ -1384,7 +1385,8 @@
             "projectLabel": 31,
             "cantLoadProject": 646,
             "afLabel": 379,
-            "cantLoadAf": 648
+            "cantLoadAf": 648,
+            "startAssessmentExportButtonLabel": -58642627
         },
         "fourHundredFour": {
             "errorFourHundredFour": 870,
@@ -2636,4 +2638,4 @@
             "tabularTabTitle": 142
         }
     }
-}
+}
diff --git a/src/views/Export/ExportHeader/index.js b/src/views/Export/ExportHeader/index.js
@@ -6,12 +6,17 @@ import { reverseRoute } from '@togglecorp/fujs';
 import { FgRestBuilder } from '#rsu/rest';
 import Button from '#rsca/Button';
 import PrimaryButton from '#rsca/Button/PrimaryButton';
+import AccentButton from '#rsca/Button/AccentButton';
 
+import Cloak from '#components/general/Cloak';
 import {
     urlForExportTrigger,
     createParamsForExportTrigger,
 } from '#rest';
-import { pathNames } from '#constants';
+import {
+    pathNames,
+    viewsAcl,
+} from '#constants';
 import _ts from '#ts';
 import notify from '#notify';
 
@@ -59,7 +64,7 @@ export default class ExportHeader extends React.PureComponent {
             }
         ));
 
-    export = (onSuccess, isPreview = false, pdf = false) => {
+    export = (onSuccess, isPreview = false, pdf = false, exportItem = 'entry') => {
         // Let's start by collecting the filters
         const {
             projectId,
@@ -71,12 +76,15 @@ export default class ExportHeader extends React.PureComponent {
         } = this.props;
 
         let exportType;
-        if (activeExportTypeKey === 'word' || activeExportTypeKey === 'pdf') {
+        if (exportItem === 'assessment') {
+            exportType = 'excel';
+        } else if (activeExportTypeKey === 'word' || activeExportTypeKey === 'pdf') {
             exportType = 'report';
         } else {
             exportType = activeExportTypeKey;
         }
 
+
         const filters = {
             project: projectId,
             export_type: exportType,
@@ -86,12 +94,17 @@ export default class ExportHeader extends React.PureComponent {
             report_structure: this.createReportStructureForExport(reportStructure || emptyList),
             is_preview: isPreview,
             pdf,
+            export_item: exportItem,
         };
 
         if (this.exportRequest) {
             this.exportRequest.stop();
         }
-        this.exportRequest = this.createRequestForExport({ filters }, onSuccess);
+
+        this.exportRequest = this.createRequestForExport({
+            filters,
+        }, onSuccess);
+
         this.exportRequest.start();
     }
 
@@ -120,6 +133,20 @@ export default class ExportHeader extends React.PureComponent {
         this.export(exportFn, false, this.props.activeExportTypeKey === 'pdf');
     }
 
+    handleAssessmentExportClick = () => {
+        const exportFn = (exportId) => {
+            console.log('Exporting to ', exportId);
+            notify.send({
+                title: _ts('export', 'headerExport'),
+                type: notify.type.SUCCESS,
+                message: _ts('export', 'exportStartedNotifyMessage'),
+                duration: 15000,
+            });
+        };
+
+        this.export(exportFn, false, false, 'assessment');
+    }
+
     handlePreview = () => {
         this.export(this.props.onPreview, true, this.props.activeExportTypeKey === 'pdf');
     }
@@ -151,6 +178,19 @@ export default class ExportHeader extends React.PureComponent {
                     >
                         {_ts('export', 'showPreviewButtonLabel')}
                     </Button>
+                    <Cloak
+                        // NOTE: this is temporary, will be moved to new page
+                        {...viewsAcl.arys}
+                        render={
+                            <AccentButton
+                                className={styles.button}
+                                onClick={this.handleAssessmentExportClick}
+                                disabled={this.props.pending}
+                            >
+                                {_ts('export', 'startAssessmentExportButtonLabel')}
+                            </AccentButton>
+                        }
+                    />
                     <PrimaryButton
                         className={styles.button}
                         onClick={this.handleExport}

diff --git a/src/views/Export/ExportHeader/styles.scss b/src/views/Export/ExportHeader/styles.scss
@@ -14,6 +14,7 @@
         .link {
             @extend %button-like-link;
             margin-left: $spacing-small;
+            font-weight: $font-weight-bold;
         }
     }
 }