SYNC: Merge pull request #18 from dbgate/feature/translation5

packages/web/src/perspectives/PerspectiveFilters.svelte

@@ -9,6 +9,7 @@
   import ManagerInnerContainer from '../elements/ManagerInnerContainer.svelte';
   import FontIcon from '../icons/FontIcon.svelte';
   import PerspectiveFiltersColumn from './PerspectiveFiltersColumn.svelte';
+  import { _t } from '../translations';
 
   export let managerSize;
   export let config: PerspectiveConfig;
@@ -25,8 +26,8 @@
 <ManagerInnerContainer width={managerSize} isFlex={filterCount == 0}>
   {#if filterCount == 0}
     <div class="msg">
-      <div class="mb-3 bold">No Filters defined</div>
-      <div><FontIcon icon="img info" /> Use context menu, command "Add to filter" in table or in tree</div>
+      <div class="mb-3 bold">{_t('perspective.noFiltersDefined', { defaultMessage: "No Filters defined" })}</div>
+      <div><FontIcon icon="img info" /> {_t('perspective.useContextMenuAddToFilter', { defaultMessage: 'Use context menu, command "Add to filter" in table or in tree' })}</div>
     </div>
   {:else}
     {#each config.nodes as nodeConfig}

packages/web/src/perspectives/PerspectiveTable.svelte

@@ -3,8 +3,8 @@
 
   registerCommand({
     id: 'perspective.openJson',
-    category: 'Perspective',
-    name: 'Open JSON',
+    category: __t('command.perspective', { defaultMessage: 'Perspective' }),
+    name: __t('command.perspective.openJson', { defaultMessage: 'Open JSON' }),
     isRelatedToTab: true,
     testEnabled: () => getCurrentEditor()?.openJsonEnabled(),
     onClick: () => getCurrentEditor().openJson(),
@@ -40,6 +40,7 @@
   import openNewTab from '../utility/openNewTab';
   import { getFilterValueExpression } from 'dbgate-filterparser';
   import StatusBarTabItem from '../widgets/StatusBarTabItem.svelte';
+  import { __t } from '../translations';
 
   const TABS_BY_FIELD = {
     tables: {

packages/web/src/perspectives/PerspectiveView.svelte

@@ -3,8 +3,8 @@
 
   registerCommand({
     id: 'perspective.customJoin',
-    category: 'Perspective',
-    name: 'Custom join',
+    category: __t('perspective.category', { defaultMessage: 'Perspective' }),
+    name: __t('perspective.customJoin', { defaultMessage: 'Custom join' }),
     keyText: 'CtrlOrCommand+J',
     isRelatedToTab: true,
     icon: 'icon custom-join',
@@ -65,6 +65,7 @@
   import FontIcon from '../icons/FontIcon.svelte';
   import InlineButton from '../buttons/InlineButton.svelte';
   import { usePerspectiveDataPatterns } from '../utility/usePerspectiveDataPatterns';
+  import { _t, __t } from '../translations';
 
   const dbg = debug('dbgate:PerspectiveView');
 
@@ -168,7 +169,7 @@
 <HorizontalSplitter initialValue={getInitialManagerSize()} bind:size={managerSize} allowCollapseChild1>
   <div class="left" slot="1">
     <WidgetColumnBar>
-      <WidgetColumnBarItem title="Choose data" name="perspectiveTree" height={'70%'}>
+      <WidgetColumnBarItem title={_t('perspective.chooseData', { defaultMessage: "Choose data" })} name="perspectiveTree" height={'70%'}>
         {#if tempRoot && tempRoot != root}
           <div class="temp-root">
             <div>
@@ -184,7 +185,7 @@
         {/if}
 
         <SearchBoxWrapper>
-          <SearchInput placeholder="Search column or table" bind:value={filter} />
+          <SearchInput placeholder={_t('perspective.searchColumnOrTable', { defaultMessage: "Search column or table" })} bind:value={filter} />
           <CloseSearchButton bind:filter />
         </SearchBoxWrapper>
 
@@ -195,7 +196,7 @@
         </ManagerInnerContainer>
       </WidgetColumnBarItem>
 
-      <WidgetColumnBarItem title="Filters" name="tableFilters">
+      <WidgetColumnBarItem title={_t('perspective.filters', { defaultMessage: "Filters" })} name="tableFilters">
         <PerspectiveFilters {managerSize} {config} {setConfig} {conid} {database} {driver} {root} />
       </WidgetColumnBarItem>
     </WidgetColumnBar>

packages/web/src/tabs/JsonLinesEditorTab.svelte

@@ -16,7 +16,7 @@
   registerCommand({
     id: 'jsonl.save',
     group: 'save',
-    category: 'JSON Lines editor',
+    category: __t('command.jsonl', { defaultMessage: 'JSON Lines editor' }),
     name: __t('command.jsonl.save', { defaultMessage: 'Save' }),
     toolbar: true,
     isRelatedToTab: true,
@@ -27,7 +27,7 @@
 
   registerCommand({
     id: 'jsonl.preview',
-    category: 'JSON Lines editor',
+    category: __t('command.jsonl', { defaultMessage: 'JSON Lines editor' }),
     name: __t('command.jsonl.preview', { defaultMessage: 'Preview' }),
     icon: 'icon preview',
     keyText: 'F5',
@@ -37,7 +37,7 @@
 
   registerCommand({
     id: 'jsonl.previewNewTab',
-    category: 'JSON Lines editor',
+    category: __t('command.jsonl', { defaultMessage: 'JSON Lines editor' }),
     name: __t('command.jsonl.previewNewTab', { defaultMessage: 'Preview in new tab' }),
     icon: 'icon preview',
     testEnabled: () => getCurrentEditor() != null,
@@ -46,7 +46,7 @@
 
   registerCommand({
     id: 'jsonl.closePreview',
-    category: 'JSON Lines editor',
+    category: __t('command.jsonl', { defaultMessage: 'JSON Lines editor' }),
     name: __t('command.jsonl.closePreview', { defaultMessage: 'Close preview' }),
     icon: 'icon close',
     testEnabled: () => getCurrentEditor()?.isPreview(),