Use PersonRenderBox

This commit is contained in:
Boris Waaub 2024-05-08 17:54:03 +02:00
parent 1c09e9a692
commit 19af0feb57

View File

@ -40,26 +40,29 @@
<div class="col-md-6 col-sm-12 ps-md-5 ps-xxl-0"> <div class="col-md-6 col-sm-12 ps-md-5 ps-xxl-0">
<h3 class="text-primary">{{ $t("banner.caller") }}</h3> <h3 class="text-primary">{{ $t("banner.caller") }}</h3>
<h2> <h2>
<span <person-render-box
class="badge text-bg-light m-1" render="badge"
v-for="person in ticket.currentPersons" v-for="person in ticket.currentPersons"
:key="person.id" :key="person.id"
> :person="person"
{{ person.firstName }} :options="{
{{ person.lastName }} addLink: true,
</span> addId: false,
addAltNames: false,
addEntity: true,
addInfo: true,
hLevel: 3,
isMultiline: true,
isConfidential: false,
}"
/>
</h2> </h2>
</div> </div>
<div class="col-md-6 col-sm-12"> <div class="col-md-6 col-sm-12">
<h3 class="text-primary">{{ $t("banner.speaker") }}</h3> <h3 class="text-primary">{{ $t("banner.speaker") }}</h3>
<h2> <h2>
<!-- Not rendering correctly -->
<!-- <user-render-box-badge
v-for="user in ticket.currentAddressees.filter((addressee) => addressee.type == 'user')"
:user="user"
:key="user.id"
/> -->
<span <span
class="badge text-bg-light m-1" class="badge text-bg-light m-1"
v-for="user_group in ticket.currentAddressees.filter((addressee) => addressee.type == 'user') as Array<User>" v-for="user_group in ticket.currentAddressees.filter((addressee) => addressee.type == 'user') as Array<User>"
@ -102,7 +105,7 @@ import { Motive, Ticket } from "../../types";
import TicketSelectorComponent from "./components/TicketSelectorComponent.vue"; import TicketSelectorComponent from "./components/TicketSelectorComponent.vue";
import TicketHistoryListComponent from "./components/TicketHistoryListComponent.vue"; import TicketHistoryListComponent from "./components/TicketHistoryListComponent.vue";
import ActionToolbarComponent from "./components/ActionToolbarComponent.vue"; import ActionToolbarComponent from "./components/ActionToolbarComponent.vue";
import UserRenderBoxBadge from "../../../../../../ChillMainBundle/Resources/public/vuejs/_components/Entity/UserRenderBoxBadge.vue"; import PersonRenderBox from "../../../../../../ChillPersonBundle/Resources/public/vuejs/_components/Entity/PersonRenderBox.vue";
export default defineComponent({ export default defineComponent({
name: "App", name: "App",
@ -110,7 +113,7 @@ export default defineComponent({
TicketSelectorComponent, TicketSelectorComponent,
TicketHistoryListComponent, TicketHistoryListComponent,
ActionToolbarComponent, ActionToolbarComponent,
UserRenderBoxBadge, PersonRenderBox,
}, },
setup() { setup() {
const store = useStore(); const store = useStore();