51 lines
1.3 KiB
Vue
51 lines
1.3 KiB
Vue
<template>
|
|
<q-card
|
|
flat
|
|
bordered
|
|
class="my-card"
|
|
v-for="entry in entries"
|
|
:key="entry.title"
|
|
>
|
|
<q-card-section>
|
|
<div class="row items-center no-wrap">
|
|
<div class="col">
|
|
<div class="text-h6">{{ entry.title }}</div>
|
|
<div class="text-subtitle2">{{ entry.subtitle }}</div>
|
|
</div>
|
|
|
|
<div class="col-auto">
|
|
<q-btn color="grey-7" round flat icon="more_vert">
|
|
<q-menu cover auto-close>
|
|
<q-list>
|
|
<q-item clickable>
|
|
<q-item-section>Remove Card</q-item-section>
|
|
</q-item>
|
|
<q-item clickable>
|
|
<q-item-section>Send Feedback</q-item-section>
|
|
</q-item>
|
|
<q-item clickable>
|
|
<q-item-section>Share</q-item-section>
|
|
</q-item>
|
|
</q-list>
|
|
</q-menu>
|
|
</q-btn>
|
|
</div>
|
|
</div>
|
|
</q-card-section>
|
|
|
|
<q-separator />
|
|
|
|
<q-card-actions>
|
|
<q-btn flat :to="'reference/' + entry.id + '/view'">Read</q-btn>
|
|
</q-card-actions>
|
|
</q-card>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { ReferenceEntry } from 'src/stores/reference';
|
|
|
|
defineProps({
|
|
entries: Array<ReferenceEntry>,
|
|
});
|
|
</script>
|