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