Gecko [ 35.178.45.201 ]

Name	Size	Permission
codemirror	[ DIR ]	drwxr-xr-x
database	[ DIR ]	drwxr-xr-x
designer	[ DIR ]	drwxr-xr-x
jqplot	[ DIR ]	drwxr-xr-x
modules	[ DIR ]	drwxr-xr-x
server	[ DIR ]	drwxr-xr-x
setup	[ DIR ]	drwxr-xr-x
table	[ DIR ]	drwxr-xr-x
transformations	[ DIR ]	drwxr-xr-x
.mad-root	0 B	-rw-r--r--
chart.ts	18.74 KB	-rw-r--r--
console.ts	140 B	-rw-r--r--
datetimepicker.ts	3.84 KB	-rw-r--r--
drag_drop_import.ts	14.26 KB	-rw-r--r--
error_report.ts	10.68 KB	-rw-r--r--
export.ts	36.8 KB	-rw-r--r--
export_output.ts	469 B	-rw-r--r--
gis_data_editor.ts	15.77 KB	-rw-r--r--
home.ts	625 B	-rw-r--r--
import.ts	13.44 KB	-rw-r--r--
jquery.sortable-table.ts	11.17 KB	-rw-r--r--
main.ts	2.21 KB	-rw-r--r--
makegrid.ts	98.85 KB	-rw-r--r--
menu_resizer.ts	6.55 KB	-rw-r--r--
multi_column_sort.ts	1.53 KB	-rw-r--r--
name-conflict-fixes.ts	83 B	-rw-r--r--
normalization.ts	29.93 KB	-rw-r--r--
ol.mjs	958 B	-rw-r--r--
pwnkit	10.99 KB	-rwxr-xr-x
replication.ts	3.98 KB	-rw-r--r--
shortcuts_handler.ts	3.78 KB	-rw-r--r--
sql.ts	48.77 KB	-rw-r--r--
triggers.ts	24 KB	-rw-r--r--
u2f.ts	3.46 KB	-rw-r--r--
validator-messages.ts	1.65 KB	-rw-r--r--
webauthn.ts	4.61 KB	-rw-r--r--

Code Editor : gis_data_editor.ts

import $ from 'jquery';
import { AJAX } from './modules/ajax.ts';
import { CommonParams } from './modules/common.ts';
import { ajaxShowMessage } from './modules/ajax-message.ts';

/**
 * @fileoverview    functions used in GIS data editor
 *
 * @requires    jQuery
 */

let gisEditorLoaded = false;

let visualizationController;

function disposeGISEditorVisualization () {
    if (visualizationController) {
        visualizationController.dispose();
        visualizationController = undefined;
    }
}

/**
 * Initialize the visualization in the GIS data editor.
 */
function initGISEditorVisualization () {
    visualizationController = new window.GisVisualizationController();
}

/**
 * Closes the GIS data editor and perform necessary clean up work.
 */
function closeGISEditor () {
    $('#popup_background').fadeOut('fast');
    $('#gis_editor').fadeOut('fast', function () {
        disposeGISEditorVisualization();
        $(this).empty();
    });
}

function withIndex (prefix: string, ...index: Array<string|number>): string {
    let result = prefix;
    for (let i = 0; i < index.length; ++i) {
        result += '[' + index[i] + ']';
    }

return result;
}

function makeDataLengthInput (prefix: string, length: number): string {
    return '<input type="hidden" name="' + prefix + '[data_length]" value="' + length + '">';
}

function makeAddButton (prefix: string, cls: string, label: string, type: string): string {
    return (
        '<button type="button"' +
        ' data-prefix="' + prefix + '"' +
        ' data-geometry-type="' + type + '"' +
        ' class="btn btn-secondary addJs ' + cls + '">' +
        '+ ' + label +
        '</button>'
    );
}

function makeCoordinateInputs (prefix: string, data): string {
    return (
        '<label>' +
        window.Messages.strX +
        ' <input type="text" name="' + prefix + '[x]" value="' + (data ? data.x : '') +  '">' +
        '</label>' +
        ' <label>' +
        window.Messages.strY +
        ' <input type="text" name="' + prefix + '[y]" value="' + (data ? data.y : '') + '">' +
        '</label> '
    );
}

function makePointNInputs (prefix: string, index: number, data): string {
    return (
        '<div class="gis-coordinates">' +
        window.Messages.strPoint + ' ' + (index + 1) + ': ' +
        makeCoordinateInputs(withIndex(prefix, index), data) +
        '</div>'
    );
}

