Fix jQuery UI tab errors

Author: Simrayz

python/nav/web/static/js/src/plugins/tab_navigation.js

@@ -24,7 +24,7 @@ define(['jquery-ui'], function () {
         $selector.bind('tabsactivate', function (event, ui) {
             //* Check if this is the tabs we're hooked to *//
             if (event.target.id === $selector.attr('id')) {
-                var hashValue = ui.newPanel.selector;
+                var hashValue = '#' + ui.newPanel.attr('id');
                 if (ui.newTab.index() != 0 || window.location.hash) {
                     var hashes = window.location.hash.split('!');
                     if (parent) {

python/nav/web/templates/info/base.html

@@ -12,7 +12,7 @@
 
 {% block footer_scripts %}
   <script>
-   require(['libs/jquery-ui.min'], function () {
+   require(['jquery-ui'], function () {
        $('#searchtabs').tabs().show();
    });
   </script>

python/nav/web/templates/ipdevinfo/module-details.html

@@ -142,11 +142,11 @@
 
 {% block footer_scripts %}
   <script>
-   require(["libs/jquery-ui.min"], function () {
+   require(["jquery-ui"], function () {
        var tabs = $('#module-details-tabs').tabs({
            activate: function (event, ui) {
                // Resize graphs when tab is shown
-               if (ui.newPanel.selector === "#port-details-activity-graphs") {
+               if (ui.newPanel.attr('id') === "port-details-activity-graphs") {
                    $(window).trigger('resize');
                }
            }

python/nav/web/templates/ipdevinfo/port-details.html

@@ -3,11 +3,11 @@
 
 {% block footer_scripts %}
   <script>
-    require(["libs/jquery-ui.min"], function () {
+    require(["jquery-ui"], function () {
       var tabs = $('#port-details-tabs').tabs({
         activate: function (event, ui) {
           // Resize graphs when tab is shown
-          if (ui.newPanel.selector === "#port-details-activity-graphs") {
+          if (ui.newPanel.attr('id') === "port-details-activity-graphs") {
             $(window).trigger('resize');
           }
         }

python/nav/web/templates/navlets/room_location_status_view.html

@@ -37,7 +37,7 @@ <h3 data-itemid="{{ item.pk }}">
 
     <link rel="stylesheet" href="{{ STATIC_URL }}css/nav/jquery-ui.css">
     <script>
-      require(['libs/jquery-ui.min'], function () {
+      require(['jquery-ui'], function () {
         var $navlet = $('[data-id={{ navlet.navlet_id }}]');
 
         $navlet.find('.accordion').accordion({

python/nav/web/templates/styleguide.html

@@ -10,7 +10,7 @@
 
 {% block footer_scripts %}
   <script>
-   require(['plugins/gauge', 'libs/jquery-ui.min'], function (JohnGauge) {
+   require(['plugins/gauge', 'jquery-ui'], function (JohnGauge) {
       $(function () {
 
           /* Code for activating jquery ui tabs. We usually hide the tabs until