admin/raven-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Browse Source
This commit is contained in:
John Cardinal
2020-04-22 15:48:54 +00:00
parent 4c5993b306
commit 997087f182
1 changed files with 28 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
ayanova/src/components/attachment-control.vue
View File

@@ -13,18 +13,22 @@
<div class="mt-4" :style="cardTextStyle()">
<v-list color="grey lighten-5" three-line>
<v-list-item
v-for="item in items"
:key="item.title"
@click="aClick"
v-for="item in attachedFiles"
:key="item.id"
@click="download(item)"
>
<v-list-item-avatar>
<v-icon v-text="item.icon"></v-icon>
</v-list-item-avatar>
<v-list-item-content>
<v-list-item-title v-text="item.title"></v-list-item-title>
<v-list-item-title v-text="item.name"></v-list-item-title>
<v-list-item-subtitle
v-text="item.subtitle"
v-text="item.date"
></v-list-item-subtitle>
<v-list-item-subtitle
v-text="item.notes"
></v-list-item-subtitle>
</v-list-item-content>
@@ -69,67 +73,30 @@ export default {
data() {
return {
height: 300,
items: [
attachedFiles: [
{
id: 1,
icon: "fa-file-image",
title: "drawings.pdf",
subtitle: "2020-01-09, Notes, here are some notes, notes notes notes.\n Secondary line text Lorem ipsum dolor sit amet, consectetur adipiscing elit.Notes, here are some notes, notes notes notes.\n Secondary line text Lorem ipsum dolor sit amet, consectetur adipiscing elit.Notes, here are some notes, notes notes notes.\n Secondary line text Lorem ipsum dolor sit amet, consectetur adipiscing elit.Notes, here are some notes, notes notes notes.\n Secondary line text Lorem ipsum dolor sit amet, consectetur adipiscing elit. "
name: "drawings.pdf",
date: "2020-01-09",
notes:
"Notes, here are some notes, notes notes notes.\n Secondary line text Lorem ipsum dolor sit amet, consectetur adipiscing elit.Notes, here are some notes, notes notes notes.\n Secondary line text Lorem ipsum dolor sit amet, consectetur adipiscing elit.Notes, here are some notes, notes notes notes.\n Secondary line text Lorem ipsum dolor sit amet, consectetur adipiscing elit.Notes, here are some notes, notes notes notes.\n Secondary line text Lorem ipsum dolor sit amet, consectetur adipiscing elit. "
},
{
icon: "fa-image",
title: "Recipes",
subtitle: "Jan 17, 2014"
id: 2,
icon: "fa-file-image",
name: "drawings.pdf",
date: "2020-01-09",
notes:
"Notes, here are some notes, notes notes notes.\n Secondary line text Lorem ipsum dolor sit amet, consectetur adipiscing elit.Notes, here are some notes, notes notes notes.\n Secondary line text Lorem ipsum dolor sit amet, consectetur adipiscing elit.Notes, here are some notes, notes notes notes.\n Secondary line text Lorem ipsum dolor sit amet, consectetur adipiscing elit.Notes, here are some notes, notes notes notes.\n Secondary line text Lorem ipsum dolor sit amet, consectetur adipiscing elit. "
},
{
icon: "fa-pen",
title: "Work",
subtitle: "Jan 28, 2014"
},
{
icon: "fa-file",
title: "2drawings.pdf",
subtitle: "2020-01-09"
},
{
icon: "fa-image",
title: "2Recipes",
subtitle: "Jan 17, 2014"
},
{
icon: "fa-pen",
title: "2Work",
subtitle: "Jan 28, 2014"
},
{
icon: "fa-file",
title: "3drawings.pdf",
subtitle: "2020-01-09"
},
{
icon: "fa-image",
title: "3Recipes",
subtitle: "Jan 17, 2014"
id: 3,
icon: "fa-file-image",
name: "drawings.pdf",
date: "2020-01-09",
notes: null
}
// {
// icon: "fa-pen",
// title: "3Work",
// subtitle: "Jan 28, 2014"
// },
// {
// icon: "fa-file",
// title: "4drawings.pdf",
// subtitle: "2020-01-09"
// },
// {
// icon: "fa-image",
// title: "4Recipes",
// subtitle: "Jan 17, 2014"
// },
// {
// icon: "fa-pen",
// title: "4Work",
// subtitle: "Jan 28, 2014"
// }
],
notes: null,
tab: null,
@@ -175,8 +142,8 @@ export default {
// });
// }
},
aClick() {
console.log("CLICK");
download(item) {
console.log("CLICK", item);
}
}