@@ -30,7 +30,6 @@ function reloadFieldForm () {
3030 $ ( '#fieldsForm' ) . replaceWith ( $tempDiv . find ( '#fieldsForm' ) ) ;
3131 $ ( '#addColumns' ) . replaceWith ( $tempDiv . find ( '#addColumns' ) ) ;
3232 $ ( '#move_columns_dialog' ) . find ( 'ul' ) . replaceWith ( $tempDiv . find ( '#move_columns_dialog ul' ) ) ;
33- $ ( '#moveColumns' ) . removeClass ( 'move-active' ) ;
3433 } ) ;
3534 $ ( '#page_content' ) . show ( ) ;
3635}
@@ -285,10 +284,6 @@ AJAX.registerOnload('table/structure.js', function () {
285284 $ ( document ) . on ( 'click' , '#move_columns_anchor' , function ( e ) {
286285 e . preventDefault ( ) ;
287286
288- if ( $ ( this ) . hasClass ( 'move-active' ) ) {
289- return ;
290- }
291-
292287 var buttonOptionsError = { } ;
293288 buttonOptionsError [ window . Messages . strOK ] = function ( ) {
294289 $ ( this ) . dialog ( 'close' ) . remove ( ) ;
@@ -323,10 +318,40 @@ AJAX.registerOnload('table/structure.js', function () {
323318 var $form = $ ( '#move_columns_dialog' ) . find ( 'form' ) ;
324319 $form . data ( 'serialized-unmoved' , $form . serialize ( ) ) ;
325320
321+ const designerModalPreviewModal = document . getElementById ( 'designerModalPreviewModal' ) ;
322+ designerModalPreviewModal . addEventListener ( 'shown.bs.modal' , ( ) => {
323+ const modalBody = designerModalPreviewModal . querySelector ( '.modal-body' ) ;
324+ const $form = $ ( '#move_column_form' ) ;
325+ const formUrl = $form . attr ( 'action' ) ;
326+ const sep = CommonParams . get ( 'arg_separator' ) ;
327+ const formData = $form . serialize ( ) +
328+ sep + 'preview_sql=1' +
329+ sep + 'ajax_request=1' ;
330+ $ . post ( {
331+ url : formUrl ,
332+ data : formData ,
333+ success : response => {
334+ if ( ! response . success ) {
335+ modalBody . innerHTML = '<div class="alert alert-danger" role="alert">' + window . Messages . strErrorProcessingRequest + '</div>' ;
336+ return ;
337+ }
338+
339+ modalBody . innerHTML = response . sql_data ;
340+ Functions . highlightSql ( $ ( '#designerModalPreviewModal' ) ) ;
341+ } ,
342+ error : ( ) => {
343+ modalBody . innerHTML = '<div class="alert alert-danger" role="alert">' + window . Messages . strErrorProcessingRequest + '</div>' ;
344+ }
345+ } ) ;
346+ } ) ;
347+ designerModalPreviewModal . addEventListener ( 'hidden.bs.modal' , ( ) => {
348+ designerModalPreviewModal . querySelector ( '.modal-body' ) . innerHTML = '<div class="spinner-border" role="status">' +
349+ '<span class="visually-hidden">' + window . Messages . strLoading + '</span></div>' ;
350+ } ) ;
351+
326352 $ ( '#moveColumnsModal' ) . modal ( 'show' ) ;
353+ $ ( '#designerModalGoButton' ) . off ( 'click' ) ; // Unregister previous modals
327354 $ ( '#designerModalGoButton' ) . on ( 'click' , function ( ) {
328- // Off event necessary, else the function fires multiple times
329- $ ( '#designerModalGoButton' ) . off ( 'click' ) ;
330355 event . preventDefault ( ) ;
331356 var $msgbox = Functions . ajaxShowMessage ( ) ;
332357 var $this = $ ( '#moveColumnsModal' ) ;
@@ -372,21 +397,6 @@ AJAX.registerOnload('table/structure.js', function () {
372397 }
373398 } ) ;
374399 } ) ;
375-
376- $ ( '#designerModalPreviewButton' ) . on ( 'click' , function ( ) {
377- // Function for Previewing SQL
378- $ ( '#moveColumnsModal' ) . modal ( 'hide' ) ;
379- var $form = $ ( '#move_column_form' ) ;
380- Functions . previewSql ( $form ) ;
381- } ) ;
382-
383- $ ( '#previewSQLCloseButton' ) . on ( 'click' , function ( ) {
384- $ ( '#moveColumnsModal' ) . modal ( 'show' ) ;
385- } ) ;
386-
387- $ ( '#designerModalCloseButton' ) . on ( 'click' , function ( ) {
388- $ ( '#move_columns_anchor' ) . removeClass ( 'move-active' ) ;
389- } ) ;
390400 } ) ;
391401
392402 /**
0 commit comments