first commit

admin-kalsport/themes/new-theme/js/pages/sql-manager/index.js

@@ -0,0 +1,132 @@
+/**
+ * Copyright since 2007 PrestaShop SA and Contributors
+ * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Open Software License (OSL 3.0)
+ * that is bundled with this package in the file LICENSE.md.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/OSL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * DISCLAIMER
+ *
+ * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
+ * versions in the future. If you wish to customize PrestaShop for your
+ * needs please refer to https://devdocs.prestashop.com/ for more information.
+ *
+ * @author    PrestaShop SA and Contributors <contact@prestashop.com>
+ * @copyright Since 2007 PrestaShop SA and Contributors
+ * @license   https://opensource.org/licenses/OSL-3.0 Open Software License (OSL 3.0)
+ */
+
+import Grid from '@components/grid/grid';
+import ReloadListActionExtension from '@components/grid/extension/reload-list-extension';
+import ExportToSqlManagerExtension from '@components/grid/extension/export-to-sql-manager-extension';
+import FiltersResetExtension from '@components/grid/extension/filters-reset-extension';
+import SortingExtension from '@components/grid/extension/sorting-extension';
+import BulkActionCheckboxExtension from '@components/grid/extension/bulk-action-checkbox-extension';
+import SubmitBulkExtension from '@components/grid/extension/submit-bulk-action-extension';
+import SubmitGridExtension from '@components/grid/extension/submit-grid-action-extension';
+import SubmitRowActionExtension from '@components/grid/extension/action/row/submit-row-action-extension';
+import LinkRowActionExtension from '@components/grid/extension/link-row-action-extension';
+import FiltersSubmitButtonEnablerExtension
+  from '@components/grid/extension/filters-submit-button-enabler-extension';
+
+const {$} = window;
+
+class SqlManagerPage {
+  constructor() {
+    const requestSqlGrid = new Grid('sql_request');
+    requestSqlGrid.addExtension(new ReloadListActionExtension());
+    requestSqlGrid.addExtension(new ExportToSqlManagerExtension());
+    requestSqlGrid.addExtension(new FiltersResetExtension());
+    requestSqlGrid.addExtension(new SortingExtension());
+    requestSqlGrid.addExtension(new LinkRowActionExtension());
+    requestSqlGrid.addExtension(new SubmitGridExtension());
+    requestSqlGrid.addExtension(new SubmitBulkExtension());
+    requestSqlGrid.addExtension(new SubmitRowActionExtension());
+    requestSqlGrid.addExtension(new BulkActionCheckboxExtension());
+    requestSqlGrid.addExtension(new FiltersSubmitButtonEnablerExtension());
+
+    $(document).on('change', '.js-db-tables-select', () => this.reloadDbTableColumns());
+    $(document).on('click', '.js-add-db-table-to-query-btn', (event) => this.addDbTableToQuery(event));
+    $(document).on('click', '.js-add-db-table-column-to-query-btn', (event) => this.addDbTableColumnToQuery(event));
+  }
+
+  /**
+   * Reload database table columns
+   */
+  reloadDbTableColumns() {
+    const $selectedOption = $('.js-db-tables-select').find('option:selected');
+    const $table = $('.js-table-columns');
+
+    $.ajax($selectedOption.data('table-columns-url'))
+      .then((response) => {
+        $('.js-table-alert').addClass('d-none');
+
+        const {columns} = response;
+
+        $table.removeClass('d-none');
+        $table.find('tbody').empty();
+
+        columns.forEach((column) => {
+          const $row = $('<tr>')
+            .append($('<td>').html(column.name))
+            .append($('<td>').html(column.type))
+            .append($('<td>').addClass('text-right')
+              .append($('<button>')
+                .addClass('btn btn-sm btn-outline-secondary js-add-db-table-column-to-query-btn')
+                .attr('data-column', column.name)
+                .html($table.data('action-btn')),
+              ),
+            );
+
+          $table.find('tbody').append($row);
+        });
+      });
+  }
+
+  /**
+   * Add selected database table name to SQL query input
+   *
+   * @param event
+   */
+  addDbTableToQuery(event) {
+    const $selectedOption = $('.js-db-tables-select').find('option:selected');
+
+    if ($selectedOption.length === 0) {
+      alert($(event.target).data('choose-table-message'));
+
+      return;
+    }
+
+    this.addToQuery($selectedOption.val());
+  }
+
+  /**
+   * Add table column to SQL query input
+   *
+   * @param event
+   */
+  addDbTableColumnToQuery(event) {
+    this.addToQuery($(event.target).data('column'));
+  }
+
+  /**
+   * Add data to SQL query input
+   *
+   * @param {String} data
+   */
+  addToQuery(data) {
+    const $queryInput = $('#sql_request_sql');
+    $queryInput.val(`${$queryInput.val()} ${data}`);
+  }
+}
+
+$(document).ready(() => {
+  new SqlManagerPage();
+});