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 filter(lambda m: m.user_name == new_member_name, workspace.members), None
) )
members_list = [ 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 for k in workspace.members
] ]

View File

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