From cea072dbf8712185f8d1871129706ac504bd4b28 Mon Sep 17 00:00:00 2001
From: Bloodmallet <kruse.peter.1990@gmail.com>
Date: Tue, 7 May 2019 20:29:28 +0200
Subject: [PATCH] fix variable names, fix indentation, add title id

---
 .../bootstrap/components/modal/customize.html | 20 +++++++++----------
 .../bootstrap/components/modal/default.html   | 14 ++++++-------
 snippets/bootstrap/components/modal/grid.html | 18 ++++++++---------
 .../bootstrap/components/modal/sizes.html     | 16 +++++++--------
 4 files changed, 34 insertions(+), 34 deletions(-)

diff --git a/snippets/bootstrap/components/modal/customize.html b/snippets/bootstrap/components/modal/customize.html
index f138bd8..157cee7 100644
--- a/snippets/bootstrap/components/modal/customize.html
+++ b/snippets/bootstrap/components/modal/customize.html
@@ -1,18 +1,18 @@
 <!-- Button trigger modal -->
-<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#${2:modelId}">
-  ${1:Launch}
+<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#${2:modalId}">
+  	${1:Launch}
 </button>
 
 <!-- Modal -->
-<div class="modal fade" id="${2:modelId}" tabindex="-1" role="dialog" aria-labelledby="${4:modelTitleId}" aria-hidden="true">
+<div class="modal fade" id="${2:modalId}" tabindex="-1" role="dialog" aria-labelledby="${4:modalTitleId}" aria-hidden="true">
 	<div class="modal-dialog" role="document">
 		<div class="modal-content">
-				<div class="modal-header">
-						<h5 class="modal-title">${3:Modal title}</h5>
-							<button type="button" class="close" data-dismiss="modal" aria-label="Close">
-								<span aria-hidden="true">&times;</span>
-							</button>
-					</div>
+			<div class="modal-header">
+				<h5 class="modal-title" id="${4:modalTitleId}">${3:Modal title}</h5>
+				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
+					<span aria-hidden="true">&times;</span>
+				</button>
+			</div>
 			<div class="modal-body">
 				<div class="container-fluid">
 					${7:Add rows here}
@@ -27,7 +27,7 @@ <h5 class="modal-title">${3:Modal title}</h5>
 </div>
 
 <script>
-	$('#exampleModal').on('show.bs.modal', event => {
+	$('#${2:modalId}').on('show.bs.modal', event => {
 		var button = $(event.relatedTarget);
 		var modal = $(this);
 		// Use above variables to manipulate the DOM
diff --git a/snippets/bootstrap/components/modal/default.html b/snippets/bootstrap/components/modal/default.html
index e996c99..347fcd8 100644
--- a/snippets/bootstrap/components/modal/default.html
+++ b/snippets/bootstrap/components/modal/default.html
@@ -1,17 +1,17 @@
 <!-- Button trigger modal -->
-<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#${2:modelId}">
-  ${1:Launch}
+<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#${2:modalId}">
+  	${1:Launch}
 </button>
 
 <!-- Modal -->
-<div class="modal fade" id="${2:modelId}" tabindex="-1" role="dialog" aria-labelledby="${4:modelTitleId}" aria-hidden="true">
+<div class="modal fade" id="${2:modalId}" tabindex="-1" role="dialog" aria-labelledby="${4:modalTitleId}" aria-hidden="true">
 	<div class="modal-dialog" role="document">
 		<div class="modal-content">
 			<div class="modal-header">
-				<h5 class="modal-title">${3:Modal title}</h5>
-					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
-						<span aria-hidden="true">&times;</span>
-					</button>
+				<h5 class="modal-title" id="${4:modalTitleId}">${3:Modal title}</h5>
+				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
+					<span aria-hidden="true">&times;</span>
+				</button>
 			</div>
 			<div class="modal-body">
 				${7:Body}
diff --git a/snippets/bootstrap/components/modal/grid.html b/snippets/bootstrap/components/modal/grid.html
index 42e2e50..f958941 100644
--- a/snippets/bootstrap/components/modal/grid.html
+++ b/snippets/bootstrap/components/modal/grid.html
@@ -1,18 +1,18 @@
 <!-- Button trigger modal -->
-<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#${2:modelId}">
-  ${1:Launch}
+<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#${2:modalId}">
+  	${1:Launch}
 </button>
 
 <!-- Modal -->
-<div class="modal fade" id="${2:modelId}" tabindex="-1" role="dialog" aria-labelledby="${4:modelTitleId}" aria-hidden="true">
+<div class="modal fade" id="${2:modalId}" tabindex="-1" role="dialog" aria-labelledby="${4:modalTitleId}" aria-hidden="true">
 	<div class="modal-dialog" role="document">
 		<div class="modal-content">
-				<div class="modal-header">
-						<h5 class="modal-title">${3:Modal title}</h5>
-							<button type="button" class="close" data-dismiss="modal" aria-label="Close">
-								<span aria-hidden="true">&times;</span>
-							</button>
-					</div>
+			<div class="modal-header">
+				<h5 class="modal-title" id="${4:modalTitleId}">${3:Modal title}</h5>
+				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
+					<span aria-hidden="true">&times;</span>
+				</button>
+			</div>
 			<div class="modal-body">
 				<div class="container-fluid">
 					${7:Add rows here}
diff --git a/snippets/bootstrap/components/modal/sizes.html b/snippets/bootstrap/components/modal/sizes.html
index 59897d7..d5284b5 100644
--- a/snippets/bootstrap/components/modal/sizes.html
+++ b/snippets/bootstrap/components/modal/sizes.html
@@ -1,17 +1,17 @@
 <!-- Button trigger modal -->
-<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#${2:modelId}">
-  ${1:Launch}
+<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#${2:modalId}">
+  	${1:Launch}
 </button>
 
 <!-- Modal -->
-<div class="modal fade" id="${2:modelId}" tabindex="-1" role="dialog" aria-labelledby="${5:modelTitleId}" aria-hidden="true">
-	<div class="modal-dialog modal-${3:sm|lg}" role="document">
+<div class="modal fade" id="${2:modalId}" tabindex="-1" role="dialog" aria-labelledby="${4:modalTitleId}" aria-hidden="true">
+	<div class="modal-dialog modal-${5:sm|lg}" role="document">
 		<div class="modal-content">
 			<div class="modal-header">
-				<h5 class="modal-title">${3:Modal title}</h5>
-					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
-						<span aria-hidden="true">&times;</span>
-					</button>
+				<h5 class="modal-title" id="${4:modalTitleId}">${3:Modal title}</h5>
+				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
+					<span aria-hidden="true">&times;</span>
+				</button>
 			</div>
 			<div class="modal-body">
 				${8:Body}