clone/nocodb
1
0
Fork 0
mirror of https://github.com/nocodb/nocodb.git synced 2026-05-01 00:56:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(gui): linting

Browse Source 
Signed-off-by: Pranav C <61551451+pranavxc@users.noreply.github.com>
This commit is contained in:
Pranav C
2021-07-19 16:30:37 +05:30
parent f9508c2d44
commit fa00be39b8
303 changed files with 34924 additions and 31761 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
packages/nc-gui/components/project/spreadsheet/views/galleryView.vue
View File

@@ -2,39 +2,40 @@
<v-container fluid>
<v-row>
<v-col
v-for="({row, rowMeta},rowIndex) in data" :key="rowIndex" class="col-md-4 col-lg-3 col-sm-6 col-12">
<v-hover v-slot:default="{hover}">
<v-card
:elevation="hover ? 4 : 1" @click="$emit('expandForm', {row,rowIndex,rowMeta})">
<v-carousel
:continuous="false"
:cycle="true"
:show-arrows="false"
hide-delimiter-background
delimiter-icon="mdi-minus"
height="200"
v-for="({row, rowMeta},rowIndex) in data"
:key="rowIndex"
class="col-md-4 col-lg-3 col-sm-6 col-12"
>
<v-hover v-slot="{hover}">
<v-card
:elevation="hover ? 4 : 1"
@click="$emit('expandForm', {row,rowIndex,rowMeta})"
>
<v-carousel-item
v-for="(cover, i) in getCovers(row)"
:key="i"
<v-carousel
:continuous="false"
:cycle="true"
:show-arrows="false"
hide-delimiter-background
delimiter-icon="mdi-minus"
height="200"
>
<v-img
height="200"
:src="cover.url"
:alt="cover.title"
></v-img>
</v-carousel-item>
</v-carousel>
<v-carousel-item
v-for="(cover, i) in getCovers(row)"
:key="i"
>
<v-img
height="200"
:src="cover.url"
:alt="cover.title"
/>
</v-carousel-item>
</v-carousel>
<v-card-title
class="text-capitalize"
v-text="row[primaryValueColumn]"></v-card-title>
</v-card>
<v-card-title
class="text-capitalize"
v-text="row[primaryValueColumn]"
/>
</v-card>
</v-hover>
</v-col>
</v-row>
@@ -43,33 +44,33 @@
<script>
export default {
name: "galleryView",
name: 'GalleryView',
props: [
"nodes",
"table",
"showFields",
"availableColumns",
"meta",
"data",
'nodes',
'table',
'showFields',
'availableColumns',
'meta',
'data',
'primaryValueColumn'
],
computed: {
attachmentColumn() {
return this.meta && this.meta.columns && this.meta.columns.find(c => c.uidt === "Attachment")
attachmentColumn () {
return this.meta && this.meta.columns && this.meta.columns.find(c => c.uidt === 'Attachment')
}
},
methods: {
getCovers(row) {
if (this.attachmentColumn
&& row[this.attachmentColumn.cn] && row[this.attachmentColumn.cn][0]
&& row[this.attachmentColumn.cn]) {
getCovers (row) {
if (this.attachmentColumn &&
row[this.attachmentColumn.cn] && row[this.attachmentColumn.cn][0] &&
row[this.attachmentColumn.cn]) {
try {
return JSON.parse(row[this.attachmentColumn.cn])
} catch (e) {
}
}
return [{url: 'https://via.placeholder.com/700?text=No%20image%20found'}]
return [{ url: 'https://via.placeholder.com/700?text=No%20image%20found' }]
}
}
}