diff options
| author | Shpuld Shpludson <shp@cock.li> | 2021-02-12 08:05:55 +0000 |
|---|---|---|
| committer | Shpuld Shpludson <shp@cock.li> | 2021-02-12 08:05:55 +0000 |
| commit | 8b7c367b0478ac3907480e3a354612473fc0ba08 (patch) | |
| tree | fb4fb2d29c44c9efad0983055d18a503545428e7 /src/components/staff_panel/staff_panel.vue | |
| parent | 647d75f27c89b0972a58c62e7ab741d339c545d0 (diff) | |
| parent | 481c71517e41cdfc097b489b781847e0319f71fa (diff) | |
Merge branch 'staff-grouping' into 'develop'
Group staff by role in the About page
Closes #737
See merge request pleroma/pleroma-fe!1309
Diffstat (limited to 'src/components/staff_panel/staff_panel.vue')
| -rw-r--r-- | src/components/staff_panel/staff_panel.vue | 27 |
1 files changed, 22 insertions, 5 deletions
diff --git a/src/components/staff_panel/staff_panel.vue b/src/components/staff_panel/staff_panel.vue index 1d13003d..c52ade42 100644 --- a/src/components/staff_panel/staff_panel.vue +++ b/src/components/staff_panel/staff_panel.vue @@ -7,11 +7,18 @@ </div> </div> <div class="panel-body"> - <basic-user-card - v-for="user in staffAccounts" - :key="user.screen_name" - :user="user" - /> + <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> @@ -20,4 +27,14 @@ <script src="./staff_panel.js" ></script> <style lang="scss"> + +.staff-group { + padding-left: 1em; + padding-top: 1em; + + .basic-user-card { + padding-left: 0; + } +} + </style> |