Use Vue for template rendering

This commit is contained in:
Montana 2018-10-25 10:56:23 -04:00
parent 256ae73c92
commit c5856c539d
2 changed files with 20 additions and 14 deletions

View File

@ -103,7 +103,13 @@ def workspace_members(workspace_id):
filter(lambda m: m.user_name == new_member_name, workspace.members), None
)
members_list = [
{"name": k.user_name, "role": k.role, "num_env": k.num_environment_roles}
{
"name": k.user_name,
"status": k.status,
"id": k.user_id,
"role": k.role,
"num_env": k.num_environment_roles,
}
for k in workspace.members
]

View File

@ -80,7 +80,6 @@
</div>
</form>
<div class='responsive-table-wrapper'>
<table>
<thead>
@ -91,20 +90,21 @@
<th scope="col">Workspace Role</th>
</tr>
</thead>
<tbody>
{% for m in workspace.members %}
{% set num_environment_roles = m.num_environment_roles %}
<tr>
<td><a href="{{ url_for('workspaces.update_member', workspace_id=workspace.id, member_id=m.user_id) }}" class="icon-link icon-link--large">{{ m.user_name }}</a></td>
{% if num_environment_roles %}
<td class="table-cell--align-right">{{ num_environment_roles }}</td>
{% else %}
<td class='table-cell--shrink'><span class="label label--info">No Environment Access</span></td>
{% endif %}
<td>{{ m.status }}</a></td>
<td>{{ m.role_displayname }}</a></td>
<tr v-for='member in searchedList'>
<td>
<a :href="'/workspaces/{{ workspace.id }}/members/' + member.id + '/member_edit'" class="icon-link icon-link--large" v-html="member.name"></a>
</td>
<td class="table-cell--align-right" v-if='member.num_env'>
<span v-html="member.num_env"></span>
</td>
<td class='table-cell--shrink' v-else>
<span class="label label--info">No Environment Access</span>
</td>
<td v-html="member.status"></td>
<td v-html="member.role"></td>
</tr>
{% endfor %}
</tbody>
</table>
</div>