diff --git a/pinry-spa/src/components/pin_create/FilterSelect.vue b/pinry-spa/src/components/pin_create/FilterSelect.vue index 225378f..43a510a 100644 --- a/pinry-spa/src/components/pin_create/FilterSelect.vue +++ b/pinry-spa/src/components/pin_create/FilterSelect.vue @@ -57,6 +57,19 @@ function getBoardFromResp(boardObject) { return { name: boardObject.name, value: boardObject.id }; } +function getAvailableOptions(vm, filter) { + let availableOptions; + if (filter === '' || filter === null) { + availableOptions = vm.allOptions; + } else { + availableOptions = getFilteredOptions( + vm.allOptions, vm.form.name.value, + ); + } + return availableOptions; +} + + export default { name: 'FilterSelect', props: { @@ -89,6 +102,8 @@ export default { self.$emit('boardCreated', data); const board = getBoardFromResp(data); self.createdOptions.unshift(board); + const options = getAvailableOptions(this); + this.availableOptions = this.createdOptions.concat(options); self.select(board); self.form.name.value = null; }, @@ -101,18 +116,8 @@ export default { watch: { // eslint-disable-next-line func-names 'form.name.value': function (newVal) { - let availableOptions; - if (newVal === '' || newVal === null) { - availableOptions = this.allOptions; - } else { - availableOptions = getFilteredOptions( - this.allOptions, this.form.name.value, - ); - } - this.availableOptions = this.createdOptions.concat(availableOptions); - }, - createdOptions() { - this.availableOptions = this.createdOptions.concat(this.availableOptions); + const options = getAvailableOptions(this, newVal); + this.availableOptions = this.createdOptions.concat(options); }, allOptions() { this.availableOptions = this.allOptions; diff --git a/pinry-spa/src/components/pin_create/PinCreateModal.vue b/pinry-spa/src/components/pin_create/PinCreateModal.vue index 8ea6291..32db3cb 100644 --- a/pinry-spa/src/components/pin_create/PinCreateModal.vue +++ b/pinry-spa/src/components/pin_create/PinCreateModal.vue @@ -133,7 +133,6 @@ export default { ); }, onSelectBoard(boardIds) { - console.log('boardId', boardIds); this.boardIds = boardIds; }, onUploadProcessing() {