atst/js/components/forms/new_project.js
2018-08-23 10:33:53 -04:00

51 lines
865 B
JavaScript

import textinput from '../text_input'
const createEnvironment = (name) => ({ name })
export default {
name: 'new-project',
components: {
textinput
},
props: {
initialData: {
type: Object,
default: () => ({})
}
},
data: function () {
const {
environment_names,
} = this.initialData
const environments = (
environment_names.length > 0
? environment_names
: [""]
).map(createEnvironment)
return {
environments,
}
},
mounted: function () {
this.$root.$on('onEnvironmentAdded', this.addEnvironment)
},
methods: {
addEnvironment: function (event) {
this.environments.push(createEnvironment(""))
},
removeEnvironment: function (index) {
if (this.environments.length > 1) {
this.environments.splice(index, 1)
}
}
}
}