41 lines
852 B
Vue
41 lines
852 B
Vue
<template>
|
|
<div class="staff-panel">
|
|
<div class="panel panel-default base01-background">
|
|
<div class="panel-heading timeline-heading base02-background">
|
|
<div class="title">
|
|
{{ $t("about.staff") }}
|
|
</div>
|
|
</div>
|
|
<div class="panel-body">
|
|
<div
|
|
v-for="group in groupedStaffAccounts"
|
|
:key="group.role"
|
|
class="staff-group"
|
|
>
|
|
<h4>{{ $t('general.role.' + group.role) }}</h4>
|
|
<basic-user-card
|
|
v-for="user in group.users"
|
|
:key="user.screen_name"
|
|
:user="user"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script src="./staff_panel.js"></script>
|
|
|
|
<style lang="scss">
|
|
|
|
.staff-group {
|
|
padding-left: 1em;
|
|
padding-top: 1em;
|
|
|
|
.basic-user-card {
|
|
padding-left: 0;
|
|
}
|
|
}
|
|
|
|
</style>
|