simpletool 0.0.1 → 0.0.2

data/lib/support/phpmyadmin/phpmyadmin/js/tbl_gis_visualization.js

@@ -0,0 +1,353 @@
+/* vim: set expandtab sw=4 ts=4 sts=4: */
+/**
+ * @fileoverview    functions used for visualizing GIS data
+ *
+ * @requires    jquery
+ * @requires    jquery/jquery.svg.js
+ * @requires    jquery/jquery.mousewheel.js
+ * @requires    jquery/jquery.event.drag-2.2.js
+ */
+
+// Constants
+var zoomFactor = 1.5;
+var defaultX = 0;
+var defaultY = 0;
+
+// Variables
+var x;
+var y;
+var scale = 1;
+
+var svg;
+
+/**
+ * Zooms and pans the visualization.
+ */
+function zoomAndPan()
+{
+    var g = svg.getElementById('groupPanel');
+
+    g.setAttribute('transform', 'translate(' + x + ', ' + y + ') scale(' + scale + ')');
+    var id;
+    var circle;
+    $('circle.vector').each(function () {
+        id = $(this).attr('id');
+        circle = svg.getElementById(id);
+        svg.change(circle, {
+            r : (3 / scale),
+            "stroke-width" : (2 / scale)
+        });
+    });
+
+    var line;
+    $('polyline.vector').each(function () {
+        id = $(this).attr('id');
+        line = svg.getElementById(id);
+        svg.change(line, {
+            "stroke-width" : (2 / scale)
+        });
+    });
+
+    var polygon;
+    $('path.vector').each(function () {
+        id = $(this).attr('id');
+        polygon = svg.getElementById(id);
+        svg.change(polygon, {
+            "stroke-width" : (0.5 / scale)
+        });
+    });
+}
+
+/**
+ * Initially loads either SVG or OSM visualization based on the choice.
+ */
+function selectVisualization() {
+    if ($('#choice').prop('checked') !== true) {
+        $('#openlayersmap').hide();
+    } else {
+        $('#placeholder').hide();
+    }
+}
+
+/**
+ * Adds necessary styles to the div that coontains the openStreetMap.
+ */
+function styleOSM() {
+    var $placeholder = $('#placeholder');
+    var cssObj = {
+        'border' : '1px solid #aaa',
+        'width' : $placeholder.width(),
+        'height' : $placeholder.height(),
+        'float' : 'right'
+    };
+    $('#openlayersmap').css(cssObj);
+}
+
+/**
+ * Loads the SVG element and make a reference to it.
+ */
+function loadSVG() {
+    var $placeholder = $('#placeholder');
+
+    $placeholder.svg({
+        onLoad: function (svg_ref) {
+            svg = svg_ref;
+        }
+    });
+
+    // Removes the second SVG element unnecessarily added due to the above command
+    $placeholder.find('svg:nth-child(2)').remove();
+}
+
+/**
+ * Adds controllers for zooming and panning.
+ */
+function addZoomPanControllers() {
+    var $placeholder = $('#placeholder');
+    if ($("#placeholder svg").length > 0) {
+        var pmaThemeImage = $('#pmaThemeImage').val();
+        // add panning arrows
+        $('<img class="button" id="left_arrow" src="' + pmaThemeImage + 'west-mini.png">').appendTo($placeholder);
+        $('<img class="button" id="right_arrow" src="' + pmaThemeImage + 'east-mini.png">').appendTo($placeholder);
+        $('<img class="button" id="up_arrow" src="' + pmaThemeImage + 'north-mini.png">').appendTo($placeholder);
+        $('<img class="button" id="down_arrow" src="' + pmaThemeImage + 'south-mini.png">').appendTo($placeholder);
+        // add zooming controls
+        $('<img class="button" id="zoom_in" src="' + pmaThemeImage + 'zoom-plus-mini.png">').appendTo($placeholder);
+        $('<img class="button" id="zoom_world" src="' + pmaThemeImage + 'zoom-world-mini.png">').appendTo($placeholder);
+        $('<img class="button" id="zoom_out" src="' + pmaThemeImage + 'zoom-minus-mini.png">').appendTo($placeholder);
+    }
+}
+
+/**
+ * Resizes the GIS visualization to fit into the space available.
+ */
+function resizeGISVisualization() {
+    var $placeholder = $('#placeholder');
+    var old_width = $placeholder.width();
+    var visWidth = $('#div_view_options').width() - 48;
+
+    // Assign new value for width
+    $placeholder.width(visWidth);
+    $('svg').attr('width', visWidth);
+
+    // Assign the offset created due to resizing to defaultX and center the svg.
+    defaultX = (visWidth - old_width) / 2;
+    x = defaultX;
+    y = 0;
+    scale = 1;
+}
+
+/**
+ * Initialize the GIS visualization.
+ */
+function initGISVisualization() {
+    // Loads either SVG or OSM visualization based on the choice
+    selectVisualization();
+    // Resizes the GIS visualization to fit into the space available
+    resizeGISVisualization();
+    // Adds necessary styles to the div that coontains the openStreetMap
+    styleOSM();
+    // Draws openStreetMap with openLayers
+    drawOpenLayers();
+    // Loads the SVG element and make a reference to it
+    loadSVG();
+    // Adds controllers for zooming and panning
+    addZoomPanControllers();
+    zoomAndPan();
+}
+
+function getRelativeCoords(e) {
+    var position = $('#placeholder').offset();
+    return {
+        x : e.pageX - position.left,
+        y : e.pageY - position.top
+    };
+}
+
+/**
+ * Ajax handlers for GIS visualization page
+ *
+ * Actions Ajaxified here:
+ *
+ * Zooming in and zooming out on mousewheel movement.
+ * Panning the visualization on dragging.
+ * Zooming in on double clicking.
+ * Zooming out on clicking the zoom out button.
+ * Panning on clicking the arrow buttons.
+ * Displaying tooltips for GIS objects.
+ */
+
+/**
+ * Unbind all event handlers before tearing down a page
+ */
+AJAX.registerTeardown('tbl_gis_visualization.js', function () {
+    $(document).off('click', '#choice');
+    $(document).off('mousewheel', '#placeholder');
+    $(document).off('dragstart', 'svg');
+    $(document).off('mouseup', 'svg');
+    $(document).off('drag', 'svg');
+    $(document).off('dblclick', '#placeholder');
+    $(document).off('click', '#zoom_in');
+    $(document).off('click', '#zoom_world');
+    $(document).off('click', '#zoom_out');
+    $(document).off('click', '#left_arrow');
+    $(document).off('click', '#right_arrow');
+    $(document).off('click', '#up_arrow');
+    $(document).off('click', '#down_arrow');
+    $('.vector').unbind('mousemove').unbind('mouseout');
+});
+
+AJAX.registerOnload('tbl_gis_visualization.js', function () {
+
+    // If we are in GIS visualization, initialize it
+    if ($('#gis_div').length > 0) {
+        initGISVisualization();
+    }
+
+    $(document).on('click', '#choice', function () {
+        if ($(this).prop('checked') === false) {
+            $('#placeholder').show();
+            $('#openlayersmap').hide();
+        } else {
+            $('#placeholder').hide();
+            $('#openlayersmap').show();
+        }
+    });
+
+    $(document).on('mousewheel', '#placeholder', function (event, delta) {
+        event.preventDefault();
+        var relCoords = getRelativeCoords(event);
+        if (delta > 0) {
+            //zoom in
+            scale *= zoomFactor;
+            // zooming in keeping the position under mouse pointer unmoved.
+            x = relCoords.x - (relCoords.x - x) * zoomFactor;
+            y = relCoords.y - (relCoords.y - y) * zoomFactor;
+            zoomAndPan();
+        } else {
+            //zoom out
+            scale /= zoomFactor;
+            // zooming out keeping the position under mouse pointer unmoved.
+            x = relCoords.x - (relCoords.x - x) / zoomFactor;
+            y = relCoords.y - (relCoords.y - y) / zoomFactor;
+            zoomAndPan();
+        }
+        return true;
+    });
+
+    var dragX = 0;
+    var dragY = 0;
+
+    $(document).on('dragstart', 'svg', function (event, dd) {
+        $('#placeholder').addClass('placeholderDrag');
+        dragX = Math.round(dd.offsetX);
+        dragY = Math.round(dd.offsetY);
+    });
+
+    $(document).on('mouseup', 'svg', function (event) {
+        $('#placeholder').removeClass('placeholderDrag');
+    });
+
+    $(document).on('drag', 'svg', function (event, dd) {
+        newX = Math.round(dd.offsetX);
+        x +=  newX - dragX;
+        dragX = newX;
+        newY = Math.round(dd.offsetY);
+        y +=  newY - dragY;
+        dragY = newY;
+        zoomAndPan();
+    });
+
+    $(document).on('dblclick', '#placeholder', function (event) {
+        scale *= zoomFactor;
+        // zooming in keeping the position under mouse pointer unmoved.
+        var relCoords = getRelativeCoords(event);
+        x = relCoords.x - (relCoords.x - x) * zoomFactor;
+        y = relCoords.y - (relCoords.y - y) * zoomFactor;
+        zoomAndPan();
+    });
+
+    $(document).on('click', '#zoom_in', function (e) {
+        e.preventDefault();
+        //zoom in
+        scale *= zoomFactor;
+
+        width = $('#placeholder svg').attr('width');
+        height = $('#placeholder svg').attr('height');
+        // zooming in keeping the center unmoved.
+        x = width / 2 - (width / 2 - x) * zoomFactor;
+        y = height / 2 - (height / 2 - y) * zoomFactor;
+        zoomAndPan();
+    });
+
+    $(document).on('click', '#zoom_world', function (e) {
+        e.preventDefault();
+        scale = 1;
+        x = defaultX;
+        y = defaultY;
+        zoomAndPan();
+    });
+
+    $(document).on('click', '#zoom_out', function (e) {
+        e.preventDefault();
+        //zoom out
+        scale /= zoomFactor;
+
+        width = $('#placeholder svg').attr('width');
+        height = $('#placeholder svg').attr('height');
+        // zooming out keeping the center unmoved.
+        x = width / 2 - (width / 2 - x) / zoomFactor;
+        y = height / 2 - (height / 2 - y) / zoomFactor;
+        zoomAndPan();
+    });
+
+    $(document).on('click', '#left_arrow', function (e) {
+        e.preventDefault();
+        x += 100;
+        zoomAndPan();
+    });
+
+    $(document).on('click', '#right_arrow', function (e) {
+        e.preventDefault();
+        x -= 100;
+        zoomAndPan();
+    });
+
+    $(document).on('click', '#up_arrow', function (e) {
+        e.preventDefault();
+        y += 100;
+        zoomAndPan();
+    });
+
+    $(document).on('click', '#down_arrow', function (e) {
+        e.preventDefault();
+        y -= 100;
+        zoomAndPan();
+    });
+
+    /**
+     * Detect the mousemove event and show tooltips.
+     */
+    $('.vector').bind('mousemove', function (event) {
+        var contents = $.trim(escapeHtml($(this).attr('name')));
+        $("#tooltip").remove();
+        if (contents !== '') {
+            $('<div id="tooltip">' + contents + '</div>').css({
+                position : 'absolute',
+                top : event.pageY + 10,
+                left : event.pageX + 10,
+                border : '1px solid #fdd',
+                padding : '2px',
+                'background-color' : '#fee',
+                opacity : 0.90
+            }).appendTo("body").fadeIn(200);
+        }
+    });
+
+    /**
+     * Detect the mouseout event and hide tooltips.
+     */
+    $('.vector').bind('mouseout', function (event) {
+        $("#tooltip").remove();
+    });
+});

