2020-02-18 08:57:00 +01:00
|
|
|
<template>
|
2020-06-25 10:14:25 +02:00
|
|
|
<v-popover
|
|
|
|
offset="16"
|
|
|
|
trigger="hover"
|
|
|
|
class="popover"
|
|
|
|
:class="{ inline, clickable: actor && actor.type === ActorType.GROUP }"
|
|
|
|
>
|
2020-02-18 08:57:00 +01:00
|
|
|
<slot></slot>
|
2021-11-09 08:52:43 +01:00
|
|
|
<template slot="popover">
|
2020-06-16 12:03:09 +02:00
|
|
|
<actor-card :full="true" :actor="actor" :popover="true" />
|
2020-02-18 08:57:00 +01:00
|
|
|
</template>
|
|
|
|
</v-popover>
|
|
|
|
</template>
|
|
|
|
<script lang="ts">
|
2020-11-27 19:27:44 +01:00
|
|
|
import { ActorType } from "@/types/enums";
|
2020-02-18 08:57:00 +01:00
|
|
|
import { Component, Vue, Prop } from "vue-property-decorator";
|
2020-11-27 19:27:44 +01:00
|
|
|
import { IActor } from "../../types/actor";
|
2020-02-18 08:57:00 +01:00
|
|
|
import ActorCard from "./ActorCard.vue";
|
|
|
|
|
|
|
|
@Component({
|
|
|
|
components: {
|
|
|
|
ActorCard,
|
|
|
|
},
|
|
|
|
})
|
|
|
|
export default class PopoverActorCard extends Vue {
|
|
|
|
@Prop({ required: true, type: Object }) actor!: IActor;
|
|
|
|
|
|
|
|
@Prop({ required: false, type: Boolean, default: false }) inline!: boolean;
|
2020-06-25 10:14:25 +02:00
|
|
|
|
|
|
|
ActorType = ActorType;
|
2020-02-18 08:57:00 +01:00
|
|
|
}
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
.inline {
|
|
|
|
display: inline;
|
|
|
|
}
|
2020-06-25 10:14:25 +02:00
|
|
|
.popover {
|
|
|
|
cursor: default;
|
|
|
|
}
|
2020-02-18 08:57:00 +01:00
|
|
|
.clickable {
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
</style>
|