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>
</header>
<table>
<thead>
<tr>
<td>{{ "portfolios.applications.environments.name" | translate }}</td>
<td>{{ "portfolios.applications.environments.members" | translate }}</td>
</tr>
</thead>
<div is='toggler' v-cloak>
<template slot-scope='props'>
<table>
<thead>
<tr>
<td>{{ "portfolios.applications.environments.name" | translate }}</td>
<td>{{ "portfolios.applications.environments.members" | translate }}</td>
</tr>
</thead>
<tbody>
{% for environment in application.environments %}
<tr>
<td>{{ environment.name }}</td>
<td>Show Members({{ environment.num_users }}){{ Icon('caret_down') }}</td>
</tr>
{% endfor %}
</tbody>
</table>
<tbody>
{% for environment in application.environments %}
<tr>
<td v-on:click="props.toggle">{{ environment.name }}</td>
<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>