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

Add user widget to custom content blocks

This commit is contained in:
Ramon Wenger 2019-07-25 17:05:59 +02:00
parent d93ffe1534
commit 04cfa18853
1 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
client/src/components/ContentBlock.vue
View File

@ -2,6 +2,7 @@
<div class="content-block__container" :class="{'content-block__container--hidden': hidden}"> <div class="content-block__container" :class="{'content-block__container--hidden': hidden}">
<div class="content-block" :class="specialClass"> <div class="content-block" :class="specialClass">
<div class="content-block__actions" v-if="canEditContentBlock"> <div class="content-block__actions" v-if="canEditContentBlock">
<user-widget v-bind="me" class="content-block__user-widget"></user-widget>
<more-options-widget> <more-options-widget>
<li class="popover-links__link"><a @click="deleteContentBlock()">Löschen</a></li> <li class="popover-links__link"><a @click="deleteContentBlock()">Löschen</a></li>
<li class="popover-links__link"><a @click="editContentBlock()">Bearbeiten</a></li> <li class="popover-links__link"><a @click="editContentBlock()">Bearbeiten</a></li>
@ -55,6 +56,7 @@
import Solution from '@/components/content-blocks/Solution'; import Solution from '@/components/content-blocks/Solution';
import AddContentBlockButton from '@/components/AddContentBlockButton'; import AddContentBlockButton from '@/components/AddContentBlockButton';
import MoreOptionsWidget from '@/components/MoreOptionsWidget'; import MoreOptionsWidget from '@/components/MoreOptionsWidget';
import UserWidget from '@/components/UserWidget';
import VisibilityAction from '@/components/visibility/VisibilityAction'; import VisibilityAction from '@/components/visibility/VisibilityAction';
import EyeIcon from '@/components/icons/EyeIcon'; import EyeIcon from '@/components/icons/EyeIcon';
import PenIcon from '@/components/icons/PenIcon'; import PenIcon from '@/components/icons/PenIcon';
@ -98,7 +100,8 @@
EyeIcon, EyeIcon,
PenIcon, PenIcon,
TrashIcon, TrashIcon,
MoreOptionsWidget MoreOptionsWidget,
UserWidget
}, },
computed: { computed: {
@ -283,6 +286,14 @@
position: absolute; position: absolute;
top: 10px; top: 10px;
right: -45px; right: -45px;
display: flex;
flex-direction: column;
align-items: center;
}
&__user-widget {
margin-right: 0;
margin-bottom: $small-spacing;
} }
&__action-button { &__action-button {