aboutsummaryrefslogtreecommitdiff
path: root/resources/vue/components/WikiEditorOnlineUsers.vue
blob: 7bee689b83f834a7bcf4e01cd1d4048224117a86 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<template>
    <Teleport to="#sidebar" append name="wiki_online_editing_users">
        <SidebarWidget :title="$gettext('Anwesende Personen')">
             <template #content>
                <ol class="clean">
                    <li v-for="user in users" :key="user.user_id">
                        <img class="avatar-small" :src="user.avatar" alt="">
                        {{ user.fullname }}

                        <span v-if="user.editing" :title="$gettext('Diese Person hat den Bearbeitungsmodus.')">
                            <studip-icon shape="comment" role="info" class="text-bottom"></studip-icon>
                        </span>
                        <span v-else-if="user.editing_request" :title="$gettext('Diese Person beantragt den Bearbeitungsmodus.')">
                            <studip-icon shape="hand" role="info" class="text-bottom"></studip-icon>
                        </span>
                    </li>
                </ol>
             </template>
        </SidebarWidget>
    </Teleport>
</template>
<script>
import SidebarWidget from "./SidebarWidget.vue";
import StudipIcon from "./StudipIcon.vue";

export default {
    name: 'WikiEditorOnlineUsers',
    components: {StudipIcon, SidebarWidget},
    props: {
        users: Array
    },
};
</script>