From 34cf867b2c32c571224b2b4a08793df2fee75503 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20Krier?= <ced@b2ck.com>
Date: Wed, 22 Oct 2014 11:56:20 +0200
Subject: [PATCH] Update to jQuery 2.1.1 and jQuery ui 1.11.1

review8641002
---
 index.html    |  6 +++---
 src/screen.js | 12 ++++++++---
 src/tab.js    | 57 +++++++++++++++++++++++++++++++++------------------
 src/view.js   | 16 ++++++++++-----
 4 files changed, 60 insertions(+), 31 deletions(-)

diff --git a/index.html b/index.html
index 1e0bd1e925..602ca7705d 100644
--- a/index.html
+++ b/index.html
@@ -9,7 +9,7 @@ this repository contains the full copyright notices and license terms. -->
         <SCRIPT type="text/javascript" src="external/jquery.js"></SCRIPT>
         <SCRIPT type="text/javascript">
             if (typeof jQuery == 'undefined') {
-                document.write(unescape('%3CSCRIPT type="text/javascript" src="//code.jquery.com/jquery-1.8.3.js"%3E%3C/SCRIPT%3E'));
+                document.write(unescape('%3CSCRIPT type="text/javascript" src="//code.jquery.com/jquery-2.1.1.js"%3E%3C/SCRIPT%3E'));
             }
         </SCRIPT>
         <SCRIPT type="text/javascript" src="external/jquery-ui.js"></SCRIPT>
@@ -17,8 +17,8 @@ this repository contains the full copyright notices and license terms. -->
         media="screen"/>
         <SCRIPT type="text/javascript">
             if (typeof jQuery.ui == 'undefined') {
-                document.write(unescape('%3CSCRIPT type="text/javascript" src="//code.jquery.com/ui/1.9.2/jquery-ui.js"%3E%3C/SCRIPT%3E'));
-                document.write(unescape('%3CLINK rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" media="screen"/%3E'));
+                document.write(unescape('%3CSCRIPT type="text/javascript" src="//code.jquery.com/ui/1.11.1/jquery-ui.js"%3E%3C/SCRIPT%3E'));
+                document.write(unescape('%3CLINK rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css" media="screen"/%3E'));
             }
         </SCRIPT>
         <SCRIPT type="text/javascript" src="dist/sao.min.js"></SCRIPT>
diff --git a/src/screen.js b/src/screen.js
index e32e9b7f6c..eff34052e0 100644
--- a/src/screen.js
+++ b/src/screen.js
@@ -57,14 +57,20 @@
             if (!jQuery.isEmptyObject(this.tab_domain)) {
                 this.tab = jQuery('<div/>', {
                     'class': 'tab-domain'
-                }).append(jQuery('<div/>').append(jQuery('<ul/>')));
+                }).append(jQuery('<ul/>'));
                 this.tab.tabs();
                 this.tab_domain.forEach(function(tab_domain, i) {
                     var name = tab_domain[0];
-                    this.tab.tabs('add', '#' + i, name);
+                    jQuery('<li/>').append(jQuery('<a/>', {
+                        href: '#' + i
+                    }).append(name)).appendTo(this.tab.find('> .ui-tabs-nav'));
+                    jQuery('<div/>', {
+                        id: i
+                    }).appendTo(this.tab);
                 }.bind(this));
                 this.tab.find('#0').append(this.content_box);
-                this.tab.tabs('select', '#0');
+                this.tab.tabs('refresh');
+                this.tab.tabs('option', 'active', 0);
                 this.tab.tabs({
                     'activate': this.switch_page.bind(this)
                 });
diff --git a/src/tab.js b/src/tab.js
index 74cf9c43cc..7e7fdce24c 100644
--- a/src/tab.js
+++ b/src/tab.js
@@ -85,7 +85,7 @@
         },
         create_toolbar: function() {
             var toolbar = jQuery('<div/>', {
-                'class': 'ui-widget-header ui-corner-all'
+                'class': 'tab-toolbar ui-widget-header ui-corner-all'
             });
             var add_button = function(tool) {
                 var click_func = function() {
@@ -109,9 +109,15 @@
         },
         close: function() {
             var tabs = jQuery('#tabs > div');
-            tabs.tabs('select', this.id);
+            var tab = tabs.find(
+                    '.ui-tabs-nav li[aria-controls="' + this.id + '"]');
+            tabs.tabs('option', 'active',
+                    tabs.find('li').index(jQuery('#nav-' + this.id)));
+            tabs.tabs('refresh');
             return this.modified_save().then(function() {
-                tabs.tabs('remove', this.id);
+                tab.remove();
+                jQuery('#' + this.id).remove();
+                tabs.tabs('refresh');
                 if (!tabs.find('> ul').children().length) {
                     tabs.remove();
                 }
@@ -170,23 +176,34 @@
         }
         var tabs = jQuery('#tabs > div');
         tabs.tabs();
-        tab.id = '#tab-' + Sao.Tab.counter++;
-        tabs.tabs('add', tab.id, tab.name);
-        tabs.find('> ul li').last().append(jQuery('<a href="#">' +
-                    '<span class="ui-icon ui-icon-circle-close"></span>' +
-                    '</a>')
-                .hover(
-                    function() {
-                        jQuery(this).css('cursor', 'pointer');
-                    },
-                    function() {
-                        jQuery(this).css('cursor', 'default');
-                    })
-                .click(function() {
-                    tab.close();
-                }));
-        jQuery(tab.id).html(tab.el);
-        tabs.tabs('select', tab.id);
+        tab.id = 'tab-' + Sao.Tab.counter++;
+        var tab_link = jQuery('<a/>', {
+            href: '#' + tab.id
+        }).append(tab.name);
+        var close_link = jQuery('<a/>', {
+            href: '#',
+            'class': 'ui-tabs-anchor'
+        }).append(jQuery('<span/>', {
+            'class': 'ui-icon ui-icon-circle-close'
+        })).hover(
+        function() {
+            jQuery(this).css('cursor', 'pointer');
+        },
+        function() {
+            jQuery(this).css('cursor', 'default');
+        })
+        .click(function() {
+            tab.close();
+        });
+        jQuery('<li/>', {
+            id: 'nav-' + tab.id
+        }).append(tab_link).append(close_link)
+        .appendTo(tabs.find('> .ui-tabs-nav'));
+        jQuery('<div/>', {
+            id: tab.id
+        }).html(tab.el).appendTo(tabs);
+        tabs.tabs('refresh');
+        tabs.tabs('option', 'active', -1);
         jQuery(window).resize();
     };
 
diff --git a/src/view.js b/src/view.js
index b9d90b8786..d163526e41 100644
--- a/src/view.js
+++ b/src/view.js
@@ -1699,14 +1699,20 @@
             this.counter = 0;
         },
         add: function(tab, text) {
-            var tab_id = '#tab-form-' + this.counter++;
-            this.el.tabs('add', tab_id, text);
-            this.el.children(tab_id).html(tab);
+            var tab_id = 'tab-form-' + this.counter++;
+            var page = jQuery('<li/>').append(
+                jQuery('<a/>', {
+                    href: '#' + tab_id
+                }).append(text)).appendTo(this.el.find('> .ui-tabs-nav'));
+            jQuery('<div/>', {
+                id: tab_id
+            }).html(tab).appendTo(this.el);
+            this.el.tabs('refresh');
             if (!this.selected) {
-                this.el.tabs('select', tab_id);
+                this.el.tabs('option', 'active', -1);
                 this.selected = true;
             }
-            return jQuery('> ul li', this.el).last();
+            return page;
         }
     });