pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Vue function to display the environment role in a friendlier format

Browse Source
This commit is contained in:
Montana 2018-09-18 14:05:07 -04:00
parent bead1990c9
commit bf605d1ce6
2 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
js/components/forms/edit_workspace_member.js
View File

@ -30,7 +30,9 @@ export default {
change: function (e) { change: function (e) {
this.value = e.target.value this.value = e.target.value
}, },
// method to map ugly name to human readable name here readableName: function (role) {
return role.replace(/[_]/g, " ")
},
}, },
mounted: function () { mounted: function () {

2
templates/workspaces/members/edit.html
View File

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