Ajouté la trad'n pour le btn reset

17 files changed, 58 insertions, 12 deletions

diff --git a/assets/css/staticman.css b/assets/css/staticman.css
index 2b3e8a8..3c71e7b 100644
--- a/assets/css/staticman.css
+++ b/assets/css/staticman.css
@@ -18,7 +18,7 @@
   display: block;
 }
 
-.staticman-comments input[type="submit"], input[type="reset"] {
+.staticman-comments input[type="submit"], .staticman-comments input[type="reset"] {
   width: auto;
   display: inline;
 }
@@ -55,7 +55,11 @@
   content: ' ↷ ';
 }
 
-.staticman-comments .form--loading:before {
+.staticman-comments form:disabled, .staticman-comments input:disabled, .staticman-comments textarea:disabled {
     opacity: 0.5;
     cursor: not-allowed;
 }
+
+.staticman-comments strong.hidden, .staticman-comments input[type="submit"].hidden {
+  display: none;
+}
diff --git a/assets/js/staticman.js b/assets/js/staticman.js
index a09cbd8..4dac3d1 100644
--- a/assets/js/staticman.js
+++ b/assets/js/staticman.js
@@ -6,7 +6,7 @@ $(document).ready(function() {
   $('.js-form').submit(function () {
     var form = this;
 
-    $(form).addClass('form--loading');
+    $(form).addClass('disabled');
 
     $.ajax({
       type: $(this).attr('method'),
@@ -14,17 +14,17 @@ $(document).ready(function() {
       data: $(this).serialize(),
       contentType: 'application/x-www-form-urlencoded',
       success: function (data) {
-        $('.js-form input[type="submit"]').val('{{ i18n btnSubmitted }}');
-        showAlert('{{ i18n successMsg }}');
+        $('input[type="submit"]').addClass('hidden');
+        $('input[type="submit"]:disabled').removeClass('hidden');
         showAlert('success');
         clearForm();
       },
       error: function (err) {
+        $('input[type="submit"]').removeClass('hidden');
+        $('input[type="submit"]:disabled').addClass('hidden');
         console.log(err);
-        $('.js-form input[type="submit"]').val('{{ i18n btnSubmit }}');
-        showAlert('{{ i18n errorMsg }}');
         showAlert('failed');
-        $(form).removeClass('form--loading');
+        $(form).removeClass('disabled');
       }
     });
 
@@ -32,8 +32,14 @@ $(document).ready(function() {
   });
 
   function showAlert(msg) {
-    $('.js-form .js-notice').removeClass('hidden');
-    $('.js-form .js-notice-text').text(msg);
+    if (msg == 'success') {
+      $('.js-form .submit-success').removeClass('hidden');
+      $('.js-form .submit-failed').addClass('hidden');
+      $(form).removeClass('disabled');
+    } else {
+      $('.js-form .submit-success').addClass('hidden');
+      $('.js-form .submit-failed').removeClass('hidden');
+    }
   }
 
   function clearForm() {
@@ -41,6 +47,11 @@ $(document).ready(function() {
     $('input[name="fields[replyID]"]').val('');
     $('input[name="fields[replyName]"]').val('');
     $('.reply-notice-text').text('');
+    $('.reply-notice').addClass('hidden');
+    $('.js-form .submit-success').addClass('hidden');
+    $('.js-form .submit-failed').addClass('hidden');
+    $('input[type="submit"]').removeClass('hidden');
+    $('input[type="submit"]:disabled').addClass('hidden');
   }
 
   // record reply target when "reply to this comment" is pressed
@@ -51,6 +62,7 @@ $(document).ready(function() {
     authorTag = cmt.find('.comment-author');
     replyName = authorTag.text();
     $('input[name="fields[replyName]"]').val(replyName);
+    $('.reply-notice').removeClass('hidden');
     $('.reply-notice-text').text('↷\xa0' + replyName);
   });
 
diff --git a/i18n/br.yaml b/i18n/br.yaml
index 37b5274..1b0af28 100644
--- a/i18n/br.yaml
+++ b/i18n/br.yaml
@@ -68,6 +68,8 @@
   translation: "Enviar Comentário"
 - id: btnSubmitted
   translation: "Enviado"
+- id: btnReset
+  translation: "Reiniciar"
 - id: successMsg
   translation: "Obrigado pelo seu comentário! Ele aparecerá no site assim que for aprovado."
 - id: errorMsg
diff --git a/i18n/de.yaml b/i18n/de.yaml
index db72e11..fab47d9 100644
--- a/i18n/de.yaml
+++ b/i18n/de.yaml
@@ -68,6 +68,8 @@
   translation: "Kommentar absenden"
 - id: btnSubmitted
   translation: "Versendet"
+- id: btnReset
+  translation: "Zurücksetzen"
 - id: successMsg
   translation: "Danke für den Kommentar! Er wird nach Prüfung auf der Seite angezeigt."
 - id: errorMsg
diff --git a/i18n/en.yaml b/i18n/en.yaml
index 08f4e32..1cf5ef2 100644
--- a/i18n/en.yaml
+++ b/i18n/en.yaml
@@ -68,6 +68,8 @@
   translation: "Submit comment"
 - id: btnSubmitted
   translation: "Submitted"
+- id: btnReset
+  translation: "Reset"
 - id: successMsg
   translation: "Thanks for your comment! It will show on the site once it has been approved."
 - id: errorMsg
diff --git a/i18n/eo.yaml b/i18n/eo.yaml
index ffd7b92..82b4100 100644
--- a/i18n/eo.yaml
+++ b/i18n/eo.yaml
@@ -68,6 +68,8 @@
   translation: "Sendi komenton"
 - id: btnSubmitted
   translation: "Sendita"
+- id: btnReset
+  translation: "Rekomencigi"
 - id: successMsg
   translation: "Dankon pro via komento! Ĝi montros en la retejo kiam gî estos aprobita."
 - id: errorMsg
diff --git a/i18n/es.yaml b/i18n/es.yaml
index 973d5af..d08721b 100644
--- a/i18n/es.yaml
+++ b/i18n/es.yaml
@@ -68,6 +68,8 @@
   translation: "Enviar Commentario"
 - id: btnSubmitted
   translation: "Enviado"
+- id: btnReset
+  translation: "Reiniciar"
 - id: successMsg
   translation: "Gracias por su comentario!, Este se visualizará en el sitio una vez haya sido aprobado"
 - id: errorMsg
diff --git a/i18n/fr.yaml b/i18n/fr.yaml
index a55b4e9..498c565 100644
--- a/i18n/fr.yaml
+++ b/i18n/fr.yaml
@@ -68,6 +68,8 @@
   translation: "Envoyer"
 - id: btnSubmitted
   translation: "Envoyé"
+- id: btnReset
+  translation: "Réinitialiser"
 - id: successMsg
   translation: "Merci pour votre commentaire, il sera visible sur le site une fois approuvé."
 - id: errorMsg
diff --git a/i18n/it.yaml b/i18n/it.yaml
index 3dd9543..a9f8f73 100644
--- a/i18n/it.yaml
+++ b/i18n/it.yaml
@@ -68,6 +68,8 @@
   translation: "Invia commento"
 - id: btnSubmitted
   translation: "Inviato"
+- id: btnReset
+  translation: "Azzera"
 - id: successMsg
   translation: "Grazie per il tuo commento! Verrà visualizzato nel sito una volta che sarà approvato."
 - id: errorMsg
diff --git a/i18n/ja.yaml b/i18n/ja.yaml
index 0a7ca19..c838e5d 100644
--- a/i18n/ja.yaml
+++ b/i18n/ja.yaml
@@ -68,6 +68,8 @@
   translation: "コメントを送信する"
 - id: btnSubmitted
   translation: "送信しました"
+- id: btnReset
+  translation: "リセット"
 - id: successMsg
   translation: "コメントありがとうございます！　コメントは承認されるとページに表示されます。"
 - id: errorMsg
diff --git a/i18n/nb.yaml b/i18n/nb.yaml
index cb58525..ac0e61e 100644
--- a/i18n/nb.yaml
+++ b/i18n/nb.yaml
@@ -68,6 +68,8 @@
   translation: "Sende kommentar"
 - id: btnSubmitted
   translation: "Sendt"
+- id: btnReset
+  translation: "Tilbakestill"
 - id: successMsg
   translation: "Takk for kommentaren din!  Det vil vises på nettstedet når det er godkjent."
 - id: errorMsg
diff --git a/i18n/nl.yaml b/i18n/nl.yaml
index b4d5b80..a25a406 100644
--- a/i18n/nl.yaml
+++ b/i18n/nl.yaml
@@ -68,6 +68,8 @@
   translation: "Commentaar toevoegen"
 - id: btnSubmitted
   translation: "Toegevoegd"
+- id: btnReset
+  translation: "Reset"
 - id: successMsg
   translation: "Bedankt voor uw reactie! Het zal op de site worden weergegeven zodra het is goedgekeurd."
 - id: errorMsg
diff --git a/i18n/pl.yaml b/i18n/pl.yaml
index 6079635..118c0d3 100644
--- a/i18n/pl.yaml
+++ b/i18n/pl.yaml
@@ -68,6 +68,8 @@
   translation: "Skomentuj"
 - id: btnSubmitted
   translation: "Komentarz dodany"
+- id: btnReset
+  translation: "Wyzeruj"
 - id: successMsg
   translation: "Dziękuję za Twój komentarz! Zostanie dodany po akceptacji."
 - id: errorMsg
diff --git a/i18n/ru.yaml b/i18n/ru.yaml
index f4f17ef..64c7a45 100644
--- a/i18n/ru.yaml
+++ b/i18n/ru.yaml
@@ -68,6 +68,8 @@
   translation: "Оставить комментарий"
 - id: btnSubmitted
   translation: "Отправлено"
+- id: btnReset
+  translation: "Сброс"
 - id: successMsg
   translation: "Спасибо за Ваш комментарий! Он будет опубликован на сайте после проверки."
 - id: errorMsg
diff --git a/i18n/zh-CN.yaml b/i18n/zh-CN.yaml
index 24d67b3..32b7b95 100644
--- a/i18n/zh-CN.yaml
+++ b/i18n/zh-CN.yaml
@@ -68,6 +68,8 @@
   translation: "提交评论"
 - id: btnSubmitted
   translation: "已提交"
+- id: btnReset
+  translation: "重置"
 - id: successMsg
   translation: "感谢您的评论！被批准后它会立即在此站点展示。"
 - id: errorMsg
diff --git a/i18n/zh-TW.yaml b/i18n/zh-TW.yaml
index 2d9e23f..4cab443 100644
--- a/i18n/zh-TW.yaml
+++ b/i18n/zh-TW.yaml
@@ -68,6 +68,8 @@
   translation: "送出留言"
 - id: btnSubmitted
   translation: "已送出"
+- id: btnReset
+  translation: "重設"
 - id: successMsg
   translation: "感謝您的留言！ 審核後將會顯示在站上。"
 - id: errorMsg
diff --git a/layouts/partials/staticman-comments.html b/layouts/partials/staticman-comments.html
index 4e75ebc..47cc4ff 100644
--- a/layouts/partials/staticman-comments.html
+++ b/layouts/partials/staticman-comments.html
@@ -85,12 +85,14 @@
   {{ end }}
 
   <!-- Start comment form alert messaging -->
-  <p class="hidden js-notice">
-    <strong class="js-notice-text"></strong>
+  <p class="js-notice">
+    <strong class="js-notice-text submit-success hidden">{{ i18n "successMsg" }}</strong>
+    <strong class="js-notice-text submit-failed hidden">{{ i18n "errorMsg" }}</strong>
   </p>
   <!-- End comment form alert messaging -->
 
   <input type="submit" value="{{ i18n "btnSubmit" }}" class="button">
+  <input type="submit" value="{{ i18n "btnSubmitted" }}" class="button hidden" disabled>
   <input type="reset" value="{{ i18n "btnReset" }}" class="button">
 </form>
 </section>