From 1f9b483c0a3da33c75a7ff5a733b703c2a34804a Mon Sep 17 00:00:00 2001 From: YuShifan <894402575bt@gmail.com> Date: Wed, 5 Jun 2024 10:30:42 +0800 Subject: [PATCH 1/2] feat(desktop): add auto resub tips on sub dialog --- src/assets/scss/element/element-reset.scss | 2 ++ src/components/SubscriptionsList.vue | 36 +++++++++++++++++--- src/lang/connections.ts | 38 +++++++++++++++++++--- src/lang/settings.ts | 10 +++--- 4 files changed, 72 insertions(+), 14 deletions(-) diff --git a/src/assets/scss/element/element-reset.scss b/src/assets/scss/element/element-reset.scss index 322688867..6c62b49a5 100644 --- a/src/assets/scss/element/element-reset.scss +++ b/src/assets/scss/element/element-reset.scss @@ -226,6 +226,8 @@ .el-popper { background: var(--color-bg-messagebox); border-color: var(--color-border-default); + word-break: break-word; + color: var(--color-text-default); li { color: var(--color-text-default); } diff --git a/src/components/SubscriptionsList.vue b/src/components/SubscriptionsList.vue index fc46d1272..d4ea414e9 100644 --- a/src/components/SubscriptionsList.vue +++ b/src/components/SubscriptionsList.vue @@ -77,20 +77,32 @@ :title="isEdit ? $t('connections.editSubscription') : $t('connections.newSubscription')" :visible.sync="showDialog" :confirmLoading="subLoading" - :top="record.mqttVersion === '5.0' ? '60px' : '15vh'" + :top="record.mqttVersion === '5.0' ? '32px' : '15vh'" width="530px" class="topic-dialog" @confirm="saveSubs" @close="resetSubs" @keyupEnter="saveSubs" > + + + + + void @@ -223,6 +235,7 @@ export default class SubscriptionsList extends Vue { @Getter('multiTopics') private multiTopics!: boolean @Getter('activeConnection') private activeConnection!: ActiveConnection @Getter('showConnectionList') private showConnectionList!: boolean + @Getter('autoResub') private autoResub!: boolean private topicColor = '' private client: Partial = { @@ -830,6 +843,16 @@ export default class SubscriptionsList extends Vue { top: 40px; right: 36px; } + .sub-info-tooltip { + font-size: 16px; + position: absolute; + top: 16px; + left: 157px; + color: var(--color-text-default); + &:hover { + color: var(--color-main-green); + } + } .qos-select { .el-input .el-input__inner { background: transparent; @@ -880,4 +903,9 @@ export default class SubscriptionsList extends Vue { border-top-color: var(--color-bg-popover) !important; } } +.sub-info-popover { + .el-popover__title { + font-size: 14px; + } +} diff --git a/src/lang/connections.ts b/src/lang/connections.ts index 917e5c59e..6c1635a0b 100644 --- a/src/lang/connections.ts +++ b/src/lang/connections.ts @@ -336,11 +336,39 @@ export default { hu: 'Nem lehet üzenetet küldeni az #, + karaktereket tartalmazó témákhoz', }, topicTips: { - zh: '可订阅一个或多个主题，订阅多个主题时，请用逗号分隔（,）', - en: 'Subscribe to one or multiple topics, use a comma to separate multiple topics (,)', - tr: 'Bir veya birden fazla konuya abone olun, birden fazla konu için virgül kullanın (,)', - ja: '1つまたは複数のトピックを購読し、複数のトピックをカンマで区切ってください（,）。', - hu: 'Iratkozz fel egy vagy több témára, használj vesszőt több téma elválasztásához (,)', + Zh: '可订阅一个或多个主题。订阅多个主题时，请用逗号（,）分隔每个主题。例如：test1,test2', + en: 'Subscribe to one or more topics. Use a comma (,) to separate each topic when subscribing to multiple topics. e.g. test1,test2', + tr: 'Bir veya birden fazla konuya abone olabilirsiniz. Birden fazla konuya abone olurken her konuyu virgülle (,) ayırın. Örneğin: test1,test2', + Ja: '1つまたは複数のトピックを購読できます。複数のトピックを購読する場合は、各トピックをカンマ（,）で区切ってください。例えば：test1,test2', + hu: 'Iratkozz fel egy vagy több témára. Több téma elválasztásához használj vesszőt (,). Például: test1,test2', + }, + enabledAutoResub: { + Zh: '已开启自动重新订阅', + en: 'Auto resubscription is enabled', + tr: 'Otomatik yeniden abonelik etkin', + Ja: '自動再購読が有効', + hu: 'Az automatikus újra feliratkozás engedélyezve', + }, + disabledAutoResub: { + Zh: '已关闭自动重新订阅', + en: 'Auto resubscription is disabled', + tr: 'Otomatik yeniden abonelik devre dışı', + Ja: '自動再購読が無効', + hu: 'Az automatikus újra feliratkozás le van tiltva', + }, + enabledAutoResubDesc: { + Zh: '开启后，MQTTX 连接后会自动重新订阅本地保存的主题，无论主题是否在 MQTT Broker 持久化。', + en: 'When enabled, MQTTX will automatically resubscribe to locally saved topics upon connection, regardless of their persistence in the MQTT Broker.', + tr: "Etkinleştirildiğinde, MQTTX bağlantı kurduğunda yerel olarak kaydedilen konulara otomatik olarak yeniden abone olur, konuların MQTT Broker'da kalıcı olup olmadığını dikkate almaz.", + Ja: '有効にすると、MQTTX は接続時にローカルに保存されたトピックを自動的に再購読します。トピックが MQTT Broker に永続化されているかどうかは関係ありません。', + hu: 'Bekapcsoláskor az MQTTX automatikusan újra feliratkozik a helyben mentett témákra a csatlakozás után, függetlenül attól, hogy ezek a témák tartósak-e az MQTT Broker-ben.', + }, + disabledAutoResubDesc: { + Zh: '关闭后，本地保存的主题是否可用取决于 MQTT Broker 是否保存了 Session。如果 Clean Session 为 true，重新连接后需手动重新订阅。', + en: "When disabled, the availability of locally saved topics depends on the MQTT Broker's session preservation. If Clean Session is true, manually resubscribe after reconnection.", + tr: "Devre dışı bırakıldığında, yerel olarak kaydedilen konuların kullanılabilirliği, MQTT Broker'ın oturumu saklayıp saklamadığına bağlıdır. Clean Session doğru ise, yeniden bağlandıktan sonra elle yeniden abone olunması gerekir.", + Ja: '無効にすると、ローカルに保存されたトピックは、MQTT Broker のセッション保持に依存します。Clean Session が true の場合、再接続後に手動で再購読する必要があります。', + hu: 'Kikapcsoláskor a helyben mentett témák elérhetősége az MQTT Broker munkamenetének megőrzésétől függ. Ha a Clean Session igaz, újracsatlakozás után kézzel kell újra feliratkozni.', }, payloadReuired: { zh: '请输入 Payload', diff --git a/src/lang/settings.ts b/src/lang/settings.ts index 7bd7dbf27..d4ba9ce36 100644 --- a/src/lang/settings.ts +++ b/src/lang/settings.ts @@ -119,11 +119,11 @@ export default { hu: 'Több téma feliratkozás', }, autoResubDesc: { - zh: '重连时，对连接的订阅列表进行恢复订阅', - en: 'When reconnecting, the subscription list of the connection will be automatically resubscribed', - tr: 'Yeniden bağlanırken, bağlantının abonelik listesi otomatik olarak yeniden abone olur', - ja: '再接続時に、接続のサブスクリプションリストが自動的に再購読されます', - hu: 'Újracsatlakozáskor az előfizetési lista automatikusan újra feliratkozik', + zh: '开启后，MQTTX 连接后会自动重新订阅本地保存的所有订阅', + en: 'Once enabled, MQTTX will automatically resubscribe to all locally saved subscriptions after connecting', + tr: 'Etkinleştirildiğinde, MQTTX bağlandıktan sonra yerel olarak kaydedilen tüm aboneliklere otomatik olarak yeniden abone olur', + ja: '有効にした後、MQTTXは接続した後にローカルに保存されたすべてのサブスクリプションに自動的に再購読します', + hu: 'Ha engedélyezve van, az MQTTX csatlakozás után automatikusan újra feliratkozik a helyben mentett összes előfizetésre', }, cleanHistoryDialogMessage: { zh: '即将删除所有连接中的历史消息记录、发送端记录的发布消息、主题、保留标志及历史连接配置。确定吗？', From 9f93010a00f1e01bbcc8cb7133c36c0cbccd1acf Mon Sep 17 00:00:00 2001 From: YuShifan <894402575bt@gmail.com> Date: Wed, 5 Jun 2024 10:58:27 +0800 Subject: [PATCH 2/2] fix(desktop): fix some sub dialog style issues --- src/components/SubscriptionsList.vue | 8 +++++--- src/lang/connections.ts | 10 +++++----- 2 files changed, 10 insertions(+), 8 deletions(-) diff --git a/src/components/SubscriptionsList.vue b/src/components/SubscriptionsList.vue index d4ea414e9..28ea86e75 100644 --- a/src/components/SubscriptionsList.vue +++ b/src/components/SubscriptionsList.vue @@ -836,6 +836,9 @@ export default class SubscriptionsList extends Vue { } } .topic-dialog { + .el-dialog__header { + padding-left: 44px; + } .el-dialog__body { padding: 20px 20px 0 20px; .qos-tip { @@ -844,10 +847,9 @@ export default class SubscriptionsList extends Vue { right: 36px; } .sub-info-tooltip { - font-size: 16px; + font-size: 14px; position: absolute; - top: 16px; - left: 157px; + top: 17px; color: var(--color-text-default); &:hover { color: var(--color-main-green); diff --git a/src/lang/connections.ts b/src/lang/connections.ts index 6c1635a0b..95ec514ed 100644 --- a/src/lang/connections.ts +++ b/src/lang/connections.ts @@ -336,35 +336,35 @@ export default { hu: 'Nem lehet üzenetet küldeni az #, + karaktereket tartalmazó témákhoz', }, topicTips: { - Zh: '可订阅一个或多个主题。订阅多个主题时，请用逗号（,）分隔每个主题。例如：test1,test2', + zh: '可订阅一个或多个主题。订阅多个主题时，请用逗号（,）分隔每个主题。例如：test1,test2', en: 'Subscribe to one or more topics. Use a comma (,) to separate each topic when subscribing to multiple topics. e.g. test1,test2', tr: 'Bir veya birden fazla konuya abone olabilirsiniz. Birden fazla konuya abone olurken her konuyu virgülle (,) ayırın. Örneğin: test1,test2', Ja: '1つまたは複数のトピックを購読できます。複数のトピックを購読する場合は、各トピックをカンマ（,）で区切ってください。例えば：test1,test2', hu: 'Iratkozz fel egy vagy több témára. Több téma elválasztásához használj vesszőt (,). Például: test1,test2', }, enabledAutoResub: { - Zh: '已开启自动重新订阅', + zh: '已开启自动重新订阅', en: 'Auto resubscription is enabled', tr: 'Otomatik yeniden abonelik etkin', Ja: '自動再購読が有効', hu: 'Az automatikus újra feliratkozás engedélyezve', }, disabledAutoResub: { - Zh: '已关闭自动重新订阅', + zh: '已关闭自动重新订阅', en: 'Auto resubscription is disabled', tr: 'Otomatik yeniden abonelik devre dışı', Ja: '自動再購読が無効', hu: 'Az automatikus újra feliratkozás le van tiltva', }, enabledAutoResubDesc: { - Zh: '开启后，MQTTX 连接后会自动重新订阅本地保存的主题，无论主题是否在 MQTT Broker 持久化。', + zh: '开启后，MQTTX 连接后会自动重新订阅本地保存的主题，无论主题是否在 MQTT Broker 持久化。', en: 'When enabled, MQTTX will automatically resubscribe to locally saved topics upon connection, regardless of their persistence in the MQTT Broker.', tr: "Etkinleştirildiğinde, MQTTX bağlantı kurduğunda yerel olarak kaydedilen konulara otomatik olarak yeniden abone olur, konuların MQTT Broker'da kalıcı olup olmadığını dikkate almaz.", Ja: '有効にすると、MQTTX は接続時にローカルに保存されたトピックを自動的に再購読します。トピックが MQTT Broker に永続化されているかどうかは関係ありません。', hu: 'Bekapcsoláskor az MQTTX automatikusan újra feliratkozik a helyben mentett témákra a csatlakozás után, függetlenül attól, hogy ezek a témák tartósak-e az MQTT Broker-ben.', }, disabledAutoResubDesc: { - Zh: '关闭后，本地保存的主题是否可用取决于 MQTT Broker 是否保存了 Session。如果 Clean Session 为 true，重新连接后需手动重新订阅。', + zh: '关闭后，本地保存的主题是否可用取决于 MQTT Broker 是否保存了 Session。如果 Clean Session 为 true，重新连接后需手动重新订阅。', en: "When disabled, the availability of locally saved topics depends on the MQTT Broker's session preservation. If Clean Session is true, manually resubscribe after reconnection.", tr: "Devre dışı bırakıldığında, yerel olarak kaydedilen konuların kullanılabilirliği, MQTT Broker'ın oturumu saklayıp saklamadığına bağlıdır. Clean Session doğru ise, yeniden bağlandıktan sonra elle yeniden abone olunması gerekir.", Ja: '無効にすると、ローカルに保存されたトピックは、MQTT Broker のセッション保持に依存します。Clean Session が true の場合、再接続後に手動で再購読する必要があります。',