ramon
/
skillbox
1
0
Fork 0
Code Issues 1 Pull Requests 1 Packages Projects 1 Releases 1 Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
client/src/components/profile/ClassList.vue
View File

@ -1,6 +1,8 @@
<template>
<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">
<ul class="school-class-members__list simple-list simple-list--active" data-cy="active-class-members-list">
<li
@ -17,22 +19,25 @@
@click="$emit('remove', member)">Deaktivieren</a>
</li>
</ul>
<h3 class="school-class__inactive-heading">Deaktivierte Benutzer</h3>
<ul data-cy="inactive-class-members-list" class="simple-list simple-list--inactive">
<li
class="simple-list__item member-item"
data-cy="school-class-member"
v-for="member in inactiveMembers"
:key="member.id">
<span class="member-item__name">{{fullName(member)}}</span>
<span class="member-item__role">{{role(member)}}</span>
<a
class="member-item__action simple-list__action"
data-cy="add-to-class"
v-if="teacher"
@click="$emit('add', member)">Aktivieren</a>
</li>
</ul>
<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">
<li
class="simple-list__item member-item"
data-cy="school-class-member"
v-for="member in inactiveMembers"
:key="member.id">
<span class="member-item__name">{{fullName(member)}}</span>
<span class="member-item__role">{{role(member)}}</span>
<a
class="member-item__action simple-list__action"
data-cy="add-to-class"
v-if="teacher"
@click="$emit('add', member)">Aktivieren</a>
</li>
</ul>
</template>
</div>
</div>
</template>