Tabs are red if contain errors

Author: Stefano Verna

app/assets/javascripts/active_admin/active_admin_globalize3.js.coffee

@@ -1,6 +1,7 @@
 $ ->
 
   translations = ->
+
     $(".activeadmin-translations > ul").each ->
       $dom = $(this)
       if !$dom.data("ready")
@@ -18,6 +19,12 @@ $ ->
 
         $tabs.eq(0).click()
 
+        $tabs.each ->
+          $tab = $(@)
+          $content = $contents.filter($tab.attr("href"))
+          containsErrors = $content.find(".input.error").length > 0
+          $tab.toggleClass("error", containsErrors)
+
   # this is to handle elements created with has_many
   $("a").bind "click", ->
     setTimeout(

app/assets/stylesheets/active_admin/active_admin_globalize3.css.sass

@@ -23,13 +23,17 @@
           padding-bottom: 8px + 4px
           margin-bottom: 0
 
+          &.error
+            color: #932419
+
           &.active
             background: #f4f4f4
             +inset-shadow(0, 4px, 4px, #ddd)
             +border-top-radius(4px)
             margin-bottom: 0
             +gradient($secondary-gradient-stop, #f4f4f4)
             text-shadow: 0 1px 0 white
+            color: #666 !important
 
     &> fieldset.inputs
       margin-bottom: 0