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

feat: add i18n to spreadsheetNAvDrawer.vue 

Signed-off-by: Wing-Kam Wong <wingkwong.code@gmail.com>
pull/269/head
Wing-Kam Wong 3 years ago
parent
d297d8faf5
commit
6ac90e40c3
4 changed files with 162 additions and 30 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. 111
      packages/nc-gui/components/project/spreadsheet/components/spreadsheetNavDrawer.vue
  2. 27
      packages/nc-gui/static/lang/en.json
  3. 27
      packages/nc-gui/static/lang/ja.json
  4. 27
      packages/nc-gui/static/lang/zh.json

111
packages/nc-gui/components/project/spreadsheet/components/spreadsheetNavDrawer.vue
Unescape View File

@ -13,7 +13,8 @@
<v-list-item dense> <v-list-item dense>
<span class="body-2 grey--text">Views</span> <!-- Views -->
<span class="body-2 grey--text">{{ $t('nav_drawer.title') }}</span>
</v-list-item> </v-list-item>
<v-list-item-group <v-list-item-group
v-model="selectedViewIdLocal" v-model="selectedViewIdLocal"
@ -52,22 +53,25 @@
</v-list-item-title> </v-list-item-title>
<v-spacer></v-spacer> <v-spacer></v-spacer>
<template v-if="_isUIAllowed('virtualViewsCreateOrEdit')"> <template v-if="_isUIAllowed('virtualViewsCreateOrEdit')">
<!-- Copy view -->
<x-icon v-if="view.type === 'vtable' && !view.edit" <x-icon v-if="view.type === 'vtable' && !view.edit"
tooltip="Copy view" v-bind:tooltip="$t('nav_drawer.virtual_views.action.copy')"
x-small color="primary" x-small color="primary"
@click.stop="copyView(view,i)" @click.stop="copyView(view,i)"
iconClass="view-icon"> iconClass="view-icon">
mdi-content-copy mdi-content-copy
</x-icon> </x-icon>
<!-- Rename view -->
<x-icon v-if="view.type === 'vtable' && !view.edit" <x-icon v-if="view.type === 'vtable' && !view.edit"
tooltip="Rename view" v-bind:tooltip="$t('nav_drawer.virtual_views.action.rename')"
x-small color="primary" x-small color="primary"
@click.stop="showRenameTextBox(view,i)" @click.stop="showRenameTextBox(view,i)"
iconClass="view-icon"> iconClass="view-icon">
mdi-pencil mdi-pencil
</x-icon> </x-icon>
<!-- Delete view" -->
<x-icon v-if="view.type === 'vtable'" <x-icon v-if="view.type === 'vtable'"
tooltip="Delete view" v-bind:tooltip="$t('nav_drawer.virtual_views.action.delete')"
small color="error" @click.stop="deleteView(view)" small color="error" @click.stop="deleteView(view)"
iconClass="view-icon"> iconClass="view-icon">
mdi-delete-outline mdi-delete-outline
@ -88,7 +92,10 @@
'advanced-border' : overShieldIcon 'advanced-border' : overShieldIcon
}"> }">
<v-list-item dense> <v-list-item dense>
<span class="body-2 grey--text" @dblclick="enableDummyFeat = true">Create a View</span> <!-- Create a View -->
<span class="body-2 grey--text" @dblclick="enableDummyFeat = true">
{{ $t('nav_drawer.virtual_views.title')}}
</span>
<v-tooltip top> <v-tooltip top>
<template v-slot:activator="{on}"> <template v-slot:activator="{on}">
@ -98,7 +105,10 @@
icon-class="ml-2" small>mdi-shield-lock-outline icon-class="ml-2" small>mdi-shield-lock-outline
</x-icon> </x-icon>
</template> </template>
<span class="caption">Only visible to Creator</span> <!-- Only visible to Creator -->
<span class="caption">
{{ $t('nav_drawer.virtual_views.caption')}}
</span>
</v-tooltip> </v-tooltip>
</v-list-item> </v-list-item>
<v-tooltip bottom> <v-tooltip bottom>
@ -108,13 +118,17 @@
<v-list-item-icon class="mr-n1"> <v-list-item-icon class="mr-n1">
<v-icon color="blue" x-small>mdi-grid-large</v-icon> <v-icon color="blue" x-small>mdi-grid-large</v-icon>
</v-list-item-icon> </v-list-item-icon>
<v-list-item-title><span class="font-weight-regular">Grid</span></v-list-item-title> <v-list-item-title><span class="font-weight-regular">
<!-- Grid -->
{{ $t('nav_drawer.virtual_views.grid')}}
</span></v-list-item-title>
<v-spacer></v-spacer> <v-spacer></v-spacer>
<v-icon class="mr-1" small>mdi-plus</v-icon> <v-icon class="mr-1" small>mdi-plus</v-icon>
</v-list-item> </v-list-item>
</template> </template>
Add Grid View <!-- Add Grid View -->
{{ $t('nav_drawer.virtual_views.grid.create')}}
</v-tooltip> </v-tooltip>
<v-tooltip bottom> <v-tooltip bottom>
<template v-slot:activator="{on}"> <template v-slot:activator="{on}">
@ -123,13 +137,18 @@
<v-list-item-icon class="mr-n1"> <v-list-item-icon class="mr-n1">
<v-icon color="orange" x-small>mdi-camera-image</v-icon> <v-icon color="orange" x-small>mdi-camera-image</v-icon>
</v-list-item-icon> </v-list-item-icon>
<v-list-item-title><span class="font-weight-regular">Gallery</span></v-list-item-title> <v-list-item-title><span class="font-weight-regular">
<!-- Gallery -->
{{ $t('nav_drawer.virtual_views.gallery')}}
</span></v-list-item-title>
<v-spacer></v-spacer> <v-spacer></v-spacer>
<v-icon class="mr-1" small>mdi-plus</v-icon> <v-icon class="mr-1" small>mdi-plus</v-icon>
</v-list-item> </v-list-item>
</template> </template>
Add Gallery View <!-- Add Gallery View -->
{{ $t('nav_drawer.virtual_views.gallery.create')}}
</v-tooltip> </v-tooltip>
<v-tooltip bottom> <v-tooltip bottom>
@ -139,14 +158,18 @@
<v-list-item-icon class="mr-n1"> <v-list-item-icon class="mr-n1">
<v-icon x-small>mdi-calendar</v-icon> <v-icon x-small>mdi-calendar</v-icon>
</v-list-item-icon> </v-list-item-icon>
<v-list-item-title><span class="font-weight-regular">Calendar</span></v-list-item-title> <v-list-item-title><span class="font-weight-regular">
<!-- Calendar -->
{{ $t('nav_drawer.virtual_views.calendar')}}
</span></v-list-item-title>
<v-spacer></v-spacer> <v-spacer></v-spacer>
<v-icon class="mr-1" small>mdi-plus</v-icon> <v-icon class="mr-1" small>mdi-plus</v-icon>
</v-list-item> </v-list-item>
</template> </template>
Add Calendar View <!-- Add Calendar View -->
{{ $t('nav_drawer.virtual_views.calendar.create')}}
</v-tooltip> </v-tooltip>
<v-tooltip bottom> <v-tooltip bottom>
<template v-slot:activator="{on}"> <template v-slot:activator="{on}">
@ -155,14 +178,18 @@
<v-list-item-icon class="mr-n1"> <v-list-item-icon class="mr-n1">
<v-icon x-small>mdi-tablet-dashboard</v-icon> <v-icon x-small>mdi-tablet-dashboard</v-icon>
</v-list-item-icon> </v-list-item-icon>
<v-list-item-title><span class="font-weight-regular">Kanban</span></v-list-item-title> <v-list-item-title><span class="font-weight-regular">
<!-- Kanban -->
{{ $t('nav_drawer.virtual_views.kanban')}}
</span></v-list-item-title>
<v-spacer></v-spacer> <v-spacer></v-spacer>
<v-icon class="mr-1" small>mdi-plus</v-icon> <v-icon class="mr-1" small>mdi-plus</v-icon>
</v-list-item> </v-list-item>
</template> </template>
Add Kanban View <!-- Add Kanban View -->
{{ $t('nav_drawer.virtual_views.kanban.create')}}
</v-tooltip> </v-tooltip>
<v-tooltip bottom> <v-tooltip bottom>
<template v-slot:activator="{on}"> <template v-slot:activator="{on}">
@ -171,14 +198,19 @@
<v-list-item-icon class="mr-n1"> <v-list-item-icon class="mr-n1">
<v-icon x-small class="mt-n1">mdi-form-select</v-icon> <v-icon x-small class="mt-n1">mdi-form-select</v-icon>
</v-list-item-icon> </v-list-item-icon>
<v-list-item-title><span class="font-weight-regular">Form</span></v-list-item-title> <v-list-item-title><span class="font-weight-regular">
<!-- Form -->
{{ $t('nav_drawer.virtual_views.form')}}
</span></v-list-item-title>
<v-spacer></v-spacer> <v-spacer></v-spacer>
<v-icon class="mr-1" small>mdi-plus</v-icon> <v-icon class="mr-1" small>mdi-plus</v-icon>
</v-list-item> </v-list-item>
</template> </template>
Add Form View <!-- Add Form View -->
{{ $t('nav_drawer.virtual_views.form.create')}}
</v-tooltip> </v-tooltip>
</v-list> </v-list>
</template> </template>
@ -218,7 +250,10 @@
icon-class="ml-2" small>mdi-shield-lock-outline icon-class="ml-2" small>mdi-shield-lock-outline
</x-icon> </x-icon>
</template> </template>
<span class="caption">Only visible to Creator</span> <span class="caption">
<!-- Only visible to Creator -->
{{$t('nav_drawer.virtual_views.caption')}}
</span>
</v-tooltip> </v-tooltip>
</v-list-item> </v-list-item>
<!-- <v-tooltip bottom>--> <!-- <v-tooltip bottom>-->
@ -231,7 +266,10 @@
@click="genShareLink" @click="genShareLink"
> >
<v-icon x-small class="mr-2">mdi-open-in-new</v-icon> <v-icon x-small class="mr-2">mdi-open-in-new</v-icon>
<span class="caption"> Share View</span> <span class="caption">
<!-- Share View -->
{{ $t('nav_drawer.advanced.title1') }}
</span>
<v-spacer></v-spacer> <v-spacer></v-spacer>
<v-menu offset-y> <v-menu offset-y>
<template v-slot:activator="{on}"> <template v-slot:activator="{on}">
@ -240,7 +278,10 @@
<v-list dense> <v-list dense>
<v-list-item dense @click="$emit('showAdditionalFeatOverlay','shared-views')"> <v-list-item dense @click="$emit('showAdditionalFeatOverlay','shared-views')">
<v-list-item-title> <v-list-item-title>
<span class="font-weight-regular">Views List</span> <span class="font-weight-regular">
<!-- Views List -->
{{ $t('nav_drawer.advanced.option1') }}
</span>
</v-list-item-title> </v-list-item-title>
</v-list-item> </v-list-item>
</v-list> </v-list>
@ -274,10 +315,12 @@
<v-list-item v-on="on" <v-list-item v-on="on"
@click="copyapiUrlToClipboard"> @click="copyapiUrlToClipboard">
<v-icon x-small class="mr-2">mdi-content-copy</v-icon> <v-icon x-small class="mr-2">mdi-content-copy</v-icon>
<span class="caption"> Copy API URL</span> <!-- Copy API URL -->
<span class="caption">{{ $t('nav_drawer.advanced.option1') }}</span>
</v-list-item> </v-list-item>
</template> </template>
Copy API URL <!-- Copy API URL -->
{{ $t('nav_drawer.advanced.option1') }}
</v-tooltip> </v-tooltip>
<template <template
v-if="_isUIAllowed('model')"> v-if="_isUIAllowed('model')">
@ -313,8 +356,13 @@
> >
<v-card class="pa-3 backgroundColor"> <v-card class="pa-3 backgroundColor">
<v-container @click.stop> <v-container @click.stop>
<h3 class="title mb-3">This view is shared via a private link</h3> <h3 class="title mb-3">
<p class="grey&#45;&#45;text body-2">People with private link can only see cells visible in this view</p> <!-- This view is shared via a private link -->
{{ $t('nav_drawer.share_view.title')}}
</h3>
<p class="grey&#45;&#45;text body-2">
<!-- People with private link can only see cells visible in this view -->
</p>
<div style="border-radius: 4px" <div style="border-radius: 4px"
class="share-link-box body-2 pa-2 d-flex align-center"> class="share-link-box body-2 pa-2 d-flex align-center">
{{ shareLink.url }} {{ shareLink.url }}
@ -332,8 +380,14 @@
<v-switch dense v-model="passwordProtect" @change="onPasswordProtectChange"> <v-switch dense v-model="passwordProtect" @change="onPasswordProtectChange">
<template v-slot:label> <template v-slot:label>
<span class="caption" v-show="!passwordProtect">Restrict access with a password</span> <!-- Restrict access with a password -->
<span class="caption" v-show="passwordProtect">Access is password restricted</span> <span class="caption" v-show="!passwordProtect">
{{ $t('nav_drawer.share_view.toggle.option1')}}
</span>
<!-- Access is password restricted -->
<span class="caption" v-show="passwordProtect">
{{ $t('nav_drawer.share_view.toggle.option2')}}
</span>
</template> </template>
</v-switch> </v-switch>
@ -343,7 +397,7 @@
class="password-field mr-2 caption" class="password-field mr-2 caption"
style="max-width: 230px" style="max-width: 230px"
:type="showShareLinkPassword ? 'text' : 'password'" :type="showShareLinkPassword ? 'text' : 'password'"
hint="Enter the password" v-bind:hint="$t('nav_drawer.share_view.password.caption')"
persistent-hint persistent-hint
dense dense
v-model="shareLink.password" v-model="shareLink.password"
@ -356,7 +410,10 @@
</template> </template>
</v-text-field> </v-text-field>
<v-btn color="primary" class="caption" small @click="saveShareLinkPassword">Save password</v-btn> <v-btn color="primary" class="caption" small @click="saveShareLinkPassword">
<!-- Save password -->
{{ $t('nav_drawer.share_view.password.button')}}
</v-btn>
</div> </div>
</v-container> </v-container>

