EVENT-825 Campus Question Force Selection Option (#837)

Make the Campus Profile question require a predefined selection

app/scripts/controllers/angularUiTreeConfig.js

@@ -19,6 +19,7 @@ angular
               event.dest.index,
               block.defaultTitle,
               block.defaultProfile,
+              block.defaultExportFieldTitle,
             );
           }
           return false; //cancel regular drop action

app/scripts/controllers/eventDetails.js

@@ -108,14 +108,10 @@ angular
               });
               return {
                 id: existingChild ? existingChild.id : uuid(),
-                name: t.name,
                 childRegistrantTypeId: t.id,
                 numberOfChildRegistrants: existingChild
                   ? existingChild.numberOfChildRegistrants
                   : 0,
-                selected:
-                  existingChild !== undefined &&
-                  existingChild.selected !== false,
               };
             },
           );

app/scripts/controllers/eventForm.js

@@ -256,6 +256,7 @@ angular
         newPosition,
         title,
         defaultProfile,
+        defaultExportFieldTitle,
       ) {
         var newPageIndex = _.findIndex($scope.conference.registrationPages, {
           id: newPage,
@@ -286,6 +287,7 @@ angular
           profileType: profileType,
           registrantTypes: [],
           rules: [],
+          exportFieldTitle: defaultExportFieldTitle,
         };
 
         $scope.conference.registrationPages[newPageIndex].blocks.splice(

app/scripts/directives/blocks.js

@@ -239,9 +239,17 @@ angular
       restrict: 'E',
       controller: function ($scope, $http) {
         $scope.searchCampuses = function (val) {
-          return $http.get('campuses/' + val).then(function (campusNames) {
-            return campusNames.data;
-          });
+          $scope.params = {
+            limit: 15,
+          };
+          $scope.params = $scope.block.content.showInternationalCampuses
+            ? Object.assign($scope.params, { includeInternational: true })
+            : $scope.params;
+          return $http
+            .get('campuses/' + val, { params: $scope.params })
+            .then(function (campusNames) {
+              return campusNames.data;
+            });
         };
       },
     };

app/scripts/directives/questionToolbar.js

@@ -170,10 +170,12 @@ angular
           },
           {
             id: 'campusQuestion',
-            defaultTitle: 'Campus',
+            defaultTitle:
+              'Campus - Type the full name of your campus and choose from the list that appears',
             defaultProfile: 'CAMPUS',
             iconClass: 'fa-university',
             name: 'Campus',
+            defaultExportFieldTitle: 'Campus',
           },
           {
             id: 'dormitoryQuestion',

app/styles/components.scss

@@ -161,3 +161,7 @@ pick-a-time {
 .padding-left-0 {
   padding-left: 0px !important;
 }
+campus-question .dropdown-menu.ng-isolate-scope:not(.ng-hide) {
+  max-height: 200px !important;
+  overflow-y: auto !important;
+}

app/views/blocks/campusQuestion.html

@@ -2,14 +2,19 @@
   <input
     type="text"
     ng-model="answer.value"
-    ng-model-options="{ debounce: 1000 }"
     placeholder=""
+    autocomplete="off"
+    aria-autocomplete="none"
     class="form-control"
+    show-errors
     ng-required="block.required"
     uib-typeahead="campus for campus in searchCampuses($viewValue)"
     typeahead-loading="loadingCampuses"
-    typeahead-min-length="4"
-    typeahead-wait-ms="300"
+    typeahead-min-length="2"
+    typeahead-wait-ms="200"
+    typeahead-editable="false"
+    typeahead-no-results="campusNotFound"
+    typeahead-show-hint="true"
   />
   <span
     class="form-control-feedback"
@@ -18,4 +23,7 @@
   >
     <i class="fa fa-spinner fa-spin"></i>
   </span>
+  <span ng-if="campusNotFound" class="help-block" translate
+    >*Campus not found. Type the full name of your campus.</span
+  >
 </div>

app/views/components/blockEditor.html

@@ -267,6 +267,15 @@
             <translate>Hide "Graduate Student" option</translate></label
           >
         </div>
+        <div class="checkbox" ng-if="block.type === 'campusQuestion'">
+          <label
+            ><input
+              type="checkbox"
+              ng-model="block.content.showInternationalCampuses"
+            />
+            <translate>Include International Campuses</translate></label
+          >
+        </div>
 
         <div
           class="help-block"

test/spec/directives/block.spec.js

@@ -158,6 +158,49 @@ describe('Directive: blocks', () => {
     });
   });
 
+  describe('campusQuestion', () => {
+    let $compile, $rootScope, $scope;
+    beforeEach(inject((
+      _$compile_,
+      _$rootScope_,
+      _$timeout_,
+      $templateCache,
+      testData,
+    ) => {
+      $compile = _$compile_;
+      $rootScope = _$rootScope_;
+
+      $scope = $rootScope.$new();
+      $templateCache.put('views/blocks/campusQuestion.html', '');
+      $scope.block = _.cloneDeep(
+        testData.conference.registrationPages[1].blocks[4],
+      );
+      $scope.block.content.showInternationalCampuses = true;
+    }));
+
+    it('forms the searchCampuses params correctly', () => {
+      $scope.block.content.showInternationalCampuses = true;
+      $compile('<campus-question></campus-question>')($scope);
+      $scope.$digest();
+
+      $scope.searchCampuses('San');
+
+      expect($scope.params.limit).toBeDefined();
+
+      expect($scope.params.includeInternational).toBeDefined();
+    });
+
+    it("doesn't add includeInternational", () => {
+      $scope.block.content.showInternationalCampuses = false;
+      $compile('<campus-question></campus-question>')($scope);
+      $scope.$digest();
+
+      $scope.searchCampuses('San');
+
+      expect($scope.params.includeInternational).not.toBeDefined();
+    });
+  });
+
   describe('ethnicityQuestion', () => {
     let $compile, $rootScope, $scope, $timeout;
     beforeEach(inject((