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

refactor(gui-v2): menu label correction 

Signed-off-by: Pranav C <pranavxc@gmail.com>
pull/3262/head
Pranav C 2 years ago
parent
f242588992
commit
7ea4939771
2 changed files with 15 additions and 57 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. 71
      packages/nc-gui-v2/components/smartsheet-toolbar/ViewActions.vue
  2. 1
      packages/nc-gui-v2/components/smartsheet/sidebar/toolbar/LockMenu.vue

71
packages/nc-gui-v2/components/smartsheet-toolbar/ViewActions.vue
Unescape View File

@ -164,13 +164,13 @@ async function changeLockType(type: LockType) {
<a-menu-item> <a-menu-item>
<!-- <div class="min-w-[350px] max-w-[500px] shadow bg-white"> --> <!-- <div class="min-w-[350px] max-w-[500px] shadow bg-white"> -->
<!-- <div> --> <!-- <div> -->
<div class="nc-menu-item" @click="changeLockType(LockType.Collaborative)"> <div class="nc-locked-menu-item" @click="changeLockType(LockType.Collaborative)">
<div> <div>
<MdiCheck v-if="!view?.lock_type || view?.lock_type === LockType.Collaborative" /> <MdiCheck v-if="!view?.lock_type || view?.lock_type === LockType.Collaborative" />
<span v-else /> <span v-else />
<div> <div>
<MdiAccountGroupIcon /> <MdiAccountGroupIcon />
Collaborative view {{ $t('title.collabView') }}
<div class="nc-subtitle"> <div class="nc-subtitle">
Collaborators with edit permissions or higher can change the view configuration. Collaborators with edit permissions or higher can change the view configuration.
</div> </div>
@ -179,26 +179,26 @@ async function changeLockType(type: LockType) {
</div> </div>
</a-menu-item> </a-menu-item>
<a-menu-item> <a-menu-item>
<div class="nc-menu-item" @click="changeLockType(LockType.Locked)"> <div class="nc-locked-menu-item" @click="changeLockType(LockType.Locked)">
<div> <div>
<MdiCheck v-if="selectedView?.lock_type === LockType.Locked" /> <MdiCheck v-if="selectedView?.lock_type === LockType.Locked" />
<span v-else /> <span v-else />
<div> <div>
<MdiLockOutlineIcon /> <MdiLockOutlineIcon />
Locked View {{ $t('title.lockedView') }}
<div class="nc-subtitle">No one can edit the view configuration until it is unlocked.</div> <div class="nc-subtitle">No one can edit the view configuration until it is unlocked.</div>
</div> </div>
</div> </div>
</div> </div>
</a-menu-item> </a-menu-item>
<a-menu-item> <a-menu-item>
<div class="nc-menu-item" @click="changeLockType(LockType.Personal)"> <div class="nc-locked-menu-item" @click="changeLockType(LockType.Personal)">
<div> <div>
<MdiCheck v-if="selectedView?.lock_type === LockType.Personal" /> <MdiCheck v-if="selectedView?.lock_type === LockType.Personal" />
<span v-else /> <span v-else />
<div> <div>
<MdiAccountIcon /> <MdiAccountIcon />
Personal view {{ $t('title.personalView') }}
<div class="nc-subtitle"> <div class="nc-subtitle">
Only you can edit the view configuration. Other collaborators’ personal views are hidden by Only you can edit the view configuration. Other collaborators’ personal views are hidden by
default. default.
@ -242,8 +242,8 @@ async function changeLockType(type: LockType) {
<a-sub-menu key="upload"> <a-sub-menu key="upload">
<template #title> <template #title>
<div v-t="['c:navdraw:preview-as']" class="nc-project-menu-item group"> <div v-t="['c:navdraw:preview-as']" class="nc-project-menu-item group">
<MdiDownload class="group-hover:text-pink-500" /> <MdiUpload class="group-hover:text-pink-500" />
Download Upload
<div class="flex-1" /> <div class="flex-1" />
<MaterialSymbolsChevronRightRounded <MaterialSymbolsChevronRightRounded
@ -268,55 +268,6 @@ async function changeLockType(type: LockType) {
</a-menu-item> </a-menu-item>
</a-sub-menu> </a-sub-menu>
<!-- <div class="bg-gray-50 py-2 shadow-lg !border"> -->
<!-- <div> -->
<!-- <div v-t="['a:actions:download-csv']" class="nc-menu-item" @click="exportFile(ExportTypes.CSV)"> -->
<!-- <MdiDownloadOutline class="text-gray-500" /> -->
<!-- &lt;!&ndash; Download as CSV &ndash;&gt; -->
<!-- {{ $t('activity.downloadCSV') }} -->
<!-- </div> -->
<!-- <div v-t="['a:actions:download-excel']" class="nc-menu-item" @click="exportFile(ExportTypes.EXCEL)"> -->
<!-- <MdiDownloadOutline class="text-gray-500" /> -->
<!-- &lt;!&ndash; Download as XLSX &ndash;&gt; -->
<!-- {{ $t('activity.downloadExcel') }} -->
<!-- </div> -->
<!-- <div -->
<!-- v-if="isUIAllowed('csvImport') && !isView && !isPublicView" -->
<!-- v-t="['a:actions:upload-csv']" -->
<!-- class="nc-menu-item" -->
<!-- :class="{ disabled: isLocked }" -->
<!-- @click="!isLocked ? (quickImportDialog = true) : {}" -->
<!-- > -->
<!-- <MdiUploadOutline class="text-gray-500" /> -->
<!-- &lt;!&ndash; Upload CSV &ndash;&gt; -->
<!-- {{ $t('activity.uploadCSV') }} -->
<!-- </div> -->
<!-- <div -->
<!-- v-if="isUIAllowed('SharedViewList') && !isView && !isPublicView" -->
<!-- v-t="['a:actions:shared-view-list']" -->
<!-- class="nc-menu-item" -->
<!-- @click="sharedViewListDlg = true" -->
<!-- > -->
<!-- <MdiViewListOutline class="text-gray-500" /> -->
<!-- &lt;!&ndash; Shared View List &ndash;&gt; -->
<!-- {{ $t('activity.listSharedView') }} -->
<!-- </div> -->
<!-- <div -->
<!-- v-if="isUIAllowed('webhook') && !isView && !isPublicView" -->
<!-- v-t="['c:actions:webhook']" -->
<!-- class="nc-menu-item" -->
<!-- @click="showWebhookDrawer = true" -->
<!-- > -->
<!-- <MdiHook class="text-gray-500" /> -->
<!-- {{ $t('objects.webhooks') }} -->
<!-- </div> -->
<!-- </div> -->
<!-- </div> -->
<a-menu-item> <a-menu-item>
<div <div
@ -357,3 +308,9 @@ async function changeLockType(type: LockType) {
</a-modal> </a-modal>
</div> </div>
</template> </template>
<style scoped>
.nc-locked-menu-item > div {
@apply grid grid-cols-[30px,auto] gap-2 p-2 align-center;
}
</style>

1
packages/nc-gui-v2/components/smartsheet/sidebar/toolbar/LockMenu.vue
Unescape View File

@ -113,4 +113,5 @@ const Icon = computed(() => {
.nc-subtitle { .nc-subtitle {
@apply font-size-sm font-weight-light; @apply font-size-sm font-weight-light;
} }
</style> </style>

Write Preview
Loading…
Cancel
Save