EVENT-825 Campus Question Force Selection Option

[caleballdrin]

Description

https://jira.cru.org/browse/EVENT-825

With the Salesforce integration we need to encourage the use of the Cru Profile questions to ensure better data and ensure our constituents are known by Cru. The Current "Campus" default question pulls from a database of Campuses but does require the registrant to select anything on the drop down list. This leads to inconsistent data as the same school could be represented in many ways with unlimited free form response.

The proposed improvement is as follows:

Update the default name when the question is used: "Campus- Type the full name of your campus and choose from the list that appears”

Changes I made

• Stopped accepting user input that does not match the campus database with typeahead-editable="false"
• Changed debounce and wait time to 100ms so the list of options pops up sooner.
• Added error message when a users input is not found in the campus list.
• Add a default ExportFieldTitle and set it to "Campus".
• Change the default title of the Campus Question
• Add an admin checkbox to allow the admin to show International Campuses in the autocomplete.
• Set a limit on the number of campuses that show up in the autocomplete. Set a maxheight.

Companion PR https://github.com/CruGlobal/ert-api/pull/1030

[dr-bizz]

In the description, it mentions adding an additional checkbox Option on the admin panel that would “Force Selection from Cru Database”. I can't see that in this PR.

[dr-bizz]

The code looks good. There seems to be a few things missing on this PR.

The text added to the field when used. (I've mentioned this in another comment).

There isn't a checkbox on the admin panel to allow the admin to Force Selection from Cru Database

[dr-bizz]

It's worth making the campus dropdown have a max-height so prevent the from having to scroll down the page to see all the options when it returns lots.

[caleballdrin]

I was looking into setting max-height and came across this issue. Maybe we should just limit the results to 10 from the API.
ng-bootstrap/ng-bootstrap#1119

[dr-bizz]

Seems like there is a way but you have to make it work - ng-bootstrap/ng-bootstrap#1119 (comment).
It's bad management of the package owners that they haven't added this as a feature already. Unless it's no longer supported.

[dr-bizz]

Great work!