27
packages/nc-gui/static/lang/en.json
Unescape View File

@ -87,5 +87,30 @@
"treeview.project_metadata": "Project Metadata", "treeview.project_metadata": "Project Metadata",
"treeview.project_metadata.tooltip": "Meta Management", "treeview.project_metadata.tooltip": "Meta Management",
"treeview.preview_as": "Preview as", "treeview.preview_as": "Preview as",
"treeview.reset_review": "Reset Preview" "treeview.reset_review": "Reset Preview",
"nav_drawer.title": "Views",
"nav_drawer.virtual_views.action.copy": "Copy view",
"nav_drawer.virtual_views.action.rename": "Rename view",
"nav_drawer.virtual_views.action.delete": "Delete view",
"nav_drawer.virtual_views.title": "Create a View",
"nav_drawer.virtual_views.caption": "Only visible to Creator",
"nav_drawer.virtual_views.grid": "Grid",
"nav_drawer.virtual_views.grid.create": "Add Grid View",
"nav_drawer.virtual_views.gallery": "Gallery",
"nav_drawer.virtual_views.gallery.create": "Add Gallery View",
"nav_drawer.virtual_views.calendar": "Calendar",
"nav_drawer.virtual_views.calendar.create": "Add Calendar View",
"nav_drawer.virtual_views.kanban": "Kanban",
"nav_drawer.virtual_views.kanban.create": "Add Kanban View",
"nav_drawer.virtual_views.form": "Form",
"nav_drawer.virtual_views.form.create": "Add Form View",
"nav_drawer.advanced.title1": "Share View",
"nav_drawer.advanced.option1": "Views List",
"nav_drawer.advanced.title2": "Copy API URL",
"nav_drawer.share_view.title": "This view is shared via a private link",
"nav_drawer.share_view.body": "People with private link can only see cells visible in this view",
"nav_drawer.share_view.toggle.option1": "Restrict access with a password",
"nav_drawer.share_view.toggle.option2": "Access is password restricted",
"nav_drawer.share_view.password.caption": "Enter the password",
"nav_drawer.share_view.password.button": "Save password"
} }

