mirror of https://github.com/nocodb/nocodb
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
90 lines
3.1 KiB
90 lines
3.1 KiB
2 years ago
|
<script lang="ts" setup>
|
||
|
|
import { onMounted } from '#imports'
|
||
|
|
|
||
|
|
const { view, $api, meta } = useSmartsheetStoreOrThrow()
|
||
|
|
|
||
|
|
let isLoading = $ref(false)
|
||
|
|
// let activeSharedView = $ref(null)
|
||
|
|
const sharedViewList = ref()
|
||
|
|
|
||
|
|
const loadSharedViewsList = async () => {
|
||
|
|
isLoading = true
|
||
|
|
const list = await $api.dbViewShare.list(meta.value?.id as string)
|
||
|
|
|
||
|
|
console.log(unref(sharedViewList))
|
||
|
|
console.log(list)
|
||
|
|
|
||
|
|
sharedViewList.value = list
|
||
|
|
|
||
|
|
// todo: show active view in list separately
|
||
|
|
// const index = sharedViewList.value.findIndex((v) => {
|
||
|
|
// return view?.value?.id === v.id
|
||
|
|
// })
|
||
|
|
//
|
||
|
|
// if (index > -1) {
|
||
|
|
// activeSharedView = sharedViewList.value.splice(index, 1)[0]
|
||
|
|
// } else {
|
||
|
|
// activeSharedView = null
|
||
|
|
// }
|
||
|
|
|
||
|
|
isLoading = false
|
||
|
|
}
|
||
|
|
|
||
|
|
onMounted(loadSharedViewsList)
|
||
|
|
const test = (t) => console.log(t)
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<div class="w-full">
|
||
|
|
<a-table class="" size="small" :data-source="sharedViewList" :pagination="{ position: ['bottomCenter'] }">
|
||
|
|
<!-- View name -->
|
||
|
|
<a-table-column key="title" :title="$t('labels.viewName')" data-index="title">
|
||
|
|
<template #default="{ text }">
|
||
|
|
<div class="text-xs" :title="text">
|
||
|
|
{{ text }}
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
</a-table-column>
|
||
|
|
<!-- View Link -->
|
||
|
|
<a-table-column key="title" :title="$t('labels.viewLink')" data-index="title">
|
||
|
|
<template #default="{ record }">
|
||
|
|
<div @click="test(rest)">click</div>
|
||
|
|
<!-- <nuxt-link :to="sharedViewUrl(currentView)">
|
||
|
|
{{ `${dashboardUrl}#${sharedViewUrl(currentView)}` }}
|
||
|
|
</nuxt-link> -->
|
||
|
|
</template>
|
||
|
|
</a-table-column>
|
||
|
|
<!-- Password -->
|
||
|
|
<a-table-column key="password" :title="$t('labels.password')" data-index="title">
|
||
|
|
<template #default="{ text }">
|
||
|
|
{{ text }}
|
||
|
|
<!-- <span>{{ currentView.showPassword ? currentView.password : '***************************' }}</span>
|
||
|
|
<v-icon small @click="$set(currentView, 'showPassword', !currentView.showPassword)">
|
||
|
|
{{ currentView.showPassword ? 'visibility_off' : 'visibility' }}
|
||
|
|
</v-icon> -->
|
||
|
|
</template>
|
||
|
|
</a-table-column>
|
||
|
|
<!-- Password -->
|
||
|
|
<a-table-column key="meta" title="Download allowed" data-index="title">
|
||
|
|
<template #default="{ text }">
|
||
|
|
{{ text }}
|
||
|
|
<!-- <template v-if="'meta' in currentView"> -->
|
||
|
|
<!-- <span>{{ renderAllowCSVDownload(currentView) }}</span> -->
|
||
|
|
<!-- </template> -->
|
||
|
|
</template>
|
||
|
|
</a-table-column>
|
||
|
|
<!-- Actions -->
|
||
|
|
<a-table-column key="id" :title="$t('labels.actions')" data-index="title">
|
||
|
|
<template #default="{ record }">
|
||
|
|
<div class="text-xs" :title="text">
|
||
|
|
<!-- <v-icon small @click="copyLink(currentView)"> mdi-content-copy </v-icon> -->
|
||
|
|
<!-- <v-icon small @click="deleteLink(currentView.id)"> mdi-delete-outline </v-icon> -->
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
</a-table-column>
|
||
|
|
</a-table>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<style scoped></style>
|