fixing #834

Author: Parth Shah

app/directives/tc-fp-file-input/tc-fp-file-input.directive.js

@@ -51,6 +51,7 @@ import _ from 'lodash'
          *pass original event
          */
         element.bind('change', function(event) {
+          scope.$parent.submissionForm[scope.fieldId].$setTouched()
           event.preventDefault()
           scope.onSuccess(event.originalEvent || event)
           $rootScope.$apply()

app/directives/tc-fp-file-input/tc-fp-file-input.jade

@@ -6,7 +6,10 @@
   .tc-label__wrapper
     span.tc-label__asterisk.lowercase(ng-if="mandatory") #[span *]mandatory
     input.tc-file-field__input(
+      data-name="{{fieldId}}",
       type="filepicker-dragdrop",
+      ng-model="ngModel",
+      ng-required="mandatory",
       data-fp-button-text="Pick A File",
       data-fp-drag-text=" ",
       on-success="onFileSeleted(event.fpfile)"

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

@@ -10,7 +10,7 @@
 
 .panel-body
   p.tc-error-messages.submissions-access-error(ng-if="submissions.error", ng-bind="submissions.errorMessage")
-  //- <pre>{{vm.submissionForm}}</pre>
+  
   form.form-blocks(ng-if="!submissions.error", name="submissionForm", role="form", ng-submit="submissionForm.$valid && vm.uploadSubmission()", novalidate)
     .form-block.flex
       .form-block__instructions
@@ -155,7 +155,7 @@
         input(type="checkbox", ng-model="vm.submissionForm.hasAgreedToTerms", id="agree-to-terms", required)
 
         label(for="agree-to-terms") I understand and agree
-
+      
       button.tc-btn.tc-btn-secondary(type="submit", ng-disabled="submissionForm.$invalid") Submit
 
 modal.transition(show="vm.showProgress", background-click-close="false", style="background-color:white;")