Cascading Delete and better Liferay Support

README.md

@@ -9,7 +9,7 @@
 1. [Visual Alchemist reloaded](#visual-alchemist-reloaded)
 2. [What it is](#what-it-is)
 3. [Version 1.0.7](#version-107)
-4. [Version 2.2.0](#version-220)
+4. [Version 2.3.0](#version-220)
 5. [Screenshots](#screenshots)
 6. [For users](#for-users)
 7. [Liferay Service Builder](#liferay-service-builder)
@@ -43,9 +43,9 @@ The version number of Prahlads original repo is 1.0.7. Here are the features of
 - Export the database as raw sql code (`mysql` dialect).
 - Export the database as raw sql code (`sqlite` dialect).
 
-## Version 2.2.0
+## Version 2.3.0
 
-I beamed the version number to 2.2.0. because major code reorganization has been done and the following (main) features were added:
+I beamed the version number to 2.3.0. because major code reorganization has been done and the following (main) features were added:
 
 - Renaming existing tables and fields.
 - Reorder columns
@@ -55,6 +55,7 @@ I beamed the version number to 2.2.0. because major code reorganization has been
 - A scrollable canvas for being able to create lots of tables.
 - Creation of composite foreign constraints
 - Composite Unique keys
+- Cascading Delete
 - Auto-Increment
 - New Codegenerator: service.xml for Liferay Service Builder
 
@@ -118,4 +119,4 @@ DBDesigner is free and open source, and it always will be. It is licensed under
 
 André Kreienbring
 
-July, 2020
+October, 2020

dist/assets/partials/bootui.html

@@ -19,17 +19,35 @@ <h5 style="margin:0px;">DBDesigner <span class='version'>1.0.0</span></h5>
 			<p class="messageText"><span>Open source, web-based, database diagramming and automation tool.</span></p>
 			<p class="messageText">License: GNU GPLv3</p>
         </div>
+        <div id="popupBoxHELP" class="d-none">
+			<p class="messageText">
+				Just click the 'New Table' link to start creating tables. <br>
+			</p>
+			<p class="messageText">Legend: 
+				<br><img src="img/orangeDot.png"/> Primary Key
+				<br><img src="img/blueDot.png"/> Foreign Key
+				<br><img src="img/redDot.png"/> Foreign Key with cascading Delete
+			</p>
+			<p class="messageText"> 
+				To create relationships, drag the primary keys and connect them to foreign keys.
+			</p>
+ 			<p class="messageText">
+ 				To detach/remove the relationships, click and hold the blue /red area on the foreign key and drag it outside the table panel. 
+			</p>
+ 			<p class="messageText">
+ 				Once done, simply click the 'Code' link to get the code from one of the available code generators! 
+			</p>
+        </div>
         <div id="popupBoxSTACK" class="d-none">
-		    <h5>DBDesigner Stack</h5>
 		    <p class="messageText">
 		    	jQuery 3.5.1<br>
 		    	Bootstrap 4.5.0<br>
 		    	popper 1.16.1-lts<br>
-		    	jsPlumb 2.14.5 <br>
+		    	jsPlumb 2.14.6 <br>
 		    	tempusdominus-bootstrap-4 5.1.2<br>
-	 	    	moment 2.27.0<br>
-	 	    	@fortawesome/fontawesome-free 5.13.1<br>
-	 	    	@panzoom/panzoom 4.3.1
+	 	    	moment 2.29.0<br>
+	 	    	@fortawesome/fontawesome-free 5.15.0<br>
+	 	    	@panzoom/panzoom 4.3.2
 		    </p>
         </div>
         <!-- used in popup when input is requested from the user -->

dist/assets/partials/tableDialog.html

@@ -55,6 +55,10 @@ <h5 id="tableDialogModalLabel" class="modal-title ml-3">Add Table</h5>
 							<input id="fieldNotNull" class="form-check-input" type="checkbox" value="notnull" onclick="dbdesigner.attributeHasChanged()">
 							<label id="fieldNotNullLabel" class="form-check-label attribute py-0 my-0 popoverText" for="fieldNotNull" data-toggle="popover">Not Null</label>
 						</div>
+						<div class="form-check py-0 my-0">
+							<input id="fieldDeleteCascade" class="form-check-input" type="checkbox" value="deletecascade" onclick="dbdesigner.attributeHasChanged()">
+							<label id="fieldDeleteCascadeLabel" class="form-check-label attribute py-0 my-0 popoverText" for="fieldDeleteCascade" data-toggle="popover">Delete Cascade</label>
+						</div>
 				  </div>
 			  </div>
 

dist/index.html

@@ -77,7 +77,7 @@
 					</li>
 				</ul>
 				<ul class="navbar-nav ml-auto">
-					<li class="nav-item"><a class="nav-link mr-1" id="lnkHelp" href="javascript:" onclick="dbdesigner.showBsHelp();"><span class="fas fa-question-circle"></span>&nbsp;Help</a>
+					<li class="nav-item"><a class="nav-link mr-1" id="lnkHelp" href="javascript:" onclick="dbdesigner.showBsPopup({title: 'Help', type:'help'});"><span class="fas fa-question-circle"></span>&nbsp;Help</a>
 					</li>
 					<li class="nav-item dropdown">
 						<button type="button"