overleaf/services/web/frontend/js/main/affiliations/components/affiliationForm.js
Alf Eaton 1be43911b4 Merge pull request #3942 from overleaf/prettier-trailing-comma
Set Prettier's "trailingComma" setting to "es5"

GitOrigin-RevId: 9f14150511929a855b27467ad17be6ab262fe5d5
2021-04-28 02:10:01 +00:00

108 lines
3.3 KiB
JavaScript

import _ from 'lodash'
/* eslint-disable
max-len,
no-return-assign,
*/
// TODO: This file was created by bulk-decaffeinate.
// Fix any style issues and re-enable lint.
/*
* decaffeinate suggestions:
* DS102: Remove unnecessary code created because of implicit returns
* DS207: Consider shorter variations of null checks
* Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
*/
import App from '../../../base'
const affiliationFormController = function (
$scope,
$element,
$attrs,
UserAffiliationsDataService
) {
const ctrl = this
ctrl.roles = []
ctrl.departments = []
ctrl.countries = []
ctrl.universities = []
let _defaultDepartments = []
ctrl.addUniversityToSelection = universityName => ({
name: universityName,
isUserSuggested: true,
})
ctrl.handleFreeformInputChange = function ($select, propertyToMatch) {
if ($select.search == null || $select.search === '') {
return
}
let resultingItem = $select.search
if (($select.tagging != null ? $select.tagging.fct : undefined) != null) {
resultingItem = $select.tagging.fct($select.search)
}
if (propertyToMatch != null) {
const matchingItem = _.find(
$select.items,
item => item[propertyToMatch] === $select.search
)
if (matchingItem != null) {
resultingItem = matchingItem
}
}
return $select.searchInput.scope().$broadcast('uis:select', resultingItem)
}
// Populates the countries dropdown
UserAffiliationsDataService.getCountries().then(
countries => (ctrl.countries = countries)
)
// Populates the roles dropdown
UserAffiliationsDataService.getDefaultRoleHints().then(
roles => (ctrl.roles = roles)
)
// Fetches the default department hints
UserAffiliationsDataService.getDefaultDepartmentHints().then(
departments => (_defaultDepartments = departments)
)
// Populates the universities dropdown (after selecting a country)
$scope.$watch(
'$ctrl.affiliationData.country',
function (newSelectedCountry, prevSelectedCountry) {
if (
newSelectedCountry != null &&
newSelectedCountry !== prevSelectedCountry
) {
ctrl.affiliationData.university = null
ctrl.affiliationData.role = null
ctrl.affiliationData.department = null
return UserAffiliationsDataService.getUniversitiesFromCountry(
newSelectedCountry
).then(universities => (ctrl.universities = universities))
}
}
)
// Populates the departments dropdown (after selecting a university)
$scope.$watch(
'$ctrl.affiliationData.university',
function (newSelectedUniversity, prevSelectedUniversity) {
if (
newSelectedUniversity != null &&
newSelectedUniversity !== prevSelectedUniversity &&
(newSelectedUniversity.departments != null
? newSelectedUniversity.departments.length
: undefined) > 0
) {
return (ctrl.departments = _.uniq(newSelectedUniversity.departments))
} else {
return (ctrl.departments = _defaultDepartments)
}
}
)
}
export default App.component('affiliationForm', {
bindings: {
affiliationData: '=',
showUniversityAndCountry: '<',
showRoleAndDepartment: '<',
},
controller: affiliationFormController,
templateUrl: 'affiliationFormTpl',
})