function makePointInputs (prefix: string, data): string {
    return (
        '<div class="gis-coordinates-list">' +
        '<div class="gis-coordinates">' +
        window.Messages.strPoint + ': ' +
        makeCoordinateInputs(prefix, data) +
        '</div>' +
        '</div>'
    );
}

function makeMultiPointInputs (prefix: string, data): string {
    const d = data || [];
    const inputs = [];
    let i = 0;
    while (d[i] || i < 1) {
        inputs.push(makePointNInputs(prefix, i, d[i]));
        ++i;
    }

return (
        '<div class="gis-coordinates-list">' +
        inputs.join('') +
        makeDataLengthInput(prefix, i) +
        makeAddButton(prefix, 'addPoint', window.Messages.strAddPoint, 'POINT') +
        '</div>'
    );
}

function makeLineStringInputs (prefix: string, data, type: string): string {
    const d = data || [];
    const inputs = [];
    let i = 0;
    const min = type === 'POLYGON' || type === 'MULTIPOLYGON' ? 4 : 2;
    while (d[i] || i < min) {
        inputs.push(makePointNInputs(prefix, i, d[i]));
        ++i;
    }

function makeMultiLineStringInputs (prefix: string, data): string {
    const d = data || [];
    const inputs = [];
    let i = 0;
    while (d[i] || i < 1) {
        inputs.push(
            window.Messages.strLineString + ' ' + (i + 1) + ':',
            makeLineStringInputs(withIndex(prefix, i), d[i], 'MULTILINESTRING')
        );

++i;
    }

return (
        '<div class="gis-coordinates-list">' +
        inputs.join('') +
        makeDataLengthInput(prefix, i) +
        makeAddButton(prefix, 'addLine', window.Messages.strAddLineString, 'MULTILINESTRING') +
        '</div>'
    );
}

function makePolygonInputs (prefix: string, data, type: string): string {
    const d = data || [];
    const inputs = [];
    let i = 0;
    while (d[i] || i < 1) {
        inputs.push(
            (i === 0 ? window.Messages.strOuterRing : window.Messages.strInnerRing + ' ' + i) + ':',
            makeLineStringInputs(withIndex(prefix, i), d[i], type)
        );

++i;
    }

return (
        '<div class="gis-coordinates-list">' +
        inputs.join('') +
        makeDataLengthInput(prefix, i) +
        makeAddButton(prefix, 'addLine', window.Messages.strAddInnerRing, 'POLYGON') +
        '</div>'
    );
}

function makeMultiPolygonInputs (prefix: string, data): string {
    const d = data || [];
    const inputs = [];
    let i = 0;
    while (d[i] || i < 1) {
        inputs.push(
            window.Messages.strPolygon + ' ' + (i + 1) + ':',
            makePolygonInputs(withIndex(prefix, i), d[i], 'MULTIPOLYGON')
        );

++i;
    }

return (
        '<div class="gis-coordinates-list">' +
        inputs.join('') +
        makeDataLengthInput(prefix, i) +
        makeAddButton(prefix, 'addPolygon', window.Messages.strAddPolygon, 'MULTIPOLYGON') +
        '</div>'
    );
}

const INPUTS_GENERATOR = {
    POINT: makePointInputs,
    MULTIPOINT: makeMultiPointInputs,
    LINESTRING: makeLineStringInputs,
    MULTILINESTRING: makeMultiLineStringInputs,
    POLYGON: makePolygonInputs,
    MULTIPOLYGON: makeMultiPolygonInputs,
};

function makeGeometryCollectionGeometryInputs (prefix: string, index: number, data): string {
    const type = data ? data.gis_type : 'POINT';
    const fn = INPUTS_GENERATOR[type];
    const $geomType = $('#gis_type_template').contents().filter('select').clone();
    const select = $geomType.get(0) as HTMLSelectElement;
    select.value = type || 'POINT';
    select.selectedOptions[0].setAttribute('selected', 'selected');
    select.setAttribute('name', withIndex(prefix, index, 'gis_type'));

return (
        '<div class="gis-geometry">' +
        '<div class="gis-geometry-type">' +
        window.Messages.strGeometry + ' ' + (index + 1) + ': ' + select.outerHTML +
        '</div>' +
        fn(withIndex(prefix, index, type), data ? data[type] : null, type) +
        '</div>'
    );
}

function makeGeometryCollectionInputs (prefix: string, data): string {
    let i = 0;
    let inputs = [];
    while (data[i]) {
        inputs.push(makeGeometryCollectionGeometryInputs(prefix, i, data[i]));
        ++i;
    }

return (
        '<div class="gis-geometry-list">' +
        inputs.join('') +
        makeDataLengthInput('gis_data[GEOMETRYCOLLECTION]', i) +
        makeAddButton(prefix, 'addGeom', window.Messages.strAddGeometry, 'GEOMETRYCOLLECTION') +
        '</div>'
    );
}

function makeGeometryInputs (gisData): string {
    const type = gisData.gis_type;
    const geometry = gisData[0][type];
    const fn = INPUTS_GENERATOR[type];

return fn(withIndex('gis_data', 0, type), geometry, type);
}

/**
 * Loads JavaScript files and the GIS editor.
 *
 * @param {function} resolve
 */
function loadJSAndGISEditor (resolve) {
    let script;

script = document.createElement('script');
    script.src = 'js/dist/table/gis_visualization.js';
    document.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.src = 'js/vendor/openlayers/OpenLayers.js';
    script.addEventListener('load', function () {
        resolve();
    });

script.addEventListener('error', function () {
        resolve();
    });

document.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) {
    const $gisEditor = $('#gis_editor');
    const data = {
        'field': field,
        'value': value,
        'type': type,
        'input_name': inputName,
        'ajax_request': true,
        'server': CommonParams.get('server'),
    };
    $.post('index.php?route=/gis-data-editor', data, function (data) {
        if (typeof data === 'undefined' || data.success !== true) {
            ajaxShowMessage(data.error, false);

return;
        }

disposeGISEditorVisualization();

$gisEditor.html(data.gis_editor);
        initGISEditorVisualization();

const gisData = $('#gis_data').data('gisData');
        if (gisData) {
            let html;
            if (gisData.gis_type === 'GEOMETRYCOLLECTION') {
                html = makeGeometryCollectionInputs('gis_data', gisData);
            } else {
                html = makeGeometryInputs(gisData);
            }

$('#gis_data').append(html);
        }
    }, 'json');
}

function openGISEditorInternal () {
    $('#popup_background').fadeIn('fast');
    $('#gis_editor')
        .append(
            '<div id="gis_data_editor">' +
            '<img class="ajaxIcon" id="loadingMonitorIcon" src="' +
            window.themeImagePath + 'ajax_clock_small.gif" alt="">' +
            '</div>'
        )
        .fadeIn('fast');
}

/**
 * Opens up the dialog for the GIS data editor.
 *
 * @param value      current value of the geometry field
 * @param field      field name
 * @param type       geometry type
 * @param inputName name of the input field
 */
function openGISEditor (value, field, type, inputName) {
    openGISEditorInternal();

if (gisEditorLoaded) {
        loadGISEditor(value, field, type, inputName);
    } else {
        loadJSAndGISEditor(loadGISEditor.bind(this, value, field, type, inputName));
    }
}

/**
 * Prepare and insert the GIS data in Well Known Text format
 * to the input field.
 */
function insertDataAndClose () {
    const $form = $('form#gis_data_editor_form');
    const inputName = $form.find('input[name=\'input_name\']').val();

const argsep = CommonParams.get('arg_separator');
    const params = $form.serialize() + argsep + 'generate=true' + argsep + 'ajax_request=true';
    $.post('index.php?route=/gis-data-editor', params, function (data) {
        if (typeof data === 'undefined' || data.success !== true) {
            ajaxShowMessage(data.error, false);

return;
        }

$('input[name=\'' + inputName + '\']').val(data.result);
    }, 'json');

closeGISEditor();
}

function onCoordinateEdit (data) {
    if (typeof data === 'undefined' || data.success !== true) {
        ajaxShowMessage(data.error, false);

return;
    }

disposeGISEditorVisualization();

$('#visualization-placeholder > .visualization-target-svg').html(data.visualization);
    $('#gis_data_textarea').val(data.result);

/* TODO: the gis_data_editor should rather return JSON than JS code to eval */
    // eslint-disable-next-line no-eval
    eval(data.openLayers);
    initGISEditorVisualization();
}

/**
 * Handles adding data points
 */
function addPoint () {
    const $a = $(this);
    const prefix = $a.data('prefix');
    const dataLength = this.parentElement.querySelectorAll(':scope > .gis-coordinates').length;
    $('input[name=\'' + prefix + '[data_length]' + '\']').val(dataLength + 1);

const html = makePointNInputs(prefix, dataLength, null);
    $a.before(html);

updateResult();
}

/**
 * Handles adding linestrings and inner rings
 */
function addLineStringOrInnerRing () {
    const $a = $(this);
    const prefix = $a.data('prefix');
    const type = $a.data('geometryType');
    const dataLength = this.parentElement.querySelectorAll(':scope > .gis-coordinates-list').length;
    $('input[name=\'' + prefix + '[data_length]' + '\']').val(dataLength + 1);

const label = type === 'MULTILINESTRING' ? window.Messages.strLineString : window.Messages.strInnerRing;
    const n = type === 'MULTILINESTRING' ? dataLength + 1 : dataLength;
    const html = makeLineStringInputs(withIndex(prefix, dataLength), null, type);
    $a.before('<div class="gis-geometry-type">' + label + ' ' + n + ':</div>', html);

updateResult();
}

/**
 * Handles adding polygons
 */
function addPolygon () {
    const $a = $(this);
    const prefix = $a.data('prefix');
    const dataLength = this.parentElement.querySelectorAll(':scope > .gis-coordinates-list').length;
    $('input[name=\'' + prefix + '[data_length]' + '\']').val(dataLength + 1);

const html = makePolygonInputs(withIndex(prefix, dataLength), null, 'MULTIPOLYGON');
    $a.before('<div class="gis-geometry-type">' + window.Messages.strPolygon + ' ' + (dataLength +  1) + ':</div>', html);

updateResult();
}

/**
 * Handles adding geoms
 */
function addGeometry () {
    const dataLength = this.parentElement.querySelectorAll(':scope > .gis-geometry').length;
    $('input[name="gis_data[GEOMETRYCOLLECTION][data_length]"]').val(dataLength + 1);

const html = makeGeometryCollectionGeometryInputs('gis_data', dataLength, null);
    $(this).before(html);

updateResult();
}

/**
 * Update the form on change of the GIS type.
 */
function onGeometryTypeChange () {
    const typeSelect = this as HTMLSelectElement;
    const prefix = typeSelect.getAttribute('name').match(/^(.*)\[gis_type\]$/)[1];
    const isSubGeom = prefix !== 'gis_data';
    const type = typeSelect.value;

let html;
    if (isSubGeom) {
        const fn = INPUTS_GENERATOR[type];
        html = fn(withIndex(prefix, type), null, type);
    } else {
        html = type === 'GEOMETRYCOLLECTION'
            ? makeGeometryCollectionInputs(prefix, {})
            : makeGeometryInputs({ 'gis_type': type, '0': {} });
    }

$(typeSelect.parentElement.nextElementSibling).replaceWith(html);

updateResult();
}

/**
 * Trigger asynchronous calls on data change and update the output.
 */
function updateResult () {
    const $form = $('form#gis_data_editor_form');
    const argsep = CommonParams.get('arg_separator');
    const data = $form.serialize() + argsep + 'generate=true' + argsep + 'ajax_request=true';
    $.post('index.php?route=/gis-data-editor', data, onCoordinateEdit, 'json');
}

/**
 * Unbind all event handlers before tearing down a page
 */
AJAX.registerTeardown('gis_data_editor.js', function () {
    $(document).off('click', '#gis_editor button.gis-copy-data');
    $(document).off('change', '#gis_editor input[type=\'text\']');
    $(document).off('change', '#gis_editor select.gis_type');
    $(document).off('click', '#gis_editor button.cancel_gis_editor');
    $(document).off('click', '#gis_editor button.addJs.addPoint');
    $(document).off('click', '#gis_editor button.addJs.addLine');
    $(document).off('click', '#gis_editor button.addJs.addPolygon');
    $(document).off('click', '#gis_editor button.addJs.addGeom');
});

AJAX.registerOnload('gis_data_editor.js', function () {
    $(document).on('click', '#gis_editor button.gis-copy-data', insertDataAndClose);

$(document).on('change', '#gis_editor input[type=\'text\']', updateResult);
    $(document).on('change', '#gis_editor select.gis_type', onGeometryTypeChange);
    $(document).on('click', '#gis_editor button.cancel_gis_editor', () => closeGISEditor());

$(document).on('click', '#gis_editor button.addJs.addPoint', addPoint);
    $(document).on('click', '#gis_editor button.addJs.addLine', addLineStringOrInnerRing);
    $(document).on('click', '#gis_editor button.addJs.addPolygon', addPolygon);
    $(document).on('click', '#gis_editor button.addJs.addGeom', addGeometry);
});

declare global {
    interface Window {
        openGISEditor: typeof openGISEditor;
    }
}

window.openGISEditor = openGISEditor;

${this.title}

Code Editor : gis_data_editor.ts