github
/
nocodb
mirror of https://github.com/nocodb/nocodb
1
0
Fork 0
Code Issues Releases Wiki Activity
Browse Source

wip(gui-v2): share view list 

Signed-off-by: Pranav C <pranavxc@gmail.com>
pull/2860/head
Pranav C 2 years ago
parent
91b0ddbbd5
commit
fad3707f18
2 changed files with 131 additions and 34 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 76
      packages/nc-gui-v2/components/smartsheet-toolbar/MoreActions.vue
  2. 89
      packages/nc-gui-v2/components/smartsheet-toolbar/SharedViewList.vue

76
packages/nc-gui-v2/components/smartsheet-toolbar/MoreActions.vue
Unescape View File

@ -13,6 +13,8 @@ import MdiUploadIcon from '~icons/mdi/upload-outline'
import MdiHookIcon from '~icons/mdi/hook' import MdiHookIcon from '~icons/mdi/hook'
import MdiViewListIcon from '~icons/mdi/view-list-outline' import MdiViewListIcon from '~icons/mdi/view-list-outline'
const sharedViewListDlg = ref(false)
// todo : replace with inject // todo : replace with inject
const publicViewId = null const publicViewId = null
const { project } = useProject() const { project } = useProject()
@ -87,40 +89,46 @@ const exportCsv = async () => {
</script> </script>
<template> <template>
<a-dropdown> <div>
<a-button v-t="['c:actions']" class="nc-actions-menu-btn nc-toolbar-btn"> <a-dropdown>
<div class="flex gap-1 align-center"> <a-button v-t="['c:actions']" class="nc-actions-menu-btn nc-toolbar-btn">
<MdiFlashIcon class="text-grey" /> <div class="flex gap-1 align-center">
<!-- More --> <MdiFlashIcon class="text-grey" />
{{ $t('general.more') }} <!-- More -->
<MdiMenuDownIcon class="text-grey" /> {{ $t('general.more') }}
</div> <MdiMenuDownIcon class="text-grey" />
</a-button> </div>
<template #overlay> </a-button>
<div class="bg-white shadow"> <template #overlay>
<div> <div class="bg-white shadow">
<div class="nc-menu-item" @click.stop="exportCsv"> <div>
<MdiDownloadIcon /> <div class="nc-menu-item" @click.stop="exportCsv">
<!-- Download as CSV --> <MdiDownloadIcon />
{{ $t('activity.downloadCSV') }} <!-- Download as CSV -->
</div> {{ $t('activity.downloadCSV') }}
<div class="nc-menu-item" @click.stop> </div>
<MdiUploadIcon /> <div class="nc-menu-item" @click.stop>
<!-- Upload CSV --> <MdiUploadIcon />
{{ $t('activity.uploadCSV') }} <!-- Upload CSV -->
</div> {{ $t('activity.uploadCSV') }}
<div class="nc-menu-item" @click.stop> </div>
<MdiViewListIcon /> <div class="nc-menu-item" @click.stop="sharedViewListDlg = true">
<!-- Shared View List --> <MdiViewListIcon />
{{ $t('activity.listSharedView') }} <!-- Shared View List -->
</div> {{ $t('activity.listSharedView') }}
<div class="nc-menu-item" @click.stop> </div>
<MdiHookIcon /> <div class="nc-menu-item" @click.stop>
<!-- todo: i18n --> <MdiHookIcon />
Webhook <!-- todo: i18n -->
Webhook
</div>
</div> </div>
</div> </div>
</div> </template>
</template> </a-dropdown>
</a-dropdown>
<a-modal v-model:visible="sharedViewListDlg" title="Shared view list" width="90vw">
<SmartsheetToolbarSharedViewList v-if="sharedViewListDlg" />
</a-modal>
</div>
</template> </template>

89
packages/nc-gui-v2/components/smartsheet-toolbar/SharedViewList.vue
Unescape View File

@ -0,0 +1,89 @@
<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>
Write Preview
Loading…
Cancel
Save