From ddae18b7db27237debc4208a272268b4199ef439 Mon Sep 17 00:00:00 2001
From: Marc Delisle <marc@infomarc.info>
Date: Fri, 11 Mar 2011 13:31:18 -0500
Subject: [PATCH] These functions belong to server synchronization logic

---
 js/functions.js          | 296 --------------------------------------
 js/server_synchronize.js | 298 ++++++++++++++++++++++++++++++++++++++-
 2 files changed, 297 insertions(+), 297 deletions(-)

diff --git a/js/functions.js b/js/functions.js
index b163fede9..72abde46f 100644
--- a/js/functions.js
+++ b/js/functions.js
@@ -380,302 +380,6 @@ function checkSqlQuery(theForm)
     return true;
 } // end of the 'checkSqlQuery()' function
 
-// Global variable row_class is set to even
-var row_class = 'even';
-
-/**
-* Generates a row dynamically in the differences table displaying
-* the complete statistics of difference in  table like number of
-* rows to be updated, number of rows to be inserted, number of
-* columns to be added, number of columns to be removed, etc.
-*
-* @param  index         index of matching table
-* @param  update_size   number of rows/column to be updated
-* @param  insert_size   number of rows/coulmns to be inserted
-* @param  remove_size   number of columns to be removed
-* @param  insert_index  number of indexes to be inserted
-* @param  remove_index  number of indexes to be removed
-* @param  img_obj       image object
-* @param  table_name    name of the table
-*/
-
-function showDetails(i, update_size, insert_size, remove_size, insert_index, remove_index, img_obj, table_name)
-{
-    // a jQuery object
-    var $img = $(img_obj);
-
-    $img.toggleClass('selected');
-
-    // The image source is changed when the showDetails function is called.
-    if ($img.hasClass('selected')) {
-        if ($img.hasClass('struct_img')) {
-            $img.attr('src', pmaThemeImage + 'new_struct_selected.jpg');
-        }
-        if ($img.hasClass('data_img')) {
-            $img.attr('src', pmaThemeImage + 'new_data_selected.jpg');
-        }
-    } else {
-        if ($img.hasClass('struct_img')) {
-            $img.attr('src', pmaThemeImage + 'new_struct.jpg');
-        }
-        if ($img.hasClass('data_img')) {
-            $img.attr('src', pmaThemeImage + 'new_data.jpg');
-        }
-    }
-
-    var div = document.getElementById("list");
-    var table = div.getElementsByTagName("table")[0];
-    var table_body = table.getElementsByTagName("tbody")[0];
-
-    //Global variable row_class is being used
-    if (row_class == 'even') {
-        row_class = 'odd';
-    } else {
-        row_class = 'even';
-    }
-    // If the red or green button against a table name is pressed then append a new row to show the details of differences of this table.
-    if ($img.hasClass('selected')) {
-        var newRow = document.createElement("tr");
-        newRow.setAttribute("class", row_class);
-        newRow.className = row_class;
-        // Id assigned to this row element is same as the index of this table name in the  matching_tables/source_tables_uncommon array
-        newRow.setAttribute("id" , i);
-
-        var table_name_cell = document.createElement("td");
-        table_name_cell.align = "center";
-        table_name_cell.innerHTML = table_name ;
-
-        newRow.appendChild(table_name_cell);
-
-        var create_table = document.createElement("td");
-        create_table.align = "center";
-
-        var add_cols = document.createElement("td");
-        add_cols.align = "center";
-
-        var remove_cols = document.createElement("td");
-        remove_cols.align = "center";
-
-        var alter_cols = document.createElement("td");
-        alter_cols.align = "center";
-
-        var add_index = document.createElement("td");
-        add_index.align = "center";
-
-        var delete_index = document.createElement("td");
-        delete_index.align = "center";
-
-        var update_rows = document.createElement("td");
-        update_rows.align = "center";
-
-        var insert_rows = document.createElement("td");
-        insert_rows.align = "center";
-
-        var tick_image = document.createElement("img");
-        tick_image.src = pmaThemeImage + "s_success.png";
-
-        if (update_size == '' && insert_size == '' && remove_size == '') {
-          /**
-          This is the case when the table needs to be created in target database.
-          */
-            create_table.appendChild(tick_image);
-            add_cols.innerHTML = "--";
-            remove_cols.innerHTML = "--";
-            alter_cols.innerHTML = "--";
-            delete_index.innerHTML = "--";
-            add_index.innerHTML = "--";
-            update_rows.innerHTML = "--";
-            insert_rows.innerHTML = "--";
-
-            newRow.appendChild(create_table);
-            newRow.appendChild(add_cols);
-            newRow.appendChild(remove_cols);
-            newRow.appendChild(alter_cols);
-            newRow.appendChild(delete_index);
-            newRow.appendChild(add_index);
-            newRow.appendChild(update_rows);
-            newRow.appendChild(insert_rows);
-
-        } else if (update_size == '' && remove_size == '') {
-           /**
-           This is the case when data difference is displayed in the
-           table which is present in source but absent from target database
-          */
-            create_table.innerHTML = "--";
-            add_cols.innerHTML = "--";
-            remove_cols.innerHTML = "--";
-            alter_cols.innerHTML = "--";
-            add_index.innerHTML = "--";
-            delete_index.innerHTML = "--";
-            update_rows.innerHTML = "--";
-            insert_rows.innerHTML = insert_size;
-
-            newRow.appendChild(create_table);
-            newRow.appendChild(add_cols);
-            newRow.appendChild(remove_cols);
-            newRow.appendChild(alter_cols);
-            newRow.appendChild(delete_index);
-            newRow.appendChild(add_index);
-            newRow.appendChild(update_rows);
-            newRow.appendChild(insert_rows);
-
-        } else if (remove_size == '') {
-            /**
-             This is the case when data difference between matching_tables is displayed.
-            */
-            create_table.innerHTML = "--";
-            add_cols.innerHTML = "--";
-            remove_cols.innerHTML = "--";
-            alter_cols.innerHTML = "--";
-            add_index.innerHTML = "--";
-            delete_index.innerHTML = "--";
-            update_rows.innerHTML = update_size;
-            insert_rows.innerHTML = insert_size;
-
-            newRow.appendChild(create_table);
-            newRow.appendChild(add_cols);
-            newRow.appendChild(remove_cols);
-            newRow.appendChild(alter_cols);
-            newRow.appendChild(delete_index);
-            newRow.appendChild(add_index);
-            newRow.appendChild(update_rows);
-            newRow.appendChild(insert_rows);
-
-        } else {
-            /**
-            This is the case when structure difference between matching_tables id displayed
-            */
-            create_table.innerHTML = "--";
-            add_cols.innerHTML = insert_size;
-            remove_cols.innerHTML = remove_size;
-            alter_cols.innerHTML = update_size;
-            delete_index.innerHTML = remove_index;
-            add_index.innerHTML = insert_index;
-            update_rows.innerHTML = "--";
-            insert_rows.innerHTML = "--";
-
-            newRow.appendChild(create_table);
-            newRow.appendChild(add_cols);
-            newRow.appendChild(remove_cols);
-            newRow.appendChild(alter_cols);
-            newRow.appendChild(delete_index);
-            newRow.appendChild(add_index);
-            newRow.appendChild(update_rows);
-            newRow.appendChild(insert_rows);
-        }
-        table_body.appendChild(newRow);
-
-    } else {
-      //The case when the row showing the details need to be removed from the table i.e. the difference button is deselected now.
-        var table_rows = table_body.getElementsByTagName("tr");
-        var j;
-        var index = 0;
-        for (j=0; j < table_rows.length; j++)
-        {
-            if (table_rows[j].id == i) {
-                index = j;
-                table_rows[j].parentNode.removeChild(table_rows[j]);
-            }
-        }
-        //The table row css is being adjusted. Class "odd" for odd rows and "even" for even rows should be maintained.
-        for(index = 0; index < table_rows.length; index++)
-        {
-            row_class_element = table_rows[index].getAttribute('class');
-            if (row_class_element == "even") {
-                table_rows[index].setAttribute("class","odd");  // for Mozilla firefox
-                table_rows[index].className = "odd";            // for IE browser
-            } else {
-                table_rows[index].setAttribute("class","even"); // for Mozilla firefox
-                table_rows[index].className = "even";           // for IE browser
-            }
-        }
-    }
-}
-
-/**
- * Generates the URL containing the list of selected table ids for synchronization and
- * a variable checked for confirmation of deleting previous rows from target tables
- *
- * @param   token   the token generated for each PMA form
- *
- */
-function ApplySelectedChanges(token)
-{
-    var div =  document.getElementById("list");
-    var table = div.getElementsByTagName('table')[0];
-    var table_body = table.getElementsByTagName('tbody')[0];
-    // Get all the rows from the details table
-    var table_rows = table_body.getElementsByTagName('tr');
-    var x = table_rows.length;
-    var i;
-    /**
-     Append the token at the beginning of the query string followed by
-    Table_ids that shows that "Apply Selected Changes" button is pressed
-    */
-    var append_string = "?token="+token+"&Table_ids="+1;
-    for(i=0; i<x; i++){
-           append_string += "&";
-           append_string += i+"="+table_rows[i].id;
-    }
-
-    // Getting the value of checkbox delete_rows
-    var checkbox = document.getElementById("delete_rows");
-    if (checkbox.checked){
-        append_string += "&checked=true";
-    } else {
-         append_string += "&checked=false";
-    }
-    //Appending the token and list of table ids in the URL
-    location.href += token;
-    location.href += append_string;
-}
-
-/**
-* Displays an error message if any text field
-* is left empty other than the port field.
-*
-* @param  string   the form name
-* @param  object   the form
-*
-* @return  boolean  whether the form field is empty or not
-*/
-function validateConnection(form_name, form_obj)
-{
-    var check = true;
-    var src_hostfilled = true;
-    var trg_hostfilled = true;
-
-    for (var i=1; i<form_name.elements.length; i++)
-    {
-        // All the text fields are checked excluding the port field because the default port can be used.
-        if ((form_name.elements[i].type == 'text') && (form_name.elements[i].name != 'src_port') && (form_name.elements[i].name != 'trg_port')) {
-            check = emptyFormElements(form_obj, form_name.elements[i].name);
-            if (check==false) {
-                element = form_name.elements[i].name;
-                if (form_name.elements[i].name == 'src_host') {
-                    src_hostfilled = false;
-                    continue;
-                }
-                if (form_name.elements[i].name == 'trg_host') {
-                    trg_hostfilled = false;
-                    continue;
-                }
-                if ((form_name.elements[i].name == 'src_socket' && src_hostfilled==false) || (form_name.elements[i].name == 'trg_socket' && trg_hostfilled==false))
-                    break;
-                else
-                    continue;
-            }
-        }
-    }
-    if (!check) {
-        form_obj.reset();
-        element.select();
-        alert(PMA_messages['strFormEmpty']);
-        element.focus();
-    }
-    return check;
-}
-
 /**
  * Check if a form's element is empty.
  * An element containing only spaces is also considered empty
diff --git a/js/server_synchronize.js b/js/server_synchronize.js
index 244feff0e..e327a7b40 100644
--- a/js/server_synchronize.js
+++ b/js/server_synchronize.js
@@ -3,6 +3,303 @@
  * for server_synchronize.php 
  *
  */
