37 lines
786 B
Vue
37 lines
786 B
Vue
<script setup>
|
|
|
|
const props = defineProps({
|
|
items: {
|
|
type: Array,
|
|
required: true
|
|
},
|
|
myOrganizationsIds: {
|
|
type: Array,
|
|
required: false
|
|
}
|
|
})
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<q-list bordered separator>
|
|
<q-item
|
|
clickable
|
|
:to="{name: 'organizationDetail', params: {id: organization.id }}"
|
|
v-ripple
|
|
v-for="organization of items"
|
|
:key="organization"
|
|
>
|
|
<q-item-section avatar>
|
|
<q-avatar icon="groups" color="primary" text-color="white"/>
|
|
</q-item-section>
|
|
<q-item-section>
|
|
<q-item-label>
|
|
{{ organization.name }}
|
|
<q-icon name="star" color="red" v-if="myOrganizationsIds.includes(organization.id)"/>
|
|
</q-item-label>
|
|
</q-item-section>
|
|
</q-item>
|
|
</q-list>
|
|
</template>
|