Hide the confirm translation button when the message is translated

humhub · Sep 23, 2024 · 9fb7809 · 9fb7809
1 parent 516bd53
commit 9fb7809
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 4 deletions.
diff --git a/resources/css/translation.css b/resources/css/translation.css
@@ -44,6 +44,10 @@
     color: var(--success) !important;
 }
 
+.translation-confirm-approved {
+    visibility: hidden;
+}
+
 #translation-editor .pre {
     display: block;
     padding: 9.5px;
@@ -105,7 +109,7 @@
     #words .elem {
         width: 100%;
         flex-direction: column;
-        padding-bottom: 0;
+        padding: 8px 0 0 0;
     }
     #words .elem:first-child {
         padding: 0;
@@ -114,7 +118,7 @@
         width: 100%;
     }
     #words .elem > div:first-child {
-        margin-bottom: 7px;
+        margin-bottom: 8px;
     }
     #words .elem > div:last-child {
         display: flex;
@@ -135,4 +139,7 @@
     #words .elem .btn span {
         display: inline;
     }
+    .translation-confirm-approved {
+        display: none;
+    }
 }
diff --git a/resources/js/humhub.translation.js b/resources/js/humhub.translation.js
@@ -98,7 +98,7 @@ humhub.module('translation', function(module, require, $) {
     Form.prototype.copyParent = function (evt) {
         const input = evt.$trigger.closest('.elem').find('textarea');
         input.val(input.attr('placeholder'));
-        evt.$trigger.remove();
+        evt.$trigger.addClass('translation-confirm-approved');
     }
 
     module.export({

diff --git a/widgets/views/translationForm.php b/widgets/views/translationForm.php
@@ -134,11 +134,12 @@
                                     ->tooltip(Yii::t('TranslationModule.base', 'View translation history'))
                                     ->loader(false) ?>
 
-                                <?= $hasParentLanguage && $translated === '' ?
+                                <?= $hasParentLanguage ?
                                     Button::success('<span>' . Yii::t('TranslationModule.base', 'Confirm translation') . '</span>')
                                     ->icon('check')
                                     ->action('copyParent')
                                     ->tooltip(Yii::t('TranslationModule.base', 'Confirm translation'))
+                                    ->cssClass($translated === '' ? '' : 'translation-confirm-approved')
                                     ->loader(false) : '' ?>
                                 </div>
                             </div>