+
+// Global variable row_class is set to even
+var row_class = 'even';
+
+/**
+* Generates a row dynamically in the differences table displaying
+* the complete statistics of difference in  table like number of
+* rows to be updated, number of rows to be inserted, number of
+* columns to be added, number of columns to be removed, etc.
+*
+* @param  index         index of matching table
+* @param  update_size   number of rows/column to be updated
+* @param  insert_size   number of rows/coulmns to be inserted
+* @param  remove_size   number of columns to be removed
+* @param  insert_index  number of indexes to be inserted
+* @param  remove_index  number of indexes to be removed
+* @param  img_obj       image object
+* @param  table_name    name of the table
+*/
+
+function showDetails(i, update_size, insert_size, remove_size, insert_index, remove_index, img_obj, table_name)
+{
+    // a jQuery object
+    var $img = $(img_obj);
+
+    $img.toggleClass('selected');
+
+    // The image source is changed when the showDetails function is called.
+    if ($img.hasClass('selected')) {
+        if ($img.hasClass('struct_img')) {
+            $img.attr('src', pmaThemeImage + 'new_struct_selected.jpg');
+        }
+        if ($img.hasClass('data_img')) {
+            $img.attr('src', pmaThemeImage + 'new_data_selected.jpg');
+        }
+    } else {
+        if ($img.hasClass('struct_img')) {
+            $img.attr('src', pmaThemeImage + 'new_struct.jpg');
+        }
+        if ($img.hasClass('data_img')) {
+            $img.attr('src', pmaThemeImage + 'new_data.jpg');
+        }
+    }
+
+    var div = document.getElementById("list");
+    var table = div.getElementsByTagName("table")[0];
+    var table_body = table.getElementsByTagName("tbody")[0];
+
+    //Global variable row_class is being used
+    if (row_class == 'even') {
+        row_class = 'odd';
+    } else {
+        row_class = 'even';
+    }
+    // If the red or green button against a table name is pressed then append a new row to show the details of differences of this table.
+    if ($img.hasClass('selected')) {
+        var newRow = document.createElement("tr");
+        newRow.setAttribute("class", row_class);
+        newRow.className = row_class;
+        // Id assigned to this row element is same as the index of this table name in the  matching_tables/source_tables_uncommon array
+        newRow.setAttribute("id" , i);
+
+        var table_name_cell = document.createElement("td");
+        table_name_cell.align = "center";
+        table_name_cell.innerHTML = table_name ;
+
+        newRow.appendChild(table_name_cell);
+
+        var create_table = document.createElement("td");
+        create_table.align = "center";
+
+        var add_cols = document.createElement("td");
+        add_cols.align = "center";
+
+        var remove_cols = document.createElement("td");
+        remove_cols.align = "center";
+
+        var alter_cols = document.createElement("td");
+        alter_cols.align = "center";
+
+        var add_index = document.createElement("td");
+        add_index.align = "center";
+
+        var delete_index = document.createElement("td");
+        delete_index.align = "center";
+
+        var update_rows = document.createElement("td");
+        update_rows.align = "center";
+
+        var insert_rows = document.createElement("td");
+        insert_rows.align = "center";
+
+        var tick_image = document.createElement("img");
+        tick_image.src = pmaThemeImage + "s_success.png";
+
+        if (update_size == '' && insert_size == '' && remove_size == '') {
+          /**
+          This is the case when the table needs to be created in target database.
+          */
+            create_table.appendChild(tick_image);
+            add_cols.innerHTML = "--";
+            remove_cols.innerHTML = "--";
+            alter_cols.innerHTML = "--";
+            delete_index.innerHTML = "--";
+            add_index.innerHTML = "--";
+            update_rows.innerHTML = "--";
+            insert_rows.innerHTML = "--";
+
+            newRow.appendChild(create_table);
+            newRow.appendChild(add_cols);
+            newRow.appendChild(remove_cols);
+            newRow.appendChild(alter_cols);
+            newRow.appendChild(delete_index);
+            newRow.appendChild(add_index);
+            newRow.appendChild(update_rows);
+            newRow.appendChild(insert_rows);
+
+        } else if (update_size == '' && remove_size == '') {
+           /**
+           This is the case when data difference is displayed in the
+           table which is present in source but absent from target database
+          */
+            create_table.innerHTML = "--";
+            add_cols.innerHTML = "--";
+            remove_cols.innerHTML = "--";
+            alter_cols.innerHTML = "--";
+            add_index.innerHTML = "--";
+            delete_index.innerHTML = "--";
+            update_rows.innerHTML = "--";
+            insert_rows.innerHTML = insert_size;
+
+            newRow.appendChild(create_table);
+            newRow.appendChild(add_cols);
+            newRow.appendChild(remove_cols);
+            newRow.appendChild(alter_cols);
+            newRow.appendChild(delete_index);
+            newRow.appendChild(add_index);
+            newRow.appendChild(update_rows);
+            newRow.appendChild(insert_rows);
+
+        } else if (remove_size == '') {
+            /**
+             This is the case when data difference between matching_tables is displayed.
+            */
+            create_table.innerHTML = "--";
+            add_cols.innerHTML = "--";
+            remove_cols.innerHTML = "--";
+            alter_cols.innerHTML = "--";
+            add_index.innerHTML = "--";
+            delete_index.innerHTML = "--";
+            update_rows.innerHTML = update_size;
+            insert_rows.innerHTML = insert_size;
+
+            newRow.appendChild(create_table);
+            newRow.appendChild(add_cols);
+            newRow.appendChild(remove_cols);
+            newRow.appendChild(alter_cols);
+            newRow.appendChild(delete_index);
+            newRow.appendChild(add_index);
+            newRow.appendChild(update_rows);
+            newRow.appendChild(insert_rows);
+
+        } else {
+            /**
+            This is the case when structure difference between matching_tables id displayed
+            */
+            create_table.innerHTML = "--";
+            add_cols.innerHTML = insert_size;
+            remove_cols.innerHTML = remove_size;
+            alter_cols.innerHTML = update_size;
+            delete_index.innerHTML = remove_index;
+            add_index.innerHTML = insert_index;
+            update_rows.innerHTML = "--";
+            insert_rows.innerHTML = "--";
+
+            newRow.appendChild(create_table);
+            newRow.appendChild(add_cols);
+            newRow.appendChild(remove_cols);
+            newRow.appendChild(alter_cols);
+            newRow.appendChild(delete_index);
+            newRow.appendChild(add_index);
+            newRow.appendChild(update_rows);
+            newRow.appendChild(insert_rows);
+        }
+        table_body.appendChild(newRow);
+
+    } else {
+      //The case when the row showing the details need to be removed from the table i.e. the difference button is deselected now.
+        var table_rows = table_body.getElementsByTagName("tr");
+        var j;
+        var index = 0;
+        for (j=0; j < table_rows.length; j++)
+        {
+            if (table_rows[j].id == i) {
+                index = j;
+                table_rows[j].parentNode.removeChild(table_rows[j]);
+            }
+        }
+        //The table row css is being adjusted. Class "odd" for odd rows and "even" for even rows should be maintained.
+        for(index = 0; index < table_rows.length; index++)
+        {
+            row_class_element = table_rows[index].getAttribute('class');
+            if (row_class_element == "even") {
+                table_rows[index].setAttribute("class","odd");  // for Mozilla firefox
+                table_rows[index].className = "odd";            // for IE browser
+            } else {
+                table_rows[index].setAttribute("class","even"); // for Mozilla firefox
+                table_rows[index].className = "even";           // for IE browser
+            }
+        }
+    }
+}
+
+/**
+ * Generates the URL containing the list of selected table ids for synchronization and
+ * a variable checked for confirmation of deleting previous rows from target tables
+ *
+ * @param   token   the token generated for each PMA form
+ *
+ */
+function ApplySelectedChanges(token)
+{
+    var div =  document.getElementById("list");
+    var table = div.getElementsByTagName('table')[0];
+    var table_body = table.getElementsByTagName('tbody')[0];
+    // Get all the rows from the details table
+    var table_rows = table_body.getElementsByTagName('tr');
+    var x = table_rows.length;
+    var i;
+    /**
+     Append the token at the beginning of the query string followed by
+    Table_ids that shows that "Apply Selected Changes" button is pressed
+    */
+    var append_string = "?token="+token+"&Table_ids="+1;
+    for(i=0; i<x; i++){
+           append_string += "&";
+           append_string += i+"="+table_rows[i].id;
+    }
+
+    // Getting the value of checkbox delete_rows
+    var checkbox = document.getElementById("delete_rows");
+    if (checkbox.checked){
+        append_string += "&checked=true";
+    } else {
+         append_string += "&checked=false";
+    }
+    //Appending the token and list of table ids in the URL
+    location.href += token;
+    location.href += append_string;
+}
+
+/**
+* Displays an error message if any text field
+* is left empty other than the port field.
+*
+* @param  string   the form name
+* @param  object   the form
+*
+* @return  boolean  whether the form field is empty or not
+*/
+function validateConnection(form_name, form_obj)
+{
+    var check = true;
+    var src_hostfilled = true;
+    var trg_hostfilled = true;
+
+    for (var i=1; i<form_name.elements.length; i++)
+    {
+        // All the text fields are checked excluding the port field because the default port can be used.
+        if ((form_name.elements[i].type == 'text') && (form_name.elements[i].name != 'src_port') && (form_name.elements[i].name != 'trg_port')) {
+            check = emptyFormElements(form_obj, form_name.elements[i].name);
+            if (check==false) {
+                element = form_name.elements[i].name;
+                if (form_name.elements[i].name == 'src_host') {
+                    src_hostfilled = false;
+                    continue;
+                }
+                if (form_name.elements[i].name == 'trg_host') {
+                    trg_hostfilled = false;
+                    continue;
+                }
+                if ((form_name.elements[i].name == 'src_socket' && src_hostfilled==false) || (form_name.elements[i].name == 'trg_socket' && trg_hostfilled==false))
+                    break;
+                else
+                    continue;
+            }
+        }
+    }
+    if (!check) {
+        form_obj.reset();
+        element.select();
+        alert(PMA_messages['strFormEmpty']);
+        element.focus();
+    }
+    return check;
+}
+
 $(document).ready(function() {
     $('.server_selector').change(function(evt) {
         var server = $(evt.target).val();
@@ -50,7 +347,6 @@ $(document).ready(function() {
     );
 
     $('.data_img').hover( 
-        // pmaThemeImage comes from js/messages.php
         function() {
             // mouse enters the element
             var $img = $(this);