From 4c2e284d871044a443817aabfbe3c956799ffe06 Mon Sep 17 00:00:00 2001
From: Serg Tereshchenko <serg.partizan@gmail.com>
Date: Thu, 1 Oct 2020 00:09:50 +0300
Subject: [PATCH] feat(tabbed-translation-fields): Make tab with errors visible
 by default.

---
 .../js/tabbed_translation_fields.js            | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/modeltranslation/static/modeltranslation/js/tabbed_translation_fields.js b/modeltranslation/static/modeltranslation/js/tabbed_translation_fields.js
index d21b598..e9021c6 100644
--- a/modeltranslation/static/modeltranslation/js/tabbed_translation_fields.js
+++ b/modeltranslation/static/modeltranslation/js/tabbed_translation_fields.js
@@ -150,7 +150,8 @@ var google, django, gettext;
                     return;
                 var tabsContainer = $('<div></div>'),
                     tabsList = $('<ul></ul>'),
-                    insertionPoint;
+                    insertionPoint,
+                    activeTab = 0;
                 tabsContainer.append(tabsList);
                 $.each(lang, function (lang, el) {
                     var container = $(el).closest('.form-row'),
@@ -177,9 +178,13 @@ var google, django, gettext;
                             '><a href="#' + tabId + '">' + lang.replace('_', '-') + '</a></li>');
                     tabsList.append(tab);
                     tabsContainer.append(panel);
+                    if (container.hasClass("errors"))
+                        activeTab = tabsList.length;
                 });
                 insertionPoint.el[insertionPoint.insert](tabsContainer);
-                tabsContainer.tabs();
+                tabsContainer.tabs({
+                  active: activeTab,
+                });
                 tabs.push(tabsContainer);
             });
             return tabs;
@@ -308,7 +313,8 @@ var google, django, gettext;
                     return;
                 var tabsContainer = $('<td></td>'),
                     tabsList = $('<ul></ul>'),
-                    insertionPoint;
+                    insertionPoint,
+                    activeTab = 0;
                 tabsContainer.append(tabsList);
 
                 $.each(lang, function (lang, el) {
@@ -342,9 +348,13 @@ var google, django, gettext;
                              '><a href="#' + tabId + '">' + lang.replace('_', '-') + '</a></li>');
                     tabsList.append($tab);
                     tabsContainer.append($panel);
+                    if (container.hasClass("errors"))
+                        activeTab = tabsList.length;
                 });
                 insertionPoint.el[insertionPoint.insert](tabsContainer);
-                tabsContainer.tabs();
+                tabsContainer.tabs({
+                    active: activeTab,
+                });
                 tabs.push(tabsContainer);
             });
             return tabs;