Text Translations for App Editor concurency Display

Author: FalkWolsky

client/packages/lowcoder/src/i18n/locales/de.ts

@@ -2986,7 +2986,13 @@ export const de = {
   "editorMode_both": "Beide",
   "editorMode_layout_tooltip": "Passen Sie im rechten Fenster das Erscheinungsbild und Layout der Komponente an. Passen Sie Aussehen, Stil und Animationen an.",
   "editorMode_logic_tooltip": "Richten Sie im rechten Fenster ein, wie Ihre Komponente funktioniert und interagiert. Verwalten Sie den Inhalt und das interaktive Verhalten.",
-  },
+  "AppEditingBlocked": "App-Bearbeitung blockiert für:",
+  "AppEditingBlockedHint": "Änderungen werden nicht gespeichert, während ein anderer Benutzer diese App bearbeitet.",
+  "AppEditingBlockedMessage": "Bitte warten Sie, bevor Sie den Bearbeitungsstatus der App überprüfen.",
+  "AppEditingBlockedCheckStatus": "App-Status prüfen",
+  "AppEditingBlockedSomeone": "Jemand",
+  "AppEditingBlockedMessageSnipped": "bearbeitet diese App",
+},
   "userAuth": {
     ...en.userAuth,
 

client/packages/lowcoder/src/i18n/locales/en.ts

@@ -2922,7 +2922,13 @@ export const en = {
     "editorMode_logic": "Logic",
     "editorMode_both": "Both",
     "editorMode_layout_tooltip": "Customise the component's appearance and layout, in the right window. Adjust how it looks, styles, and animates.",
-    "editorMode_logic_tooltip": "Set up how your component works and interacts, in the right window. Manage its content and interactive behaviours."
+    "editorMode_logic_tooltip": "Set up how your component works and interacts, in the right window. Manage its content and interactive behaviours.",
+    "AppEditingBlocked": "App Editing Blocked for:",
+    "AppEditingBlockedHint": "Changes will not be saved while another user is editing this app.",
+    "AppEditingBlockedMessage": "Please wait before check the editing status of the App.",
+    "AppEditingBlockedCheckStatus": "Check App Status",
+    "AppEditingBlockedSomeone": "Someone",
+    "AppEditingBlockedMessageSnipped": "is editing this app",
   },
   "userAuth": {
     "registerByEmail": "Sign Up",

client/packages/lowcoder/src/i18n/locales/es.ts

@@ -2986,6 +2986,12 @@ export const es = {
   "editorMode_both": "Ambos",
   "editorMode_layout_tooltip": "Personalice la apariencia y el diseño del componente en la ventana derecha. Ajusta su aspecto, estilo y animación.",
   "editorMode_logic_tooltip": "Configure el funcionamiento y la interacción de su componente, en la ventana adecuada. Gestione su contenido y sus comportamientos interactivos.",
+  "AppEditingBlocked": "Edición de la App bloqueada para:",
+  "AppEditingBlockedHint": "Los cambios no se guardarán mientras otro usuario esté editando esta aplicación.",
+  "AppEditingBlockedMessage": "Por favor, espere antes de verificar el estado de edición de la aplicación.",
+  "AppEditingBlockedCheckStatus": "Verificar estado de la aplicación",
+  "AppEditingBlockedSomeone": "Alguien",
+  "AppEditingBlockedMessageSnipped": "está editando esta aplicación",
   },
   "userAuth": {
     ...en.userAuth,

client/packages/lowcoder/src/i18n/locales/it.ts

@@ -2986,6 +2986,12 @@ export const it = {
   "editorMode_both": "Entrambi",
   "editorMode_layout_tooltip": "Personalizzare l'aspetto e il layout del componente, nella finestra di destra. Regolate l'aspetto, gli stili e le animazioni.",
   "editorMode_logic_tooltip": "Impostate il funzionamento e l'interazione del vostro componente, nella finestra giusta. Gestite il suo contenuto e i suoi comportamenti interattivi.",
+  "AppEditingBlocked": "Modifica dell'app bloccata per:",
+  "AppEditingBlockedHint": "Le modifiche non verranno salvate mentre un altro utente sta modificando questa app.",
+  "AppEditingBlockedMessage": "Attendere prima di controllare lo stato di modifica dell'app.",
+  "AppEditingBlockedCheckStatus": "Controlla lo stato dell'app",
+  "AppEditingBlockedSomeone": "Qualcuno",
+  "AppEditingBlockedMessageSnipped": "sta modificando questa app",
   },
   "userAuth": {
     ...en.userAuth,

client/packages/lowcoder/src/i18n/locales/pt.ts

@@ -2986,6 +2986,12 @@ export const pt = {
   "editorMode_both": "Ambos",
   "editorMode_layout_tooltip": "Personalize a aparência e o layout do componente, na janela direita. Ajuste sua aparência, estilo e animação.",
   "editorMode_logic_tooltip": "Configure como seu componente funciona e interage, na janela direita. Gerencie seu conteúdo e comportamentos interativos.",
+  "AppEditingBlocked": "Edição do aplicativo bloqueada para:",
+  "AppEditingBlockedHint": "As alterações não serão salvas enquanto outro usuário estiver editando este aplicativo.",
+  "AppEditingBlockedMessage": "Por favor, aguarde antes de verificar o status de edição do aplicativo.",
+  "AppEditingBlockedCheckStatus": "Verificar status do aplicativo",
+  "AppEditingBlockedSomeone": "Alguém",
+  "AppEditingBlockedMessageSnipped": "está editando este aplicativo",
   },
   "userAuth": {
     ...en.userAuth,

client/packages/lowcoder/src/i18n/locales/ru.ts

@@ -2986,6 +2986,12 @@ export const ru = {
   "editorMode_both": "Оба",
   "editorMode_layout_tooltip": "Настройте внешний вид и расположение компонента в правом окне. Настройте его внешний вид, стили и анимацию.",
   "editorMode_logic_tooltip": "Настройте работу и взаимодействие вашего компонента в нужном окне. Управляйте его содержимым и интерактивным поведением.",
+  "AppEditingBlocked": "Редактирование приложения заблокировано для:",
+  "AppEditingBlockedHint": "Изменения не будут сохранены, пока другой пользователь редактирует это приложение.",
+  "AppEditingBlockedMessage": "Пожалуйста, подождите, прежде чем проверить статус редактирования приложения.",
+  "AppEditingBlockedCheckStatus": "Проверить статус приложения",
+  "AppEditingBlockedSomeone": "Кто-то",
+  "AppEditingBlockedMessageSnipped": "редактирует это приложение",
   },
   "userAuth": {
     ...en.userAuth,

client/packages/lowcoder/src/i18n/locales/zh.ts

@@ -2352,7 +2352,13 @@ export const zh: typeof en = {
         editorMode_logic: "应用程序逻辑",
         editorMode_both: "两者",
         editorMode_layout_tooltip: "在右侧窗口中自定义组件的外观和布局。调整它的外观、样式和动画。",
-        editorMode_logic_tooltip: "在右侧窗口中设置组件的工作和交互方式。管理其内容和交互行为。"
+        editorMode_logic_tooltip: "在右侧窗口中设置组件的工作和交互方式。管理其内容和交互行为。",
+        "AppEditingBlocked": "应用编辑已被阻止：",
+        "AppEditingBlockedHint": "在其他用户编辑此应用时，无法保存更改。",
+        "AppEditingBlockedMessage": "请稍候再检查应用的编辑状态。",
+        "AppEditingBlockedCheckStatus": "检查应用状态",
+        "AppEditingBlockedSomeone": "某人",
+        "AppEditingBlockedMessageSnipped": "正在编辑此应用",
     },
     userAuth: {
         ...en.userAuth,

client/packages/lowcoder/src/pages/common/header.tsx

@@ -388,6 +388,8 @@ export default function Header(props: HeaderProps) {
       UserApi.getUserDetail(application.editingUserId!)
         .then(resp => {
           if (validateResponse(resp)) {
+
+            console.log('editing user', resp.data.data);
             setEditingUser(resp.data.data);
           }
         });
@@ -539,19 +541,19 @@ export default function Header(props: HeaderProps) {
             style={{ width: 200 }}
             content={() => {
               return (
-                <Flex vertical gap={10} align="center">
-                  <Text>
-                    Changes will not be saved while another <br/> user is editing this app.
+                <Flex vertical gap={10} align="center" style={{maxWidth : "250px"}}>
+                  <Text style={{textAlign : "center"}}> 
+                    {trans("header.AppEditingBlockedHint")}
                   </Text>
                   <StyledCountdown
-                    title="App Editing Blocked for:"
+                    title={trans("header.AppEditingBlocked")}
                     value={editingCountdown.current}
                     onFinish={() => {
                       setEnableCheckEditingStatus(true)
                     }}
                   />
                   <Tooltip
-                    title="Please wait before check the editing status of the App."
+                    title={trans("header.AppEditingBlockedMessage")}
                     placement="bottom"
                   >
                     <TacoButton
@@ -565,7 +567,7 @@ export default function Header(props: HeaderProps) {
                       }}
                     >
                       <StyledRefreshIcon />
-                      <span>Check App Status</span>
+                      <span>{trans("header.AppEditingBlockedCheckStatus")}</span>
                     </TacoButton>
                   </Tooltip>
                 </Flex>
@@ -576,7 +578,7 @@ export default function Header(props: HeaderProps) {
             <EditingNoticeWrapper>
               <ProfileImage source={user.avatarUrl} userName={user.username} side={24} />
               <EditingHintText>
-                {`${editingUser?.email || 'Someone'} is editing this app`}
+                {`${editingUser?.email || trans("header.AppEditingBlockedSomeone")}` + " " + trans("header.AppEditingBlockedMessageSnipped")}
               </EditingHintText>
               <WarningIcon />
             </EditingNoticeWrapper>