Support for loading tabs/pills by ajax

Signed-off-by: Michal Čihař <michal@cihar.com>

weblate/html/meta-header.html

@@ -10,7 +10,7 @@
   <script src="{% get_media_prefix %}js/mousetrap.min.js" type="text/javascript"></script>
   <script src="{% get_media_prefix %}js/mousetrap-global-bind.min.js" type="text/javascript"></script>
   <script src="{% get_media_prefix %}bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
-  <script src="{% get_media_prefix %}loader.js" type="text/javascript"></script>
+  <script src="{% get_media_prefix %}loader-bootstrap.js" type="text/javascript"></script>
   <script src="{% url 'js-catalog' %}" type="text/javascript"></script>
   <script src="{% url 'js-config' %}" type="text/javascript"></script>
   <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

weblate/media/loader-bootstrap.js

+$(function () {
+    $(document).on('show.bs.tab', '[data-toggle="tab"][data-href], [data-toggle="pill"][data-href]', function (e) {
+        var $target = $(e.target);
+        var $content = $($target.attr('href')).find('.panel-body');
+        $content.load(
+            $target.data('href'),
+            function (response, status, xhr) {
+                if ( status == "error" ) {
+                    var msg = gettext('Error while loading page:');
+                    $content.html( msg + " "  + xhr.status + " " + xhr.statusText );
+                }
+            }
+        );
+    })
+});