27
packages/nc-gui/static/lang/ja.json
Unescape View File

@ -87,5 +87,30 @@
"treeview.project_metadata": "Project Metadata", "treeview.project_metadata": "Project Metadata",
"treeview.project_metadata.tooltip": "Meta Management", "treeview.project_metadata.tooltip": "Meta Management",
"treeview.preview_as": "Preview as", "treeview.preview_as": "Preview as",
"treeview.reset_review": "Reset Preview" "treeview.reset_review": "Reset Preview",
"nav_drawer.title": "Views",
"nav_drawer.virtual_views.action.copy": "Copy view",
"nav_drawer.virtual_views.action.rename": "Rename view",
"nav_drawer.virtual_views.action.delete": "Delete view",
"nav_drawer.virtual_views.title": "Create a View",
"nav_drawer.virtual_views.caption": "Only visible to Creator",
"nav_drawer.virtual_views.grid": "Grid",
"nav_drawer.virtual_views.grid.create": "Add Grid View",
"nav_drawer.virtual_views.gallery": "Gallery",
"nav_drawer.virtual_views.gallery.create": "Add Gallery View",
"nav_drawer.virtual_views.calendar": "Calendar",
"nav_drawer.virtual_views.calendar.create": "Add Calendar View",
"nav_drawer.virtual_views.kanban": "Kanban",
"nav_drawer.virtual_views.kanban.create": "Add Kanban View",
"nav_drawer.virtual_views.form": "Form",
"nav_drawer.virtual_views.form.create": "Add Form View",
"nav_drawer.advanced.title1": "Share View",
"nav_drawer.advanced.option1": "Views List",
"nav_drawer.advanced.title2": "Copy API URL",
"nav_drawer.share_view.title": "This view is shared via a private link",
"nav_drawer.share_view.body": "People with private link can only see cells visible in this view",
"nav_drawer.share_view.toggle.option1": "Restrict access with a password",
"nav_drawer.share_view.toggle.option2": "Access is password restricted",
"nav_drawer.share_view.password.caption": "Enter the password",
"nav_drawer.share_view.password.button": "Save password"
} }

