diff options
| author | Charles Cabergs <me@cacharle.xyz> | 2020-07-27 10:05:23 +0200 |
|---|---|---|
| committer | Charles Cabergs <me@cacharle.xyz> | 2020-07-27 10:05:23 +0200 |
| commit | 5bf66662a9bdd62c5bccab15e607cd95cfb8fcab (patch) | |
| tree | 39a1a4629749056191c05dfd899f931701b7acf3 /srcs/phpmyadmin/js/gis_data_editor.js | |
| parent | 5afd237bbd22028b85532b8c0b3fcead49a00764 (diff) | |
| download | ft_server-master.tar.gz ft_server-master.tar.bz2 ft_server-master.zip | |
Removed wordpress and phpmyadmin, my server doesn't handle it well and it brings shame on my famillyHEADmaster
Diffstat (limited to 'srcs/phpmyadmin/js/gis_data_editor.js')
| -rw-r--r-- | srcs/phpmyadmin/js/gis_data_editor.js | 402 |
1 files changed, 0 insertions, 402 deletions
diff --git a/srcs/phpmyadmin/js/gis_data_editor.js b/srcs/phpmyadmin/js/gis_data_editor.js deleted file mode 100644 index db73243..0000000 --- a/srcs/phpmyadmin/js/gis_data_editor.js +++ /dev/null @@ -1,402 +0,0 @@ -/* vim: set expandtab sw=4 ts=4 sts=4: */ -/** - * @fileoverview functions used in GIS data editor - * - * @requires jQuery - * - */ - -/* global addZoomPanControllers, loadSVG, selectVisualization, styleOSM, zoomAndPan */ // js/table/gis_visualization.js -/* global pmaThemeImage */ // js/messages.php - -// eslint-disable-next-line no-unused-vars -var gisEditorLoaded = false; - -/** - * Closes the GIS data editor and perform necessary clean up work. - */ -function closeGISEditor () { - $('#popup_background').fadeOut('fast'); - $('#gis_editor').fadeOut('fast', function () { - $(this).empty(); - }); -} - -/** - * Prepares the HTML received via AJAX. - */ -function prepareJSVersion () { - // Change the text on the submit button - $('#gis_editor').find('input[name=\'gis_data[save]\']') - .val(Messages.strCopy) - .insertAfter($('#gis_data_textarea')) - .before('<br><br>'); - - // Add close and cancel links - $('#gis_data_editor').prepend('<a class="close_gis_editor" href="#">' + Messages.strClose + '</a>'); - $('<a class="cancel_gis_editor" href="#"> ' + Messages.strCancel + '</a>') - .insertAfter($('input[name=\'gis_data[save]\']')); - - // Remove the unnecessary text - $('div#gis_data_output p').remove(); - - // Remove 'add' buttons and add links - $('#gis_editor').find('input.add').each(function () { - var $button = $(this); - $button.addClass('addJs').removeClass('add'); - var classes = $button.attr('class'); - $button.replaceWith( - '<a class="' + classes + - '" name="' + $button.attr('name') + - '" href="#">+ ' + $button.val() + '</a>' - ); - }); -} - -/** - * Returns the HTML for a data point. - * - * @param pointNumber point number - * @param prefix prefix of the name - * @returns the HTML for a data point - */ -function addDataPoint (pointNumber, prefix) { - return '<br>' + - Functions.sprintf(Messages.strPointN, (pointNumber + 1)) + ': ' + - '<label for="x">' + Messages.strX + '</label>' + - '<input type="text" name="' + prefix + '[' + pointNumber + '][x]" value="">' + - '<label for="y">' + Messages.strY + '</label>' + - '<input type="text" name="' + prefix + '[' + pointNumber + '][y]" value="">'; -} - -/** - * Initialize the visualization in the GIS data editor. - */ -function initGISEditorVisualization () { - // Loads either SVG or OSM visualization based on the choice - selectVisualization(); - // Adds necessary styles to the div that coontains the openStreetMap - styleOSM(); - // Loads the SVG element and make a reference to it - loadSVG(); - // Adds controllers for zooming and panning - addZoomPanControllers(); - zoomAndPan(); -} - -/** - * Loads JavaScript files and the GIS editor. - * - * @param value current value of the geometry field - * @param field field name - * @param type geometry type - * @param inputName name of the input field - * @param token token - */ -// eslint-disable-next-line no-unused-vars -function loadJSAndGISEditor (value, field, type, inputName) { - var head = document.getElementsByTagName('head')[0]; - var script; - - // Loads a set of small JS file needed for the GIS editor - var smallScripts = ['js/vendor/jquery/jquery.svg.js', - 'js/vendor/jquery/jquery.mousewheel.js', - 'js/vendor/jquery/jquery.event.drag-2.2.js', - 'js/table/gis_visualization.js']; - - for (var i = 0; i < smallScripts.length; i++) { - script = document.createElement('script'); - script.type = 'text/javascript'; - script.src = smallScripts[i]; - head.appendChild(script); - } - - // OpenLayers.js is BIG and takes time. So asynchronous loading would not work. - // Load the JS and do a callback to load the content for the GIS Editor. - script = document.createElement('script'); - script.type = 'text/javascript'; - - script.onreadystatechange = function () { - if (this.readyState === 'complete') { - loadGISEditor(value, field, type, inputName); - } - }; - script.onload = function () { - loadGISEditor(value, field, type, inputName); - }; - script.onerror = function () { - loadGISEditor(value, field, type, inputName); - }; - - script.src = 'js/vendor/openlayers/OpenLayers.js'; - head.appendChild(script); - - gisEditorLoaded = true; -} - -/** - * Loads the GIS editor via AJAX - * - * @param value current value of the geometry field - * @param field field name - * @param type geometry type - * @param inputName name of the input field - */ -function loadGISEditor (value, field, type, inputName) { - var $gisEditor = $('#gis_editor'); - $.post('gis_data_editor.php', { - 'field' : field, - 'value' : value, - 'type' : type, - 'input_name' : inputName, - 'get_gis_editor' : true, - 'ajax_request': true, - 'server': CommonParams.get('server') - }, function (data) { - if (typeof data !== 'undefined' && data.success === true) { - $gisEditor.html(data.gis_editor); - initGISEditorVisualization(); - prepareJSVersion(); - } else { - Functions.ajaxShowMessage(data.error, false); - } - }, 'json'); -} - -/** - * Opens up the dialog for the GIS data editor. - */ -// eslint-disable-next-line no-unused-vars -function openGISEditor () { - // Center the popup - var windowWidth = document.documentElement.clientWidth; - var windowHeight = document.documentElement.clientHeight; - var popupWidth = windowWidth * 0.9; - var popupHeight = windowHeight * 0.9; - var popupOffsetTop = windowHeight / 2 - popupHeight / 2; - var popupOffsetLeft = windowWidth / 2 - popupWidth / 2; - - var $gisEditor = $('#gis_editor'); - var $backgrouond = $('#popup_background'); - - $gisEditor.css({ 'top': popupOffsetTop, 'left': popupOffsetLeft, 'width': popupWidth, 'height': popupHeight }); - $backgrouond.css({ 'opacity' : '0.7' }); - - $gisEditor.append( - '<div id="gis_data_editor">' + - '<img class="ajaxIcon" id="loadingMonitorIcon" src="' + - pmaThemeImage + 'ajax_clock_small.gif" alt="">' + - '</div>' - ); - - // Make it appear - $backgrouond.fadeIn('fast'); - $gisEditor.fadeIn('fast'); -} - -/** - * Prepare and insert the GIS data in Well Known Text format - * to the input field. - */ -function insertDataAndClose () { - var $form = $('form#gis_data_editor_form'); - var inputName = $form.find('input[name=\'input_name\']').val(); - - var argsep = CommonParams.get('arg_separator'); - $.post('gis_data_editor.php', $form.serialize() + argsep + 'generate=true' + argsep + 'ajax_request=true', function (data) { - if (typeof data !== 'undefined' && data.success === true) { - $('input[name=\'' + inputName + '\']').val(data.result); - } else { - Functions.ajaxShowMessage(data.error, false); - } - }, 'json'); - closeGISEditor(); -} - -/** - * Unbind all event handlers before tearing down a page - */ -AJAX.registerTeardown('gis_data_editor.js', function () { - $(document).off('click', '#gis_editor input[name=\'gis_data[save]\']'); - $(document).off('submit', '#gis_editor'); - $(document).off('change', '#gis_editor input[type=\'text\']'); - $(document).off('change', '#gis_editor select.gis_type'); - $(document).off('click', '#gis_editor a.close_gis_editor, #gis_editor a.cancel_gis_editor'); - $(document).off('click', '#gis_editor a.addJs.addPoint'); - $(document).off('click', '#gis_editor a.addLine.addJs'); - $(document).off('click', '#gis_editor a.addJs.addPolygon'); - $(document).off('click', '#gis_editor a.addJs.addGeom'); -}); - -AJAX.registerOnload('gis_data_editor.js', function () { - /** - * Prepares and insert the GIS data to the input field on clicking 'copy'. - */ - $(document).on('click', '#gis_editor input[name=\'gis_data[save]\']', function (event) { - event.preventDefault(); - insertDataAndClose(); - }); - - /** - * Prepares and insert the GIS data to the input field on pressing 'enter'. - */ - $(document).on('submit', '#gis_editor', function (event) { - event.preventDefault(); - insertDataAndClose(); - }); - - /** - * Trigger asynchronous calls on data change and update the output. - */ - $(document).on('change', '#gis_editor input[type=\'text\']', function () { - var $form = $('form#gis_data_editor_form'); - var argsep = CommonParams.get('arg_separator'); - $.post('gis_data_editor.php', $form.serialize() + argsep + 'generate=true' + argsep + 'ajax_request=true', function (data) { - if (typeof data !== 'undefined' && data.success === true) { - $('#gis_data_textarea').val(data.result); - $('#placeholder').empty().removeClass('hasSVG').html(data.visualization); - $('#openlayersmap').empty(); - /* TODO: the gis_data_editor should rather return JSON than JS code to eval */ - // eslint-disable-next-line no-eval - eval(data.openLayers); - initGISEditorVisualization(); - } else { - Functions.ajaxShowMessage(data.error, false); - } - }, 'json'); - }); - - /** - * Update the form on change of the GIS type. - */ - $(document).on('change', '#gis_editor select.gis_type', function () { - var $gisEditor = $('#gis_editor'); - var $form = $('form#gis_data_editor_form'); - - var argsep = CommonParams.get('arg_separator'); - $.post('gis_data_editor.php', $form.serialize() + argsep + 'get_gis_editor=true' + argsep + 'ajax_request=true', function (data) { - if (typeof data !== 'undefined' && data.success === true) { - $gisEditor.html(data.gis_editor); - initGISEditorVisualization(); - prepareJSVersion(); - } else { - Functions.ajaxShowMessage(data.error, false); - } - }, 'json'); - }); - - /** - * Handles closing of the GIS data editor. - */ - $(document).on('click', '#gis_editor a.close_gis_editor, #gis_editor a.cancel_gis_editor', function () { - closeGISEditor(); - }); - - /** - * Handles adding data points - */ - $(document).on('click', '#gis_editor a.addJs.addPoint', function () { - var $a = $(this); - var name = $a.attr('name'); - // Eg. name = gis_data[0][MULTIPOINT][add_point] => prefix = gis_data[0][MULTIPOINT] - var prefix = name.substr(0, name.length - 11); - // Find the number of points - var $noOfPointsInput = $('input[name=\'' + prefix + '[no_of_points]' + '\']'); - var noOfPoints = parseInt($noOfPointsInput.val(), 10); - // Add the new data point - var html = addDataPoint(noOfPoints, prefix); - $a.before(html); - $noOfPointsInput.val(noOfPoints + 1); - }); - - /** - * Handles adding linestrings and inner rings - */ - $(document).on('click', '#gis_editor a.addLine.addJs', function () { - var $a = $(this); - var name = $a.attr('name'); - - // Eg. name = gis_data[0][MULTILINESTRING][add_line] => prefix = gis_data[0][MULTILINESTRING] - var prefix = name.substr(0, name.length - 10); - var type = prefix.slice(prefix.lastIndexOf('[') + 1, prefix.lastIndexOf(']')); - - // Find the number of lines - var $noOfLinesInput = $('input[name=\'' + prefix + '[no_of_lines]' + '\']'); - var noOfLines = parseInt($noOfLinesInput.val(), 10); - - // Add the new linesting of inner ring based on the type - var html = '<br>'; - var noOfPoints; - if (type === 'MULTILINESTRING') { - html += Messages.strLineString + ' ' + (noOfLines + 1) + ':'; - noOfPoints = 2; - } else { - html += Messages.strInnerRing + ' ' + noOfLines + ':'; - noOfPoints = 4; - } - html += '<input type="hidden" name="' + prefix + '[' + noOfLines + '][no_of_points]" value="' + noOfPoints + '">'; - for (var i = 0; i < noOfPoints; i++) { - html += addDataPoint(i, (prefix + '[' + noOfLines + ']')); - } - html += '<a class="addPoint addJs" name="' + prefix + '[' + noOfLines + '][add_point]" href="#">+ ' + - Messages.strAddPoint + '</a><br>'; - - $a.before(html); - $noOfLinesInput.val(noOfLines + 1); - }); - - /** - * Handles adding polygons - */ - $(document).on('click', '#gis_editor a.addJs.addPolygon', function () { - var $a = $(this); - var name = $a.attr('name'); - // Eg. name = gis_data[0][MULTIPOLYGON][add_polygon] => prefix = gis_data[0][MULTIPOLYGON] - var prefix = name.substr(0, name.length - 13); - // Find the number of polygons - var $noOfPolygonsInput = $('input[name=\'' + prefix + '[no_of_polygons]' + '\']'); - var noOfPolygons = parseInt($noOfPolygonsInput.val(), 10); - - // Add the new polygon - var html = Messages.strPolygon + ' ' + (noOfPolygons + 1) + ':<br>'; - html += '<input type="hidden" name="' + prefix + '[' + noOfPolygons + '][no_of_lines]" value="1">' + - '<br>' + Messages.strOuterRing + ':' + - '<input type="hidden" name="' + prefix + '[' + noOfPolygons + '][0][no_of_points]" value="4">'; - for (var i = 0; i < 4; i++) { - html += addDataPoint(i, (prefix + '[' + noOfPolygons + '][0]')); - } - html += '<a class="addPoint addJs" name="' + prefix + '[' + noOfPolygons + '][0][add_point]" href="#">+ ' + - Messages.strAddPoint + '</a><br>' + - '<a class="addLine addJs" name="' + prefix + '[' + noOfPolygons + '][add_line]" href="#">+ ' + - Messages.strAddInnerRing + '</a><br><br>'; - - $a.before(html); - $noOfPolygonsInput.val(noOfPolygons + 1); - }); - - /** - * Handles adding geoms - */ - $(document).on('click', '#gis_editor a.addJs.addGeom', function () { - var $a = $(this); - var prefix = 'gis_data[GEOMETRYCOLLECTION]'; - // Find the number of geoms - var $noOfGeomsInput = $('input[name=\'' + prefix + '[geom_count]' + '\']'); - var noOfGeoms = parseInt($noOfGeomsInput.val(), 10); - - var html1 = Messages.strGeometry + ' ' + (noOfGeoms + 1) + ':<br>'; - var $geomType = $('select[name=\'gis_data[' + (noOfGeoms - 1) + '][gis_type]\']').clone(); - $geomType.attr('name', 'gis_data[' + noOfGeoms + '][gis_type]').val('POINT'); - var html2 = '<br>' + Messages.strPoint + ' :' + - '<label for="x"> ' + Messages.strX + ' </label>' + - '<input type="text" name="gis_data[' + noOfGeoms + '][POINT][x]" value="">' + - '<label for="y"> ' + Messages.strY + ' </label>' + - '<input type="text" name="gis_data[' + noOfGeoms + '][POINT][y]" value="">' + - '<br><br>'; - - $a.before(html1); - $geomType.insertBefore($a); - $a.before(html2); - $noOfGeomsInput.val(noOfGeoms + 1); - }); -}); |
