Browse Source

refactor: i18n changes (header/ spreadsheet menu options)

Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com>
pull/1124/head
Raju Udava 3 years ago
parent
commit
03d7f63183
  1. 4
      packages/nc-gui/components/ProjectTreeView.vue
  2. 8
      packages/nc-gui/components/project/spreadsheet/components/columnFilter.vue
  3. 8
      packages/nc-gui/components/project/spreadsheet/components/columnFilterMenu.vue
  4. 14
      packages/nc-gui/components/project/spreadsheet/components/fieldsMenu.vue
  5. 9
      packages/nc-gui/components/project/spreadsheet/components/moreActions.vue
  6. 3
      packages/nc-gui/components/project/spreadsheet/components/shareViewMenu.vue
  7. 6
      packages/nc-gui/components/project/spreadsheet/components/sortListMenu.vue
  8. 10
      packages/nc-gui/components/sponsorMini.vue
  9. 31
      packages/nc-gui/layouts/default.vue

4
packages/nc-gui/components/ProjectTreeView.vue

@ -162,7 +162,7 @@
<v-tooltip v-if="!isNonAdminAccessAllowed(item)" top> <v-tooltip v-if="!isNonAdminAccessAllowed(item)" top>
<template #activator="{ on }"> <template #activator="{ on }">
<span v-if="item.type === 'tableDir'" class="body-2 font-weight-medium" v-on="on"> <span v-if="item.type === 'tableDir'" class="body-2 font-weight-medium" v-on="on">
Tables<template v-if="item.children && item.children.length"> ({{ {{ $t('objects.tables') }}<template v-if="item.children && item.children.length"> ({{
item.children.filter(child => !search || child.name.toLowerCase().includes(search.toLowerCase())).length item.children.filter(child => !search || child.name.toLowerCase().includes(search.toLowerCase())).length
}})</template></span> }})</template></span>
<span v-else class="body-2 font-weight-medium" v-on="on"> <span v-else class="body-2 font-weight-medium" v-on="on">
@ -174,7 +174,7 @@
v-else v-else
> >
<span v-if="item.type === 'tableDir'" class="body-2 font-weight-medium"> <span v-if="item.type === 'tableDir'" class="body-2 font-weight-medium">
Tables<template v-if="item.children && item.children.length"> ({{ {{ $t('objects.tables') }}<template v-if="item.children && item.children.length"> ({{
item.children.filter(child => !search || child.name.toLowerCase().includes(search.toLowerCase())).length item.children.filter(child => !search || child.name.toLowerCase().includes(search.toLowerCase())).length
}})</template></span> }})</template></span>
<span v-else class="caption font-weight-regular"> <span v-else class="caption font-weight-regular">

8
packages/nc-gui/components/project/spreadsheet/components/columnFilter.vue

@ -20,7 +20,10 @@
v-if="!i" v-if="!i"
:key="i + '_2'" :key="i + '_2'"
class="caption d-flex align-center" class="caption d-flex align-center"
>where</span> >
<!-- where -->
{{ $t('labels.where') }}
</span>
<v-select <v-select
v-else v-else
@ -126,7 +129,8 @@
<v-icon small color="grey"> <v-icon small color="grey">
mdi-plus mdi-plus
</v-icon> </v-icon>
Add Filter <!-- Add Filter -->
{{ $t('activity.addFilter') }}
</v-btn> </v-btn>
<slot /> <slot />
</div> </div>

8
packages/nc-gui/components/project/spreadsheet/components/columnFilterMenu.vue

@ -19,7 +19,8 @@
<v-icon small class="mr-1" color="grey darken-3"> <v-icon small class="mr-1" color="grey darken-3">
mdi-filter-outline mdi-filter-outline
</v-icon> </v-icon>
Filter <!-- Filter -->
{{ $t('activity.filter') }}
<v-icon small color="#777"> <v-icon small color="#777">
mdi-menu-down mdi-menu-down
</v-icon> </v-icon>
@ -38,7 +39,10 @@
color="grey" color="grey"
> >
<template #label> <template #label>
<span class="grey--text caption">Auto apply</span> <span class="grey--text caption">
{{ $t('msg.info.filterAutoApply') }}
<!-- Auto apply -->
</span>
</template> </template>
</v-checkbox> </v-checkbox>