27
packages/nc-gui/static/lang/zh.json
Unescape View File

@ -87,6 +87,31 @@
"treeview.project_metadata": "Project Metadata", "treeview.project_metadata": "Project Metadata",
"treeview.project_metadata.tooltip": "Meta Management", "treeview.project_metadata.tooltip": "Meta Management",
"treeview.preview_as": "Preview as", "treeview.preview_as": "Preview as",
"treeview.reset_review": "Reset Preview" "treeview.reset_review": "Reset Preview",
"nav_drawer.title": "Views",
"nav_drawer.virtual_views.action.copy": "Copy view",
"nav_drawer.virtual_views.action.rename": "Rename view",
"nav_drawer.virtual_views.action.delete": "Delete view",
"nav_drawer.virtual_views.title": "Create a View",
"nav_drawer.virtual_views.caption": "Only visible to Creator",
"nav_drawer.virtual_views.grid": "Grid",
"nav_drawer.virtual_views.grid.create": "Add Grid View",
"nav_drawer.virtual_views.gallery": "Gallery",
"nav_drawer.virtual_views.gallery.create": "Add Gallery View",
"nav_drawer.virtual_views.calendar": "Calendar",
"nav_drawer.virtual_views.calendar.create": "Add Calendar View",
"nav_drawer.virtual_views.kanban": "Kanban",
"nav_drawer.virtual_views.kanban.create": "Add Kanban View",
"nav_drawer.virtual_views.form": "Form",
"nav_drawer.virtual_views.form.create": "Add Form View",
"nav_drawer.advanced.title1": "Share View",
"nav_drawer.advanced.option1": "Views List",
"nav_drawer.advanced.title2": "Copy API URL",
"nav_drawer.share_view.title": "This view is shared via a private link",
"nav_drawer.share_view.body": "People with private link can only see cells visible in this view",
"nav_drawer.share_view.toggle.option1": "Restrict access with a password",
"nav_drawer.share_view.toggle.option2": "Access is password restricted",
"nav_drawer.share_view.password.caption": "Enter the password",
"nav_drawer.share_view.password.button": "Save password"
} }
Write Preview
Loading…
Cancel
Save