Added a help button and dialog explaining why the MD5 checksum calcul…

…ation is needed prior to uploads. Fix #1081.

refinery/templates/data_set_manager/import.html

@@ -374,7 +374,11 @@ <h4>Option B. Provide a URL</h4>
           </div>
           <div class="col-lg-4">
             <div class="v-center" ng-if="processing() || loadingFiles">
-              <span>Calculating MD5:</span>
+              <span>Calculating MD5</span>
+              <button class="icon-only" ng-click="openHelpMd5()">
+                <i class="fa fa-question-circle" aria-hidden="true"></i>
+              </button>
+              <span>:</span>
               <div class="refinery-spinner refinery-spinner-inline"></div>
             </div>
           </div>

refinery/ui/source/js/data-set-import/controllers/dialog-help-md5.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var RefineryFileUploadMD5HelpCtrl = function ($uibModalInstance) {
+  this.ok = function () {
+    $uibModalInstance.close();
+  };
+};
+
+angular
+  .module('refineryDataSetImport')
+  .controller('RefineryFileUploadMD5HelpCtrl', [
+    '$uibModalInstance', RefineryFileUploadMD5HelpCtrl
+  ]);

refinery/ui/source/js/data-set-import/controllers/file-upload.js

@@ -7,7 +7,8 @@ function RefineryFileUploadCtrl (
   $timeout,
   $,
   SparkMD5,
-  dataSetImportSettings
+  dataSetImportSettings,
+  $uibModal
 ) {
   var csrf = '';
   var formData = [];
@@ -181,6 +182,14 @@ function RefineryFileUploadCtrl (
     return totalNumFilesQueued - totalNumFilesUploaded;
   };
 
+  $scope.openHelpMd5 = function () {
+    $uibModal.open({
+      templateUrl:
+        '/static/partials/data-set-import/partials/dialog-help-md5.html',
+      controller: 'RefineryFileUploadMD5HelpCtrl as modal'
+    });
+  };
+
   $scope.options = {
     always: uploadAlways,
     chunkdone: chunkDone,
@@ -200,5 +209,6 @@ angular
     '$',
     'SparkMD5',
     'dataSetImportSettings',
+    '$uibModal',
     RefineryFileUploadCtrl
   ]);

refinery/ui/source/js/data-set-import/partials/dialog-help-md5.html

@@ -0,0 +1,9 @@
+<div class="modal-header">
+  <h3>Why calculating the MD5 checksum</h3>
+</div>
+<div class="modal-body">
+  <p>In order to ensure that the file has been correctly uploaded and is not corrupted we calculate the MD5 checksum locally (i.e. in the browser) before allowing the upload to start.</p>
+</div>
+<div class="modal-footer">
+  <button class="btn btn-primary" ng-click="modal.ok()">OK</button>
+</div>