Switch out custom tabs for Bootstrap

app/assets/js/plugins/jquery/tabs.js

@@ -1,25 +0,0 @@
-/**
- * jQuery Tab Plugin
- */
-$.fn.tabs = function(options) {
-    // Default Settings
-    var settings = $.extend({
-        state: "active",
-        active: 1,
-    }, options );
-
-    // Ensure only one given tab is displaying
-    $(this).next().children().not("#tab-" + settings.active).css("display", "none");
-
-    // When an tab andchor is clicked
-    $(this).on("click", "a", function (event) {
-        event.preventDefault();
-        
-        $(this).parent().addClass(settings.state);
-        $(this).parent().siblings().removeClass(settings.state);
-
-        var tab = $(this).attr("href");
-        $('.tab-content').children().not(tab).css("display", "none");
-        $(tab).css("display", "block");
-    });
-};

app/assets/js/start.js

@@ -1,9 +1,7 @@
 $(function() {
 
-    $('.tabs').tabs({active: 2});
-
     $('#sidebar-toggle').click(function() {
     	$('.wrapper').toggleClass('active');
     });
 
-});
+});

app/views/dashboard/settings.blade.php

@@ -7,15 +7,17 @@
 	</div>
 	<div class="row">
 		<div class="col-sm-12">
-			<ul class="tabs">
+			<div role='tabpanel'>
-				<li class='active'><a href="#tab-1">App</a></li>
+				<ul class="nav nav-tabs" role='tablist'>
-				<li><a href="#tab-2">Server</a></li>
+					<li role='presentation' class='active'><a data-toggle='tab' role='tab' href="#app">App</a></li>
-				<li><a href="#tab-3">Mail</a></li>
+					<li role='presentation'><a data-toggle='tab' role='tab' href="#server">Server</a></li>
-			</ul>
+					<li role='presentation'><a data-toggle='tab' role='tab' href="#mail">Mail</a></li>
-			<div class="tab-content">
+				</ul>
-				<div id="tab-1">General App settings</div>
+				<div class="tab-content">
-				<div id="tab-2">Server settings</div>
+					<div role='tabpanel' class='tab-pane active' id="app">General App settings</div>
-				<div id="tab-3">Mail setitngs, host, SMTP, user and password.</div>
+					<div role='tabpanel' class='tab-pane' id="server">Server settings</div>
+					<div role='tabpanel' class='tab-pane' id="mail">Mail setitngs, host, SMTP, user and password.</div>
+				</div>
 			</div>
 		</div>
 	</div>

public/build/css/all-a955efc4.css

@@ -37,14 +37,16 @@ body.dashboard .wrapper {
     body.dashboard .wrapper .content {
       -webkit-transition: margin 0.2s;
               transition: margin 0.2s;
-      margin-left: 250px; } }
+      margin-left: 250px; }
+ }
   body.dashboard .wrapper.active .sidebar {
     margin-left: 0; }
   @media (min-width: 550px) {
     body.dashboard .wrapper.active .content {
       -webkit-transition: margin 0.2s;
               transition: margin 0.2s;
-      margin-left: 250px; } }
+      margin-left: 250px; }
+ }
 
 body.dashboard .navbar {
   z-index: 999;
@@ -74,7 +76,8 @@ body.dashboard .navbar {
         padding-right: 10px; }
         body.dashboard .navbar a.navbar-brand span:before {
           font-family: FontAwesome;
-          content: "\f060"; } }
+          content: "\f060"; }
+ }
   body.dashboard .navbar .nav li a {
     height: 68px;
     line-height: 35px; }

public/build/css/all.css

