[DOP-25646] add sql query field to UI (#49)

Author: TiGrib

src/components/operation/OperationRaShow.tsx

@@ -15,6 +15,7 @@ import {
     IOStatisticsField,
     StatusRaField,
 } from "@/components/base";
+import { Box } from "@mui/material";
 import OperationRaLineage from "./OperationRaLineage";
 import { OperationDetailedResponseV1 } from "@/dataProvider/types";
 
@@ -88,6 +89,11 @@ const OperationRaShow = (): ReactElement => {
                     </Stack>
                 </Labeled>
 
+                <Labeled label="resources.operations.sections.sql_query">
+                    <Stack direction="row" spacing={3}>
+                        <TextField source="data.sql_query" component="pre" />
+                    </Stack>
+                </Labeled>
                 <FunctionField
                     render={(record: OperationDetailedResponseV1) => {
                         return record.statistics.inputs.total_datasets +

src/dataProvider/types.ts

@@ -125,6 +125,7 @@ interface OperationResponseV1 extends RaRecord {
     position: string | null;
     group: string | null;
     description: string | null;
+    sql_query: string | null;
     status: StatusResponseV1;
     started_at: string | null;
     ended_at: string | null;

src/i18n/en.ts

@@ -213,6 +213,7 @@ const customEnglishMessages: TranslationMessages = {
                 name: "Name",
                 group: "Group",
                 description: "Description",
+                sql_query: "SQL query",
                 origin: "Origin",
                 status: "Status",
                 started_at: "Started at",
@@ -232,6 +233,7 @@ const customEnglishMessages: TranslationMessages = {
                 position: "Position",
                 group: "Group",
                 description: "Description",
+                sql_query: "SQL query",
                 started: "Started",
                 ended: "Ended",
                 when: "When",

src/i18n/ru.ts

@@ -212,6 +212,7 @@ const customRussianMessages: TranslationMessages = {
                 name: "Название",
                 group: "Группа",
                 description: "Описание",
+                sql_query: "SQL запрос",
                 origin: "Источник",
                 status: "Статус",
                 started_at: "Запущена",
@@ -231,6 +232,7 @@ const customRussianMessages: TranslationMessages = {
                 position: "№ п/п",
                 group: "Группа",
                 description: "Описание",
+                sql_query: "SQL запрос",
                 started: "Запущена",
                 ended: "Остановлена",
                 when: "Когда",