AS#152122905738669, File upload confirmation page: change copy

-- Changed copies.
-- Implemented all points except >>Also, please make sure this page can't somehow revert to an error state, which happened when the submission failed.<<

Author: vikasrohit

app/submissions/submit-design-files/submit-design-files.controller.js

@@ -10,6 +10,7 @@ import _ from 'lodash'
 
   function SubmitDesignFilesController($scope, $window, $stateParams, logger, UserService, SubmissionsService, challengeToSubmitTo) {
     if (!challengeToSubmitTo.challenge) { return }
+    var challengeTitle = challengeToSubmitTo.challenge.name
 
     var vm = this
     vm.urlRegEx = new RegExp(/^(http(s?):\/\/)?(www\.)?[a-zA-Z0-9\.\-\_]+(\.[a-zA-Z]{2,3})+(\/[a-zA-Z0-9\_\-\s\.\/\?\%\#\&\=]*)?$/)
@@ -36,6 +37,7 @@ import _ from 'lodash'
       stockArts: [],
       hasAgreedToTerms: false
     }
+    vm.progressTitle = ''
 
     var userId = parseInt(UserService.getUserIdentity().userId)
 
@@ -114,6 +116,8 @@ import _ from 'lodash'
       vm.errorInUpload = false
       vm.uploadProgress = 0
       vm.showProgress = true
+      vm.progressTitle = 'Uploading submission for "' + challengeTitle + '"'
+      vm.uploadProgressMessage = 'Hey, your work is AWESOME! Please don’t close the window while the upload is in progress, or you’ll lose all files!'
       vm.preparing = true
       vm.finishing = false
       vm.finished = false
@@ -178,6 +182,8 @@ import _ from 'lodash'
           vm.preparing = false
           vm.finishing = false
           vm.finished = true
+          vm.progressTitle = 'Submission completed for "' + challengeTitle + '"'
+          vm.uploadProgressMessage = 'Thanks for participating! We\'ve received your submission and will send you an email shortly to confirm and explain what happens next.'
         }
       } else {
         // assume it to be error condition

app/submissions/submit-design-files/submit-design-files.jade

@@ -161,12 +161,12 @@
 modal.transition(show="vm.showProgress", background-click-close="false", style="background-color:white;")
   .upload-progress(ng-class="{'upload-progress--error': vm.errorInUpload}")
     .upload-progress__title
-      p Uploading submission for "{{submissions.challengeTitle}}"
+      p {{ vm.progressTitle }}
 
     img.upload-progress__image(src=require("../../../assets/images/skills/id-180.svg"), ng-hide="vm.errorInUpload")
     img.upload-progress__image--error(src=require("../../../assets/images/robot-embarresed.svg"), ng-show="vm.errorInUpload")
 
-    p.upload-progress__message(ng-hide="vm.errorInUpload") Hey, your work is AWESOME! Please don’t close the window while the upload is in progress, or you’ll lose all files!
+    p.upload-progress__message(ng-hide="vm.errorInUpload") {{ vm.uploadProgressMessage}}
 
     p.upload-progress__message--error(ng-show="vm.errorInUpload") Oh, that’s embarrassing! One of the files couldn’t be uploaded, I’m so sorry.
 
@@ -177,7 +177,6 @@ modal.transition(show="vm.showProgress", background-click-close="false", style="
       p Finishing...
 
     .upload-progress__finished(ng-show="vm.finished && !vm.errorInUpload")
-      p Finished!
 
       .upload-progess__links
         a.tc-btn.tc-btn-s(ng-href="https://www.{{DOMAIN}}/challenge-details/{{submissions.challengeId}}/?type={{submissions.track}}") Back to the challenge

assets/css/submissions/submit-file.scss

@@ -158,6 +158,8 @@ modal {
     line-height: 19px;
     color: $accent-gray;
     margin-top: 40px;
+    padding: 0px 40px;
+    text-align: center;
   }
 
   .upload-progress__progress-bar {