Remove usage of jQuery in pgAdmin.

Remove usage of Bootstrap in React components. #5701
This commit is contained in:
Aditya Toshniwal
2023-02-10 10:28:39 +05:30
committed by GitHub
parent 1806866bf5
commit 713ddb5f62
75 changed files with 1387 additions and 3477 deletions
+1 -2
View File
@@ -9,14 +9,13 @@
import gettext from 'sources/gettext';
import url_for from 'sources/url_for';
import $ from 'jquery';
import _ from 'lodash';
import pgAdmin from 'sources/pgadmin';
import pgBrowser from 'top/browser/static/js/browser';
import * as csrfToken from 'sources/csrf';
import {initialize} from './psql_module';
let pgBrowserOut = initialize(gettext, url_for, $, _, pgAdmin, csrfToken, pgBrowser);
let pgBrowserOut = initialize(gettext, url_for, _, pgAdmin, csrfToken, pgBrowser);
module.exports = {
pgBrowser: pgBrowserOut,
+13 -13
View File
@@ -28,7 +28,7 @@ export function setPanelTitle(psqlToolPanel, panelTitle) {
let wcDocker = window.wcDocker;
export function initialize(gettext, url_for, $, _, pgAdmin, csrfToken, Browser) {
export function initialize(gettext, url_for, _, pgAdmin, csrfToken, Browser) {
let pgBrowser = Browser;
let terminal = Terminal;
let parentData = null;
@@ -184,23 +184,23 @@ export function initialize(gettext, url_for, $, _, pgAdmin, csrfToken, Browser)
let openPSQLToolURL = function(j) {
// add spinner element
let $spinner_el =
$(`<div class="pg-sp-container">
<div class="pg-sp-content">
<div class="row">
<div class="col-12 pg-sp-icon"></div>
</div>
</div>
</div>`).appendTo($(j).data('embeddedFrame').$container);
const frame = j.frameData.embeddedFrame;
const spinner = document.createElement('div');
spinner.setAttribute('class', 'pg-sp-container');
spinner.innerHTML = `
<div class="pg-sp-content">
<div class="pg-sp-icon"></div>
</div>
`;
frame.$container[0].appendChild(spinner);
let init_poller_id = setInterval(function() {
let frameInitialized = $(j).data('frameInitialized');
if (frameInitialized) {
if (j.frameData.frameInitialized) {
clearInterval(init_poller_id);
let frame = $(j).data('embeddedFrame');
if (frame) {
frame.onLoaded(()=>{
$spinner_el.remove();
spinner.remove();
});
frame.openHTML(psqlToolForm);
}