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

Toggle for users; unstyled

Browse Source
This commit is contained in:
Montana 2019-04-06 12:26:19 -04:00
parent 4aec810417
commit 782387b146
1 changed files with 36 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
templates/fragments/applications/environments.html
View File

@ -11,22 +11,42 @@
</a> </a>
</header> </header>
<table> <div is='toggler' v-cloak>
<thead> <template slot-scope='props'>
<tr> <table>
<td>{{ "portfolios.applications.environments.name" | translate }}</td> <thead>
<td>{{ "portfolios.applications.environments.members" | translate }}</td> <tr>
</tr> <td>{{ "portfolios.applications.environments.name" | translate }}</td>
</thead> <td>{{ "portfolios.applications.environments.members" | translate }}</td>
</tr>
</thead>
<tbody> <tbody>
{% for environment in application.environments %} {% for environment in application.environments %}
<tr> <tr>
<td>{{ environment.name }}</td> <td v-on:click="props.toggle">{{ environment.name }}</td>
<td>Show Members({{ environment.num_users }}){{ Icon('caret_down') }}</td>
</tr>
{% endfor %}
</tbody>
</table>
<template v-if="props.isVisible">
<span v-on:click="props.toggle" class='icon-link toggle-link'>
<td>Hide Members({{ environment.num_users }}){{ Icon('caret_up') }}</td>
</template>
<template v-else>
<span v-on:click="props.toggle" class='icon-link toggle-link'>
<td>Show Members({{ environment.num_users }}){{ Icon('caret_down') }}</td>
</template>
<tr v-if="props.isVisible">
<td class='accordian__item application-list-item__environment'>
<div class='application-list-item__environment__name'>
<span>User Name here</span>
</div>
</td>
</tr>
</tr>
{% endfor %}
</tbody>
</table>
</template>
</div>
</div> </div>