mirror of
https://github.com/dbeaver/cloudbeaver.git
synced 2026-09-24 16:04:36 +08:00
CB-6129 add tooltips (#3202)
* CB-6129 add tooltips * CB-6129 simplify syntax
This commit is contained in:
+10
-9
@@ -25,17 +25,18 @@ export const TransactionInfoAction: ICustomMenuItemComponent = observer(function
|
||||
const key = context ? createTransactionInfoParam(context.connectionId, context.projectId, context.id) : null;
|
||||
|
||||
const transactionLogCountResource = useResource(TransactionInfoAction, TransactionLogCountResource, key);
|
||||
const count =
|
||||
transactionLogCountResource.data === 0 ? translate('plugin_datasource_transaction_manager_logs_counter_none') : transactionLogCountResource.data;
|
||||
|
||||
let title: string = translate('plugin_datasource_transaction_manager_logs_tooltip');
|
||||
|
||||
if (transactionLogCountResource.data) {
|
||||
title = `${title}\n${translate('plugin_datasource_transaction_manager_logs_tooltip_count', undefined, { count })}`;
|
||||
}
|
||||
|
||||
return (
|
||||
<Container
|
||||
className={s(styles, { container: true })}
|
||||
title={translate('plugin_datasource_transaction_manager_logs_tooltip')}
|
||||
keepSize
|
||||
noGrow
|
||||
center
|
||||
onClick={() => props.item.events?.onSelect?.()}
|
||||
>
|
||||
<span className={s(styles, { count: true })}>{transactionLogCountResource.data}</span>
|
||||
<Container className={s(styles, { container: true })} title={title} keepSize noGrow center onClick={() => props.item.events?.onSelect?.()}>
|
||||
<span className={s(styles, { count: true })}>{count}</span>
|
||||
</Container>
|
||||
);
|
||||
});
|
||||
|
||||
+2
@@ -7,4 +7,6 @@
|
||||
*/
|
||||
.cell {
|
||||
cursor: pointer;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
+1
-1
@@ -26,7 +26,7 @@ export const QueryCell = observer<RenderCellProps<TransactionLogInfoItem>>(funct
|
||||
}
|
||||
|
||||
return (
|
||||
<div className={classes['cell']} onDoubleClick={openDetails}>
|
||||
<div title={value} className={classes['cell']} onDoubleClick={openDetails}>
|
||||
{value}
|
||||
</div>
|
||||
);
|
||||
|
||||
+1
-1
@@ -32,7 +32,7 @@ export const QueryDetailsDialog: DialogComponent<IPayload> = observer(function Q
|
||||
</CommonDialogBody>
|
||||
<CommonDialogFooter>
|
||||
<Button mod={['outlined']} onClick={props.rejectDialog}>
|
||||
{translate('ui_cancel')}
|
||||
{translate('ui_stepper_back')}
|
||||
</Button>
|
||||
</CommonDialogFooter>
|
||||
</CommonDialogWrapper>
|
||||
|
||||
+3
@@ -20,6 +20,8 @@ interface Props {
|
||||
log: TransactionLogInfoItem[];
|
||||
}
|
||||
|
||||
const QUERY_COLUMN_WIDTH = 300;
|
||||
|
||||
const COLUMNS: Column<TransactionLogInfoItem>[] = [
|
||||
{
|
||||
key: 'time',
|
||||
@@ -39,6 +41,7 @@ const COLUMNS: Column<TransactionLogInfoItem>[] = [
|
||||
key: 'text',
|
||||
name: 'plugin_datasource_transaction_manager_logs_table_column_text',
|
||||
resizable: true,
|
||||
width: QUERY_COLUMN_WIDTH,
|
||||
renderCell: props => <QueryCell {...props} />,
|
||||
renderHeaderCell: props => <HeaderCell {...props} />,
|
||||
},
|
||||
|
||||
@@ -17,6 +17,8 @@ export default [
|
||||
|
||||
['plugin_datasource_transaction_manager_logs', 'Transaction log'],
|
||||
['plugin_datasource_transaction_manager_logs_tooltip', 'Open transaction log'],
|
||||
['plugin_datasource_transaction_manager_logs_tooltip_count', 'Total statements: {arg:count}'],
|
||||
['plugin_datasource_transaction_manager_logs_counter_none', 'None'],
|
||||
['plugin_datasource_transaction_manager_logs_table_column_time', 'Time'],
|
||||
['plugin_datasource_transaction_manager_logs_table_column_type', 'Type'],
|
||||
['plugin_datasource_transaction_manager_logs_table_column_text', 'Query'],
|
||||
|
||||
@@ -17,6 +17,8 @@ export default [
|
||||
|
||||
['plugin_datasource_transaction_manager_logs', 'Transaction log'],
|
||||
['plugin_datasource_transaction_manager_logs_tooltip', 'Open transaction log'],
|
||||
['plugin_datasource_transaction_manager_logs_tooltip_count', 'Total statements: {arg:count}'],
|
||||
['plugin_datasource_transaction_manager_logs_counter_none', 'None'],
|
||||
['plugin_datasource_transaction_manager_logs_table_column_time', 'Time'],
|
||||
['plugin_datasource_transaction_manager_logs_table_column_type', 'Type'],
|
||||
['plugin_datasource_transaction_manager_logs_table_column_text', 'Query'],
|
||||
|
||||
@@ -17,6 +17,8 @@ export default [
|
||||
|
||||
['plugin_datasource_transaction_manager_logs', 'Transaction log'],
|
||||
['plugin_datasource_transaction_manager_logs_tooltip', 'Open transaction log'],
|
||||
['plugin_datasource_transaction_manager_logs_tooltip_count', 'Total statements: {arg:count}'],
|
||||
['plugin_datasource_transaction_manager_logs_counter_none', 'None'],
|
||||
['plugin_datasource_transaction_manager_logs_table_column_time', 'Time'],
|
||||
['plugin_datasource_transaction_manager_logs_table_column_type', 'Type'],
|
||||
['plugin_datasource_transaction_manager_logs_table_column_text', 'Query'],
|
||||
|
||||
@@ -17,6 +17,8 @@ export default [
|
||||
|
||||
['plugin_datasource_transaction_manager_logs', 'Журнал транзакции'],
|
||||
['plugin_datasource_transaction_manager_logs_tooltip', 'Открыть журнал транзакции'],
|
||||
['plugin_datasource_transaction_manager_logs_tooltip_count', 'Всего запросов: {arg:count}'],
|
||||
['plugin_datasource_transaction_manager_logs_counter_none', 'Нет'],
|
||||
['plugin_datasource_transaction_manager_logs_table_column_time', 'Время'],
|
||||
['plugin_datasource_transaction_manager_logs_table_column_type', 'Тип'],
|
||||
['plugin_datasource_transaction_manager_logs_table_column_text', 'Запрос'],
|
||||
|
||||
@@ -17,6 +17,8 @@ export default [
|
||||
|
||||
['plugin_datasource_transaction_manager_logs', 'Transaction log'],
|
||||
['plugin_datasource_transaction_manager_logs_tooltip', 'Open transaction log'],
|
||||
['plugin_datasource_transaction_manager_logs_tooltip_count', 'Total statements: {arg:count}'],
|
||||
['plugin_datasource_transaction_manager_logs_counter_none', 'None'],
|
||||
['plugin_datasource_transaction_manager_logs_table_column_time', 'Time'],
|
||||
['plugin_datasource_transaction_manager_logs_table_column_type', 'Type'],
|
||||
['plugin_datasource_transaction_manager_logs_table_column_text', 'Query'],
|
||||
|
||||
Reference in New Issue
Block a user