14
packages/nc-gui/components/project/spreadsheet/components/fieldsMenu.vue

@ -19,7 +19,8 @@
<v-icon small class="mr-1" color="#777"> <v-icon small class="mr-1" color="#777">
mdi-eye-off-outline mdi-eye-off-outline
</v-icon> </v-icon>
Fields <!-- Fields -->
{{ $t('objects.fields') }}
<v-icon small color="#777"> <v-icon small color="#777">
mdi-menu-down mdi-menu-down
</v-icon> </v-icon>
@ -137,16 +138,21 @@
@click.stop @click.stop
> >
<template #label> <template #label>
<span class="caption">Show System Fields</span> <span class="caption">
<!-- Show System Fields -->
{{ $t('activity.showSystemFields') }}
</span>
</template> </template>
</v-checkbox> </v-checkbox>
</v-list-item> </v-list-item>
<v-list-item dense class="mt-2 list-btn mb-3"> <v-list-item dense class="mt-2 list-btn mb-3">
<v-btn small class="elevation-0 grey--text" @click.stop="showAll"> <v-btn small class="elevation-0 grey--text" @click.stop="showAll">
Show All <!-- Show All -->
{{ $t('general.showAll') }}
</v-btn> </v-btn>
<v-btn small class="elevation-0 grey--text" @click.stop="hideAll"> <v-btn small class="elevation-0 grey--text" @click.stop="hideAll">
Hide All <!-- Hide All -->
{{ $t('general.hideAll') }}
</v-btn> </v-btn>
</v-list-item> </v-list-item>
</v-list> </v-list>

9
packages/nc-gui/components/project/spreadsheet/components/moreActions.vue

