Only show inactive users title when there are such users

This commit is contained in:
Ramon Wenger 2020-03-22 23:49:09 +01:00
parent 07452cae7e
commit b7c996dab2
1 changed files with 22 additions and 17 deletions

View File

@ -1,6 +1,8 @@
<template> <template>
<div class="school-class"> <div class="school-class">
<h2 class="school-class__heading"><span class="school-class__name" data-cy="school-class-name">{{name}}</span> <edit-class-name @edit="editClassName"></edit-class-name></h2> <h2 class="school-class__heading"><span class="school-class__name" data-cy="school-class-name">{{name}}</span>
<edit-class-name @edit="editClassName"></edit-class-name>
</h2>
<div class="school-class__members school-class-members"> <div class="school-class__members school-class-members">
<ul class="school-class-members__list simple-list simple-list--active" data-cy="active-class-members-list"> <ul class="school-class-members__list simple-list simple-list--active" data-cy="active-class-members-list">
<li <li
@ -17,7 +19,8 @@
@click="$emit('remove', member)">Deaktivieren</a> @click="$emit('remove', member)">Deaktivieren</a>
</li> </li>
</ul> </ul>
<h3 class="school-class__inactive-heading">Deaktivierte Benutzer</h3> <template v-if="inactiveMembers.length">
<h3 class="school-class__inactive-heading">Deaktivierte Personen</h3>
<ul data-cy="inactive-class-members-list" class="simple-list simple-list--inactive"> <ul data-cy="inactive-class-members-list" class="simple-list simple-list--inactive">
<li <li
class="simple-list__item member-item" class="simple-list__item member-item"
@ -33,6 +36,8 @@
@click="$emit('add', member)">Aktivieren</a> @click="$emit('add', member)">Aktivieren</a>
</li> </li>
</ul> </ul>
</template>
</div> </div>
</div> </div>
</template> </template>