Display the environment role nicely

This commit is contained in:
Montana 2018-09-20 10:53:57 -04:00
parent a1cf4335ce
commit 43a91e8c22
2 changed files with 16 additions and 8 deletions

View File

@ -24,7 +24,6 @@ export default {
data: function () {
return {
value: this.initialData,
label_class: this.initialData,
}
},
@ -32,16 +31,25 @@ export default {
change: function (e) {
this.value = e.target.value
},
displayName: function (role) {
this.label_class = role === "no_access" ?
"label" : "label label--success"
return role.replace(/[_]/g, " ")
},
cancel: function (current_role, selected_role) {
if (current_role != selected_role) {
this.value = current_role
}
}
},
computed: {
displayName: function () {
for (var arr in this.choices) {
if (this.choices[arr][0] == this.value) {
return this.choices[arr][1].name
}
}
return this.value
},
label_class: function () {
return this.value === "no_access" ?
"label" : "label label--success"
}
}
}

View File

@ -76,7 +76,7 @@
<div class='project-list-item__environment__actions'>
<div>{{ form.data["environment_role"] }}</div>
<span v-bind:class="label_class" v-html:on=displayName(value)></span>
<span v-bind:class="label_class" v-html:on=displayName></span>
<button v-on:click="openModal('{{ env.name }}RolesModal')" type="button" class="icon-link">set role</button>
{% call Modal(name=env.name + 'RolesModal', dismissable=False) %}
<div class='block-list'>