@ -34,7 +34,8 @@
mdi-download-outline mdi-download-outline
</v-icon> </v-icon>
<span class="caption"> <span class="caption">
Download as CSV <!-- Download as CSV -->
{{ $t('activity.downloadCSV') }}
</span> </span>
</v-list-item-title> </v-list-item-title>
</v-list-item> </v-list-item>
@ -48,7 +49,8 @@
mdi-upload-outline mdi-upload-outline
</v-icon> </v-icon>
<span class="caption "> <span class="caption ">
Upload CSV <!-- Upload CSV -->
{{ $t('activity.uploadCSV') }}
</span> </span>
<span class="caption grey--text">(<x-icon small color="grey lighten-2"> <span class="caption grey--text">(<x-icon small color="grey lighten-2">
@ -66,7 +68,8 @@
mdi-view-list-outline mdi-view-list-outline
</v-icon> </v-icon>
<span class="caption "> <span class="caption ">
Shared View List <!-- Shared View List -->
{{ $t('activity.listSharedView') }}
</span> </span>
</v-list-item-title> </v-list-item-title>
</v-list-item> <v-list-item </v-list-item> <v-list-item

3
packages/nc-gui/components/project/spreadsheet/components/shareViewMenu.vue

@ -17,7 +17,8 @@
<v-icon size="13" class="mr-1" color="#777"> <v-icon size="13" class="mr-1" color="#777">
mdi-open-in-new mdi-open-in-new
</v-icon> </v-icon>
Share View <!-- Share View -->
{{ $t('activity.shareView') }}
</v-btn> </v-btn>
<!-- </template> <!-- </template>

6
packages/nc-gui/components/project/spreadsheet/components/sortListMenu.vue

@ -19,7 +19,8 @@
<v-icon small class="mr-1" color="#777"> <v-icon small class="mr-1" color="#777">
mdi-sort mdi-sort
</v-icon> </v-icon>
Sort <!-- Sort -->
{{ $t('activity.sort') }}
<v-icon small color="#777"> <v-icon small color="#777">
mdi-menu-down mdi-menu-down
</v-icon> </v-icon>
@ -71,7 +72,8 @@
<v-icon small color="grey"> <v-icon small color="grey">
mdi-plus mdi-plus
</v-icon> </v-icon>
Add Sort Option <!-- Add Sort Option -->
{{ $t('activity.addSort') }}
</v-btn> </v-btn>
</div> </div>
</v-menu> </v-menu>

10
packages/nc-gui/components/sponsorMini.vue

@ -14,14 +14,16 @@
/> />
</template> </template>
</v-img> </v-img>
<!-- You can help us! -->
<v-card-title v-if="!nav" class="pb-2" :class="{'body-2 justify-center mt-n2' : nav}"> <v-card-title v-if="!nav" class="pb-2" :class="{'body-2 justify-center mt-n2' : nav}">
You can help us {{ $t('msg.info.sponsor.header') }}
</v-card-title> </v-card-title>
<v-card-text v-if="!nav" class="pb-0"> <v-card-text v-if="!nav" class="pb-0">
<p class="caption text-left body-1 textColor--text text--lighten-1"> <p class="caption text-left body-1 textColor--text text--lighten-1">
<template> <template>
We are a tiny team working full time to make NocoDB open source. We believe a tool like NocoDB should be <!-- We are a tiny team working full time to make NocoDB open source. We believe a tool like NocoDB should be
available freely to every problem solver on internet. available freely to every problem solver on internet. -->
{{ $t('msg.info.sponsor.message') }}
</template> </template>
</p> </p>
</v-card-text> </v-card-text>
@ -30,7 +32,7 @@
<v-icon small color="red" class="mr-2"> <v-icon small color="red" class="mr-2">
mdi-cards-heart mdi-cards-heart
</v-icon> </v-icon>
Sponsor Us {{ $t('activity.sponsorUs') }}
</v-btn> </v-btn>
</v-card-actions> </v-card-actions>
</v-card> </v-card>

31
packages/nc-gui/layouts/default.vue

@ -22,7 +22,8 @@
><v-icon color="primary">alpha-c-circle </v-icon> --> ><v-icon color="primary">alpha-c-circle </v-icon> -->
</v-btn> </v-btn>
</template> </template>
Home <!-- Home -->
{{ $t('general.home') }}
<span <span
class="caption ml-1 font-weight-light" class="caption ml-1 font-weight-light"
>(v{{ >(v{{
@ -67,7 +68,8 @@
</template> </template>
</v-toolbar-items>--> </v-toolbar-items>-->
<span v-show="$nuxt.$loading.show" class="caption grey--text ml-3">Loading <v-icon small color="grey">mdi-spin mdi-loading</v-icon></span> <!-- loading -->
<span v-show="$nuxt.$loading.show" class="caption grey--text ml-3">{{ $t('general.loading') }} <v-icon small color="grey">mdi-spin mdi-loading</v-icon></span>
<span <span
v-shortkey="[ 'ctrl','shift', 'd']" v-shortkey="[ 'ctrl','shift', 'd']"
@ -121,7 +123,8 @@
<v-icon small class="mr-1"> <v-icon small class="mr-1">
mdi-account-supervisor-outline mdi-account-supervisor-outline
</v-icon> </v-icon>
Share <!-- Share -->
{{ $t('activity.share') }}
</x-btn> </x-btn>
</div> </div>
@ -236,7 +239,9 @@
</v-icon> </v-icon>
</template> </template>
<h3 class="pa-3"> <h3 class="pa-3">
{{ $vuetify.theme.dark ? 'It does come in Black (^⇧B)' : 'Does it come in Black ? (^⇧B)' }} <!-- "dark": "It does come in Black (^⇧B)",
"light": "Does it come in Black ? (^⇧B)" -->
{{ $vuetify.theme.dark ? $t('tooltip.theme.dark') : $t('tooltip.theme.light') }}
<i /> <i />
</h3> </h3>
</v-tooltip> </v-tooltip>
@ -339,17 +344,19 @@
<v-divider /> <v-divider />
<!-- Copy Auth Token -->
<!-- "Auth token copied to clipboard" -->
<v-list-item <v-list-item
v-if="isDashboard" v-if="isDashboard"
v-clipboard="$store.state.users.token" v-clipboard="$store.state.users.token"
dense dense
@click.stop="$toast.success('Auth token copied to clipboard').goAway(3000)" @click.stop="$toast.success($t('msg.toast.authToken')).goAway(3000)"
> >
<v-list-item-title> <v-list-item-title>
<v-icon key="terminal-dash" small> <v-icon key="terminal-dash" small>
mdi-content-copy mdi-content-copy
</v-icon>&nbsp; </v-icon>&nbsp;
<span class="font-weight-regular caption">Copy auth token</span> <span class="font-weight-regular caption">{{ $t('activity.account.authToken') }}</span>
</v-list-item-title> </v-list-item-title>
</v-list-item> </v-list-item>
@ -374,7 +381,7 @@
{{ isGql ? 'mdi-graphql' : 'mdi-code-json' }} {{ isGql ? 'mdi-graphql' : 'mdi-code-json' }}
</v-icon>&nbsp; </v-icon>&nbsp;
<span class="font-weight-regular caption"> <span class="font-weight-regular caption">
{{ isGql ? 'GraphQL APIs' : 'Swagger APIs Doc' }}</span> {{ isGql ? 'GraphQL APIs' : 'Swagger APIs' }}</span>
</v-list-item-title> </v-list-item-title>
</v-list-item> </v-list-item>
<v-divider /> <v-divider />
@ -382,7 +389,7 @@
<v-list-item-title> <v-list-item-title>
<v-icon small> <v-icon small>
mdi-information-outline mdi-information-outline
</v-icon>&nbsp; <span class="font-weight-regular caption">Copy Project info</span> </v-icon>&nbsp; <span class="font-weight-regular caption">{{ $t('activity.account.projInfo') }}</span>
</v-list-item-title> </v-list-item-title>
</v-list-item> </v-list-item>
@ -391,7 +398,7 @@
<v-icon key="terminal-dash" small> <v-icon key="terminal-dash" small>
mdi-palette mdi-palette
</v-icon>&nbsp; </v-icon>&nbsp;
<span class="font-weight-regular caption">Themes</span> <span class="font-weight-regular caption">{{ $t('activity.account.themes') }}</span>
</v-list-item-title> </v-list-item-title>
</v-list-item> </v-list-item>
@ -401,7 +408,7 @@
<v-list-item-title> <v-list-item-title>
<v-icon small> <v-icon small>
mdi-logout mdi-logout
</v-icon>&nbsp; <span class="font-weight-regular caption">Sign Out</span> </v-icon>&nbsp; <span class="font-weight-regular caption">{{ $t('general.signOut') }}</span>
</v-list-item-title> </v-list-item-title>
</v-list-item> </v-list-item>
</template> </template>
@ -422,14 +429,14 @@
mdi-account-plus-outline mdi-account-plus-outline
</v-icon> &nbsp; <span </v-icon> &nbsp; <span
class="font-weight-regular caption" class="font-weight-regular caption"
>Sign Up</span> >{{ $t('general.signUp') }}</span>
</v-list-item-title> </v-list-item-title>
</v-list-item> </v-list-item>
<v-list-item v-if="!user && !isThisMobile" dense to="/user/authentication/signin"> <v-list-item v-if="!user && !isThisMobile" dense to="/user/authentication/signin">
<v-list-item-title> <v-list-item-title>
<v-icon small> <v-icon small>
mdi-login mdi-login
</v-icon> &nbsp; <span class="font-weight-regular caption">Login</span> </v-icon> &nbsp; <span class="font-weight-regular caption">{{ $t('general.signIn') }}</span>
</v-list-item-title> </v-list-item-title>
</v-list-item> </v-list-item>
<!-- <v-list-item @click="openPricingPage">--> <!-- <v-list-item @click="openPricingPage">-->

Loading…
Cancel
Save