IntenseWebs/pgadmin4
3
0
Fork 0
mirror of https://github.com/pgadmin-org/pgadmin4.git synced 2025-02-25 18:55:31 -06:00
Code Issues Packages Projects Releases Wiki Activity

Remove usage of jQuery in pgAdmin.

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

25
web/pgadmin/tools/erd/static/js/ERDModule.js
View File

@@ -18,7 +18,6 @@ import ERDTool from './erd_tool/components/ERDTool';
import ModalProvider from '../../../../static/js/helpers/ModalProvider';
import Theme from '../../../../static/js/Theme';
import { openNewWindow } from '../../../../static/js/utils';
import $ from 'jquery';
const wcDocker = window.wcDocker;
@@ -149,23 +148,23 @@ export default class ERDModule {
registerDetachEvent(erdToolPanel);
let openErdToolURL = 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(erdToolForm);
}