dennii/dbgate
1
0
Fork 0
mirror of https://github.com/DeNNiiInc/dbgate.git synced 2026-04-30 11:33:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

Translation - add translation tags for logs

Browse Source
This commit is contained in:
Stela Augustinova
2025-11-24 16:48:29 +01:00
parent da224303fe
commit b6f0e15951
1 changed files with 32 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
packages/web/src/tabs/AppLogTab.svelte
View File

@@ -24,6 +24,7 @@
createQuickExportHandlerRef, createQuickExportHandlerRef,
registerQuickExportHandler, registerQuickExportHandler,
} from '../buttons/ToolStripExportButton.svelte'; } from '../buttons/ToolStripExportButton.svelte';
import { _t } from '../translations';
let loadedRows = []; let loadedRows = [];
let loadedAll = false; let loadedAll = false;
@@ -191,8 +192,8 @@
<SelectField <SelectField
isNative isNative
options={[ options={[
{ label: 'Recent logs', value: 'recent' }, { label: _t('logs.recentLogs', { defaultMessage: 'Recent logs' }), value: 'recent' },
{ label: 'Choose date', value: 'date' }, { label: _t('logs.chooseDate', { defaultMessage: 'Choose date' }), value: 'date' },
]} ]}
value={mode} value={mode}
on:change={e => { on:change={e => {
@@ -202,7 +203,7 @@
/> />
{#if mode === 'recent'} {#if mode === 'recent'}
<div class="filter-label ml-2">Auto-scroll</div> <div class="filter-label ml-2">{_t('logs.autoScroll', { defaultMessage: 'Auto-scroll' })}</div>
<input <input
type="checkbox" type="checkbox"
checked={autoScroll} checked={autoScroll}
@@ -213,7 +214,7 @@
{/if} {/if}
{#if mode === 'date'} {#if mode === 'date'}
<div class="filter-label">Date:</div> <div class="filter-label">{_t('logs.date', { defaultMessage: 'Date:' })}</div>
<DateRangeSelector <DateRangeSelector
onChange={value => { onChange={value => {
dateFilter = value; dateFilter = value;
@@ -225,12 +226,12 @@
data-testid="AdminAuditLogTab_addFilter" data-testid="AdminAuditLogTab_addFilter"
icon="icon filter" icon="icon filter"
menu={[ menu={[
{ text: 'Connection ID', onClick: () => filterBy('conid') }, { text: _t('logs.connectionId', { defaultMessage: 'Connection ID' }), onClick: () => filterBy('conid') },
{ text: 'Database', onClick: () => filterBy('database') }, { text: _t('logs.database', { defaultMessage: 'Database' }), onClick: () => filterBy('database') },
{ text: 'Engine', onClick: () => filterBy('engine') }, { text: _t('logs.engine', { defaultMessage: 'Engine' }), onClick: () => filterBy('engine') },
{ text: 'Message code', onClick: () => filterBy('msgcode') }, { text: _t('logs.messageCode', { defaultMessage: 'Message code' }), onClick: () => filterBy('msgcode') },
{ text: 'Caller', onClick: () => filterBy('caller') }, { text: _t('logs.caller', { defaultMessage: 'Caller' }), onClick: () => filterBy('caller') },
{ text: 'Name', onClick: () => filterBy('name') }, { text: _t('logs.name', { defaultMessage: 'Name' }), onClick: () => filterBy('name') },
]} ]}
/> />
</div> </div>
@@ -259,15 +260,15 @@
<table> <table>
<thead> <thead>
<tr> <tr>
<th style="width:80px">Date</th> <th style="width:80px">{_t('logs.dateTab', { defaultMessage: 'Date' })}</th>
<th>Time</th> <th>{_t('logs.timeTab', { defaultMessage: 'Time' })}</th>
<th>Code</th> <th>{_t('logs.codeTab', { defaultMessage: 'Code' })}</th>
<th>Message</th> <th>{_t('logs.messageTab', { defaultMessage: 'Message' })}</th>
<th>Connection</th> <th>{_t('logs.connectionTab', { defaultMessage: 'Connection' })}</th>
<th>Database</th> <th>{_t('logs.databaseTab', { defaultMessage: 'Database' })}</th>
<th>Engine</th> <th>{_t('logs.engineTab', { defaultMessage: 'Engine' })}</th>
<th>Caller</th> <th>{_t('logs.callerTab', { defaultMessage: 'Caller' })}</th>
<th>Name</th> <th>{_t('logs.nameTab', { defaultMessage: 'Name' })}</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@@ -299,14 +300,14 @@
<TabControl <TabControl
isInline isInline
tabs={_.compact([ tabs={_.compact([
{ label: 'Details', slot: 1 }, { label: _t('logs.details', { defaultMessage: 'Details' }), slot: 1 },
{ label: 'JSON', slot: 2 }, { label: 'JSON', slot: 2 },
])} ])}
> >
<svelte:fragment slot="1"> <svelte:fragment slot="1">
<div class="details-wrap"> <div class="details-wrap">
<div class="row"> <div class="row">
<div>Message code:</div> <div>{_t('logs.messageCode', { defaultMessage: 'Message code:' })}</div>
{#if mode == 'date'} {#if mode == 'date'}
<Link onClick={() => doSetFilter('msgcode', [row.msgcode])}>{row.msgcode || 'N/A'}</Link> <Link onClick={() => doSetFilter('msgcode', [row.msgcode])}>{row.msgcode || 'N/A'}</Link>
{:else} {:else}
@@ -314,15 +315,15 @@
{/if} {/if}
</div> </div>
<div class="row"> <div class="row">
<div>Message:</div> <div>{_t('logs.message', { defaultMessage: 'Message:' })}</div>
{row.msg} {row.msg}
</div> </div>
<div class="row"> <div class="row">
<div>Time:</div> <div>{_t('logs.time', { defaultMessage: 'Time:' })}</div>
<b>{row.time ? format(new Date(parseInt(row.time)), 'yyyy-MM-dd HH:mm:ss') : ''}</b> <b>{row.time ? format(new Date(parseInt(row.time)), 'yyyy-MM-dd HH:mm:ss') : ''}</b>
</div> </div>
<div class="row"> <div class="row">
<div>Caller:</div> <div>{_t('logs.caller', { defaultMessage: 'Caller:' })}</div>
{#if mode == 'date'} {#if mode == 'date'}
<Link onClick={() => doSetFilter('caller', [row.caller])}>{row.caller || 'N/A'}</Link> <Link onClick={() => doSetFilter('caller', [row.caller])}>{row.caller || 'N/A'}</Link>
{:else} {:else}
@@ -330,7 +331,7 @@
{/if} {/if}
</div> </div>
<div class="row"> <div class="row">
<div>Name:</div> <div>{_t('logs.name', { defaultMessage: 'Name:' })}</div>
{#if mode == 'date'} {#if mode == 'date'}
<Link onClick={() => doSetFilter('name', [row.name])}>{row.name || 'N/A'}</Link> <Link onClick={() => doSetFilter('name', [row.name])}>{row.name || 'N/A'}</Link>
{:else} {:else}
@@ -339,7 +340,7 @@
</div> </div>
{#if row.conid} {#if row.conid}
<div class="row"> <div class="row">
<div>Connection ID:</div> <div>{_t('logs.connectionId', { defaultMessage: 'Connection ID:' })}</div>
{#if mode == 'date'} {#if mode == 'date'}
<Link onClick={() => doSetFilter('conid', [row.conid])} <Link onClick={() => doSetFilter('conid', [row.conid])}
>{formatPossibleUuid(row.conid)}</Link >{formatPossibleUuid(row.conid)}</Link
@@ -351,7 +352,7 @@
{/if} {/if}
{#if row.database} {#if row.database}
<div class="row"> <div class="row">
<div>Database:</div> <div>{_t('logs.database', { defaultMessage: 'Database:' })}</div>
{#if mode == 'date'} {#if mode == 'date'}
<Link onClick={() => doSetFilter('database', [row.database])}>{row.database}</Link> <Link onClick={() => doSetFilter('database', [row.database])}>{row.database}</Link>
{:else} {:else}
@@ -361,7 +362,7 @@
{/if} {/if}
{#if row.engine} {#if row.engine}
<div class="row"> <div class="row">
<div>Engine:</div> <div>{_t('logs.engine', { defaultMessage: 'Engine:' })}</div>
{#if mode == 'date'} {#if mode == 'date'}
<Link onClick={() => doSetFilter('engine', [row.engine])}>{row.engine}</Link> <Link onClick={() => doSetFilter('engine', [row.engine])}>{row.engine}</Link>
{:else} {:else}
@@ -381,13 +382,13 @@
{/each} {/each}
{#if !loadedRows?.length && mode === 'date'} {#if !loadedRows?.length && mode === 'date'}
<tr> <tr>
<td colspan="6">No data for selected date</td> <td colspan="6">{_t('logs.noDataForSelectedDate', { defaultMessage: "No data for selected date" })}</td>
</tr> </tr>
{/if} {/if}
{#if !loadedAll && mode === 'date'} {#if !loadedAll && mode === 'date'}
{#key loadedRows} {#key loadedRows}
<tr> <tr>
<td colspan="6" bind:this={domLoadNext}>Loading next rows... </td> <td colspan="6" bind:this={domLoadNext}>{_t('logs.loadingNextRows', { defaultMessage: "Loading next rows..." })}</td>
</tr> </tr>
{/key} {/key}
{/if} {/if}
@@ -402,7 +403,7 @@
data-testid="AdminAuditLogTab_refreshButton" data-testid="AdminAuditLogTab_refreshButton"
on:click={() => { on:click={() => {
reloadData(); reloadData();
}}>Refresh</ToolStripButton }}>{_t('logs.refresh', { defaultMessage: 'Refresh' })}</ToolStripButton
> >
<ToolStripExportButton {quickExportHandlerRef} /> <ToolStripExportButton {quickExportHandlerRef} />
</svelte:fragment> </svelte:fragment>