atst/js/components/forms/edit_environment_role.js
2018-10-24 11:17:44 -04:00

59 lines
1.2 KiB
JavaScript

import FormMixin from '../../mixins/form'
import textinput from '../text_input'
import Selector from '../selector'
import Modal from '../../mixins/modal'
import toggler from '../toggler'
export default {
name: 'edit-environment-role',
mixins: [FormMixin, Modal],
components: {
toggler,
Modal,
Selector,
textinput
},
props: {
choices: Array,
initialData: String,
revoke: Boolean,
},
data: function () {
return {
new_role: this.initialData,
}
},
methods: {
change: function (e) {
e.preventDefault()
this.new_role = this.revoke ? "" : e.target.value
},
cancel: function () {
this.new_role = this.initialData
},
},
computed: {
displayName: function () {
for (var arr in this.choices) {
if (this.choices[arr][0] == this.new_role) {
return this.choices[arr][1].name
}
}
return this.new_role ? this.new_role : "no access"
},
label_class: function () {
return this.displayName === "no access" ?
"label" : "label label--success"
},
},
newRole: function () {
return this.revoke ? "" : this.new_role
}
}