@@ -37,14 +37,16 @@ body.dashboard .wrapper {
     body.dashboard .wrapper .content {
       -webkit-transition: margin 0.2s;
               transition: margin 0.2s;
-      margin-left: 250px; } }
+      margin-left: 250px; }
+ }
   body.dashboard .wrapper.active .sidebar {
     margin-left: 0; }
   @media (min-width: 550px) {
     body.dashboard .wrapper.active .content {
       -webkit-transition: margin 0.2s;
               transition: margin 0.2s;
-      margin-left: 250px; } }
+      margin-left: 250px; }
+ }
 
 body.dashboard .navbar {
   z-index: 999;
@@ -74,7 +76,8 @@ body.dashboard .navbar {
         padding-right: 10px; }
         body.dashboard .navbar a.navbar-brand span:before {
           font-family: FontAwesome;
-          content: "\f060"; } }
+          content: "\f060"; }
+ }
   body.dashboard .navbar .nav li a {
     height: 68px;
     line-height: 35px; }

public/build/js/all-c84ab03b.js

@@ -51,35 +51,8 @@ k),c.scaleShowGridLines?(b.lineWidth=c.scaleGridLineWidth,b.strokeStyle=c.scaleG
 b.moveTo(g,p);b.lineTo(g,p-d*v(a.datasets[e].data[f],j,k)+c.barStrokeWidth/2);b.lineTo(g+s,p-d*v(a.datasets[e].data[f],j,k)+c.barStrokeWidth/2);b.lineTo(g+s,p);c.barShowStroke&&b.stroke();b.closePath();b.fill()}}},b)},D=window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(a){window.setTimeout(a,1E3/60)},F={}};
 $(function() {
 
-    $('.tabs').tabs({active: 2});
-
     $('#sidebar-toggle').click(function() {
     	$('.wrapper').toggleClass('active');
     });
 
 });
-/**
- * jQuery Tab Plugin
- */
-$.fn.tabs = function(options) {
-    // Default Settings
-    var settings = $.extend({
-        state: "active",
-        active: 1,
-    }, options );
-
-    // Ensure only one given tab is displaying
-    $(this).next().children().not("#tab-" + settings.active).css("display", "none");
-
-    // When an tab andchor is clicked
-    $(this).on("click", "a", function (event) {
-        event.preventDefault();
-        
-        $(this).parent().addClass(settings.state);
-        $(this).parent().siblings().removeClass(settings.state);
-
-        var tab = $(this).attr("href");
-        $('.tab-content').children().not(tab).css("display", "none");
-        $(tab).css("display", "block");
-    });
-};

public/build/js/all.js

@@ -51,35 +51,8 @@ k),c.scaleShowGridLines?(b.lineWidth=c.scaleGridLineWidth,b.strokeStyle=c.scaleG
 b.moveTo(g,p);b.lineTo(g,p-d*v(a.datasets[e].data[f],j,k)+c.barStrokeWidth/2);b.lineTo(g+s,p-d*v(a.datasets[e].data[f],j,k)+c.barStrokeWidth/2);b.lineTo(g+s,p);c.barShowStroke&&b.stroke();b.closePath();b.fill()}}},b)},D=window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(a){window.setTimeout(a,1E3/60)},F={}};
 $(function() {
 
-    $('.tabs').tabs({active: 2});
-
     $('#sidebar-toggle').click(function() {
     	$('.wrapper').toggleClass('active');
     });
 
 });
-/**
- * jQuery Tab Plugin
- */
-$.fn.tabs = function(options) {
-    // Default Settings
-    var settings = $.extend({
-        state: "active",
-        active: 1,
-    }, options );
-
-    // Ensure only one given tab is displaying
-    $(this).next().children().not("#tab-" + settings.active).css("display", "none");
-
-    // When an tab andchor is clicked
-    $(this).on("click", "a", function (event) {
-        event.preventDefault();
-        
-        $(this).parent().addClass(settings.state);
-        $(this).parent().siblings().removeClass(settings.state);
-
-        var tab = $(this).attr("href");
-        $('.tab-content').children().not(tab).css("display", "none");
-        $(tab).css("display", "block");
-    });
-};

public/build/rev-manifest.json

@@ -1,4 +1,4 @@
 {
-  "css/all.css": "css/all-54061ae6.css",
+  "css/all.css": "css/all-a955efc4.css",
-  "js/all.js": "js/all-86e91591.js"
+  "js/all.js": "js/all-c84ab03b.js"
 }