data/lib/support/phpmyadmin/phpmyadmin/js/tbl_operations.js

@@ -0,0 +1,240 @@
+/**
+ * Unbind all event handlers before tearing down a page
+ */
+AJAX.registerTeardown('tbl_operations.js', function () {
+    $(document).off('submit', "#copyTable.ajax");
+    $(document).off('submit', "#moveTableForm");
+    $(document).off('submit', "#tableOptionsForm");
+    $(document).off('click', "#tbl_maintenance li a.maintain_action.ajax");
+    $(document).off('click', "#drop_tbl_anchor.ajax");
+    $(document).off('click', "#drop_view_anchor.ajax");
+    $(document).off('click', "#truncate_tbl_anchor.ajax");
+});
+
+/**
+ * jQuery coding for 'Table operations'.  Used on tbl_operations.php
+ * Attach Ajax Event handlers for Table operations
+ */
+AJAX.registerOnload('tbl_operations.js', function () {
+    /**
+     *Ajax action for submitting the "Copy table"
+     **/
+    $(document).on('submit', "#copyTable.ajax", function (event) {
+        event.preventDefault();
+        var $form = $(this);
+        PMA_prepareForAjaxRequest($form);
+        $.post($form.attr('action'), $form.serialize() + "&submit_copy=Go", function (data) {
+            if (typeof data !== 'undefined' && data.success === true) {
+                if ($form.find("input[name='switch_to_new']").prop('checked')) {
+                    PMA_commonParams.set('db', data.db);
+                    PMA_commonParams.set(
+                        'table',
+                        $form.find("input[name='new_name']").val()
+                    );
+                    PMA_commonActions.refreshMain(false, function () {
+                        PMA_ajaxShowMessage(data.message);
+                    });
+                } else {
+                    PMA_ajaxShowMessage(data.message);
+                }
+                // Refresh navigation when the table is copied
+                PMA_reloadNavigation();
+            } else {
+                PMA_ajaxShowMessage(data.error, false);
+            }
+        }); // end $.post()
+    });//end of copyTable ajax submit
+
+    /**
+     *Ajax action for submitting the "Move table"
+     */
+    $(document).on('submit', "#moveTableForm", function (event) {
+        event.preventDefault();
+        var $form = $(this);
+        var db = $form.find('select[name=target_db]').val();
+        var tbl = $form.find('input[name=new_name]').val();
+        PMA_prepareForAjaxRequest($form);
+        $.post($form.attr('action'), $form.serialize() + "&submit_move=1", function (data) {
+            if (typeof data !== 'undefined' && data.success === true) {
+                PMA_commonParams.set('db', db);
+                PMA_commonParams.set('table', tbl);
+                PMA_commonActions.refreshMain(false, function () {
+                    PMA_ajaxShowMessage(data.message);
+                });
+                // Refresh navigation when the table is copied
+                PMA_reloadNavigation();
+            } else {
+                PMA_ajaxShowMessage(data.error, false);
+            }
+        }); // end $.post()
+    });
+
+    /**
+     * Ajax action for submitting the "Table options"
+     */
+    $(document).on('submit', "#tableOptionsForm", function (event) {
+        event.preventDefault();
+        event.stopPropagation();
+        var $form = $(this);
+        var $tblNameField = $form.find('input[name=new_name]');
+        if ($tblNameField.val() !== $tblNameField[0].defaultValue) {
+            // reload page and navigation if the table has been renamed
+            PMA_prepareForAjaxRequest($form);
+            var tbl = $tblNameField.val();
+            $.post($form.attr('action'), $form.serialize(), function (data) {
+                if (typeof data !== 'undefined' && data.success === true) {
+                    PMA_commonParams.set('table', tbl);
+                    PMA_commonActions.refreshMain(false, function () {
+                        $('#page_content').html(data.message);
+                        PMA_highlightSQL($('#page_content'));
+                    });
+                } else {
+                    PMA_ajaxShowMessage(data.error, false);
+                }
+            }); // end $.post()
+        } else {
+            $form.removeClass('ajax').submit().addClass('ajax');
+        }
+    });
+
+    /**
+     *Ajax events for actions in the "Table maintenance"
+    **/
+    $(document).on('click', "#tbl_maintenance li a.maintain_action.ajax", function (event) {
+        event.preventDefault();
+        if ($(".sqlqueryresults").length !== 0) {
+            $(".sqlqueryresults").remove();
+        }
+        if ($(".result_query").length !== 0) {
+            $(".result_query").remove();
+        }
+        //variables which stores the common attributes
+        $.post($(this).attr('href'), { ajax_request: 1 }, function (data) {
+            function scrollToTop() {
+                $('html, body').animate({ scrollTop: 0 });
+            }
+            var $temp_div;
+            if (typeof data !== 'undefined' && data.success === true && data.sql_query !== undefined) {
+                PMA_ajaxShowMessage(data.message);
+                $("<div class='sqlqueryresults ajax'></div>").prependTo("#page_content");
+                $(".sqlqueryresults").html(data.sql_query);
+                PMA_highlightSQL($('#page_content'));
+                scrollToTop();
+            } else if (typeof data !== 'undefined' && data.success === true) {
+                var $temp_div = $("<div id='temp_div'></div>");
+                $temp_div.html(data.message);
+                var $success = $temp_div.find(".result_query .success");
+                PMA_ajaxShowMessage($success);
+                $("<div class='sqlqueryresults ajax'></div>").prependTo("#page_content");
+                $(".sqlqueryresults").html(data.message);
+                PMA_highlightSQL($('#page_content'));
+                PMA_init_slider();
+                $(".sqlqueryresults").children("fieldset,br").remove();
+                scrollToTop();
+            } else {
+                $temp_div = $("<div id='temp_div'></div>");
+                $temp_div.html(data.error);
+                var $error = $temp_div.find("code").addClass("error");
+                PMA_ajaxShowMessage($error, false);
+            }
+        }); // end $.post()
+    });//end of table maintenance ajax click
+
+    $(document).on('click', "#drop_tbl_anchor.ajax", function (event) {
+        event.preventDefault();
+        /**
+         * @var question    String containing the question to be asked for confirmation
+         */
+        var question = PMA_messages.strDropTableStrongWarning + ' ';
+        question += PMA_sprintf(
+            PMA_messages.strDoYouReally,
+            'DROP TABLE ' + escapeHtml(PMA_commonParams.get('table'))
+        );
+
+        $(this).PMA_confirm(question, $(this).attr('href'), function (url) {
+
+            var $msgbox = PMA_ajaxShowMessage(PMA_messages.strProcessingRequest);
+            $.get(url, {'is_js_confirmed': '1', 'ajax_request': true}, function (data) {
+                if (typeof data !== 'undefined' && data.success === true) {
+                    PMA_ajaxRemoveMessage($msgbox);
+                    // Table deleted successfully, refresh both the frames
+                    PMA_reloadNavigation();
+                    PMA_commonParams.set('table', '');
+                    PMA_commonActions.refreshMain(
+                        PMA_commonParams.get('opendb_url'),
+                        function () {
+                            PMA_ajaxShowMessage(data.message);
+                        }
+                    );
+                } else {
+                    PMA_ajaxShowMessage(data.error, false);
+                }
+            }); // end $.get()
+        }); // end $.PMA_confirm()
+    }); //end of Drop Table Ajax action
+
+    $(document).on('click', "#drop_view_anchor.ajax", function (event) {
+        event.preventDefault();
+        /**
+         * @var question    String containing the question to be asked for confirmation
+         */
+        var question = PMA_messages.strDropTableStrongWarning + ' ';
+        question += PMA_sprintf(
+            PMA_messages.strDoYouReally,
+            'DROP VIEW ' + escapeHtml(PMA_commonParams.get('table'))
+        );
+
+        $(this).PMA_confirm(question, $(this).attr('href'), function (url) {
+
+            var $msgbox = PMA_ajaxShowMessage(PMA_messages.strProcessingRequest);
+            $.get(url, {'is_js_confirmed': '1', 'ajax_request': true}, function (data) {
+                if (typeof data !== 'undefined' && data.success === true) {
+                    PMA_ajaxRemoveMessage($msgbox);
+                    // Table deleted successfully, refresh both the frames
+                    PMA_reloadNavigation();
+                    PMA_commonParams.set('table', '');
+                    PMA_commonActions.refreshMain(
+                        PMA_commonParams.get('opendb_url'),
+                        function () {
+                            PMA_ajaxShowMessage(data.message);
+                        }
+                    );
+                } else {
+                    PMA_ajaxShowMessage(data.error, false);
+                }
+            }); // end $.get()
+        }); // end $.PMA_confirm()
+    }); //end of Drop View Ajax action
+
+    $(document).on('click', "#truncate_tbl_anchor.ajax", function (event) {
+        event.preventDefault();
+        /**
+         * @var question    String containing the question to be asked for confirmation
+         */
+        var question = PMA_messages.strTruncateTableStrongWarning + ' ';
+        question += PMA_sprintf(
+            PMA_messages.strDoYouReally,
+            'TRUNCATE ' + escapeHtml(PMA_commonParams.get('table'))
+        );
+        $(this).PMA_confirm(question, $(this).attr('href'), function (url) {
+            PMA_ajaxShowMessage(PMA_messages.strProcessingRequest);
+            $.get(url, {'is_js_confirmed': '1', 'ajax_request': true}, function (data) {
+                if ($(".sqlqueryresults").length !== 0) {
+                    $(".sqlqueryresults").remove();
+                }
+                if ($(".result_query").length !== 0) {
+                    $(".result_query").remove();
+                }
+                if (typeof data !== 'undefined' && data.success === true) {
+                    PMA_ajaxShowMessage(data.message);
+                    $("<div class='sqlqueryresults ajax'></div>").prependTo("#page_content");
+                    $(".sqlqueryresults").html(data.sql_query);
+                    PMA_highlightSQL($('#page_content'));
+                } else {
+                    PMA_ajaxShowMessage(data.error, false);
+                }
+            }); // end $.get()
+        }); // end $.PMA_confirm()
+    }); //end of Truncate Table Ajax action
+
+}); //end $(document).ready for 'Table operations'