app/assets/javascripts/material/tab.js in material-sass-0.0.2 vs app/assets/javascripts/material/tab.js in material-sass-0.0.3
- old
+ new
@@ -1,31 +1,31 @@
-// tab indicator
- $('.tab-nav').each(function() {
- $(this).append('<div class="tab-nav-indicator"></div>');
- tabSwitch($('.nav > li.active', $(this)), null);
- });
-
// tab switch
- $(document).on('show.bs.tab', '.tab-nav a[data-toggle="tab"]', function(e) {
- tabSwitch($(e.target), $(e.relatedTarget));
- });
-
- function tabSwitch(newTab, oldTab) {
+ tabSwitch = function(newTab, oldTab) {
var $nav = newTab.closest('.tab-nav'),
$navIndicator = $('.tab-nav-indicator', $nav),
navOffset = $nav.offset().left,
- navWidth = $nav.width(),
- newTabOffset = newTab.offset().left,
- newTabWidth = newTab.outerWidth();
+ navWidth = $nav.width(),
+ newTabOffset = newTab.offset().left,
+ newTabWidth = newTab.outerWidth();
if (oldTab != null && oldTab.offset().left > newTabOffset) {
$navIndicator.addClass('reverse');
setTimeout(function() {
$navIndicator.removeClass('reverse');
}, 450);
};
- $navIndicator.css({
- left: (newTabOffset - navOffset),
- right: navOffset + navWidth - newTabOffset - newTabWidth
- });
- }
+ $navIndicator.css({
+ left: (newTabOffset - navOffset),
+ right: navOffset + navWidth - newTabOffset - newTabWidth
+ });
+ }
+
+ $(document).on('show.bs.tab', '.tab-nav a[data-toggle="tab"]', function(e) {
+ tabSwitch($(e.target), $(e.relatedTarget));
+ });
+
+// tab switch indicator
+ $('.tab-nav').each(function() {
+ $(this).append('<div class="tab-nav-indicator"></div>');
+ tabSwitch($('.nav > li.active', $(this)), null);
+ });
\ No newline at end of file