@@ -290,42 +290,42 @@ <h5 class="modal-title fw-bold text-dark"><i class="fas fa-terminal me-2 text-pr
290290 fkDiv . id = `fk-${ fkCount } ` ;
291291
292292 // Get available tables
293- const tables = { { tables | tojson
293+ const availableTables = { { tables | tojson
294294 } } ;
295295
296296 fkDiv . innerHTML = `
297- <div class="row g-2 align-items-center">
298- <div class="col-md-3">
299- <label class="form-label small mb-1 fw-bold text-muted">Local Column</label>
300- <select class="form-select form-select-sm" id="fkLocal-${ fkCount } ">
301- <option value="">Select column...</option>
302- </select>
303- </div>
304- <div class="col-md-1 text-center pt-3">
305- <i class="fas fa-arrow-right text-muted opacity-50"></i>
306- </div>
307- <div class="col-md-3">
308- <label class="form-label small mb-1 fw-bold text-muted">Ref Table</label>
309- <select class="form-select form-select-sm" id="fkRefTable-${ fkCount } "
310- onchange="updateRefColumns(${ fkCount } )">
311- <option value="">Select table...</option>
312- ${ tables . map ( t => `<option value="${ t } ">${ t } </option>` ) . join ( '' ) }
313- </select>
314- </div>
315- <div class="col-md-3">
316- <label class="form-label small mb-1 fw-bold text-muted">Ref Column</label>
317- <select class="form-select form-select-sm" id="fkRefCol-${ fkCount } ">
318- <option value="">Select column...</option>
319- </select>
320- </div>
321- <div class="col-md-2 text-end pt-3">
322- <button type="button" class="btn btn-sm btn-remove"
323- onclick="removeForeignKey(${ fkCount } )">
324- <i class="fas fa-trash"></i>
325- </button>
297+ <div class="row g-2 align-items-center">
298+ <div class="col-md-3">
299+ <label class="form-label small mb-1 fw-bold text-muted">Local Column</label>
300+ <select class="form-select form-select-sm" id="fkLocal-${ fkCount } ">
301+ <option value="">Select column...</option>
302+ </select>
303+ </div>
304+ <div class="col-md-1 text-center pt-3">
305+ <i class="fas fa-arrow-right text-muted opacity-50"></i>
306+ </div>
307+ <div class="col-md-3">
308+ <label class="form-label small mb-1 fw-bold text-muted">Ref Table</label>
309+ <select class="form-select form-select-sm" id="fkRefTable-${ fkCount } "
310+ onchange="updateRefColumns(${ fkCount } )">
311+ <option value="">Select table...</option>
312+ ${ availableTables . map ( t => `<option value="${ t } ">${ t } </option>` ) . join ( '' ) }
313+ </select>
314+ </div>
315+ <div class="col-md-3">
316+ <label class="form-label small mb-1 fw-bold text-muted">Ref Column</label>
317+ <select class="form-select form-select-sm" id="fkRefCol-${ fkCount } ">
318+ <option value="">Select column...</option>
319+ </select>
320+ </div>
321+ <div class="col-md-2 text-end pt-3">
322+ <button type="button" class="btn btn-sm btn-remove"
323+ onclick="removeForeignKey(${ fkCount } )">
324+ <i class="fas fa-trash"></i>
325+ </button>
326+ </div>
326327 </div>
327- </div>
328- ` ;
328+ ` ;
329329
330330 container . appendChild ( fkDiv ) ;
331331 updateLocalColumns ( fkCount ) ;
0 commit comments