Dialog: Switch demos to use AMD

Ref #10119
jquery · Jul 21, 2015 · f18ec88 · f18ec88
1 parent 0935c9a
commit f18ec88
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 63 deletions.
diff --git a/demos/dialog/animated.html b/demos/dialog/animated.html
@@ -4,21 +4,9 @@
 	<meta charset="utf-8">
 	<title>jQuery UI Dialog - Animation</title>
 	<link rel="stylesheet" href="../../themes/base/all.css">
-	<script src="../../external/jquery/jquery.js"></script>
-	<script src="../../ui/core.js"></script>
-	<script src="../../ui/widget.js"></script>
-	<script src="../../ui/mouse.js"></script>
-	<script src="../../ui/draggable.js"></script>
-	<script src="../../ui/position.js"></script>
-	<script src="../../ui/resizable.js"></script>
-	<script src="../../ui/button.js"></script>
-	<script src="../../ui/dialog.js"></script>
-	<script src="../../ui/effect.js"></script>
-	<script src="../../ui/effect-blind.js"></script>
-	<script src="../../ui/effect-explode.js"></script>
 	<link rel="stylesheet" href="../demos.css">
-	<script>
-	$(function() {
+	<script src="../../external/requirejs/require.js"></script>
+	<script src="../bootstrap.js" data-modules="effect effect-blind effect-explode">
 		$( "#dialog" ).dialog({
 			autoOpen: false,
 			show: {
@@ -34,7 +22,6 @@
 		$( "#opener" ).on( "click", function() {
 			$( "#dialog" ).dialog( "open" );
 		});
-	});
 	</script>
 </head>
 <body>

diff --git a/demos/dialog/default.html b/demos/dialog/default.html
@@ -4,20 +4,10 @@
 	<meta charset="utf-8">
 	<title>jQuery UI Dialog - Default functionality</title>
 	<link rel="stylesheet" href="../../themes/base/all.css">
-	<script src="../../external/jquery/jquery.js"></script>
-	<script src="../../ui/core.js"></script>
-	<script src="../../ui/widget.js"></script>
-	<script src="../../ui/mouse.js"></script>
-	<script src="../../ui/draggable.js"></script>
-	<script src="../../ui/position.js"></script>
-	<script src="../../ui/resizable.js"></script>
-	<script src="../../ui/button.js"></script>
-	<script src="../../ui/dialog.js"></script>
 	<link rel="stylesheet" href="../demos.css">
-	<script>
-	$(function() {
+	<script src="../../external/requirejs/require.js"></script>
+	<script src="../bootstrap.js">
 		$( "#dialog" ).dialog();
-	});
 	</script>
 </head>
 <body>

diff --git a/demos/dialog/modal-confirmation.html b/demos/dialog/modal-confirmation.html
@@ -4,17 +4,9 @@
 	<meta charset="utf-8">
 	<title>jQuery UI Dialog - Modal confirmation</title>
 	<link rel="stylesheet" href="../../themes/base/all.css">
-	<script src="../../external/jquery/jquery.js"></script>
-	<script src="../../ui/core.js"></script>
-	<script src="../../ui/widget.js"></script>
-	<script src="../../ui/mouse.js"></script>
-	<script src="../../ui/button.js"></script>
-	<script src="../../ui/draggable.js"></script>
-	<script src="../../ui/position.js"></script>
-	<script src="../../ui/dialog.js"></script>
 	<link rel="stylesheet" href="../demos.css">
-	<script>
-	$(function() {
+	<script src="../../external/requirejs/require.js"></script>
+	<script src="../bootstrap.js">
 		$( "#dialog-confirm" ).dialog({
 			resizable: false,
 			height: "auto",
@@ -29,7 +21,6 @@
 				}
 			}
 		});
-	});
 	</script>
 </head>
 <body>

diff --git a/demos/dialog/modal-form.html b/demos/dialog/modal-form.html
@@ -4,16 +4,6 @@
 	<meta charset="utf-8">
 	<title>jQuery UI Dialog - Modal form</title>
 	<link rel="stylesheet" href="../../themes/base/all.css">
-	<script src="../../external/jquery/jquery.js"></script>
-	<script src="../../ui/core.js"></script>
-	<script src="../../ui/widget.js"></script>
-	<script src="../../ui/mouse.js"></script>
-	<script src="../../ui/button.js"></script>
-	<script src="../../ui/draggable.js"></script>
-	<script src="../../ui/position.js"></script>
-	<script src="../../ui/resizable.js"></script>
-	<script src="../../ui/dialog.js"></script>
-	<script src="../../ui/effect.js"></script>
 	<link rel="stylesheet" href="../demos.css">
 	<style>
 		label, input { display:block; }
@@ -26,8 +16,8 @@
 		.ui-dialog .ui-state-error { padding: .3em; }
 		.validateTips { border: 1px solid transparent; padding: 0.3em; }
 	</style>
-	<script>
-	$(function() {
+	<script src="../../external/requirejs/require.js"></script>
+	<script src="../bootstrap.js" data-modules="effect">
 		var dialog, form,
 
 			// From http://www.whatwg.org/specs/web-apps/current-work/multipage/states-of-the-type-attribute.html#e-mail-state-%28type=email%29
@@ -116,7 +106,6 @@
 		$( "#create-user" ).button().on( "click", function() {
 			dialog.dialog( "open" );
 		});
-	});
 	</script>
 </head>
 <body>

diff --git a/demos/dialog/modal-message.html b/demos/dialog/modal-message.html
@@ -4,18 +4,9 @@
 	<meta charset="utf-8">
 	<title>jQuery UI Dialog - Modal message</title>
 	<link rel="stylesheet" href="../../themes/base/all.css">
-	<script src="../../external/jquery/jquery.js"></script>
-	<script src="../../ui/core.js"></script>
-	<script src="../../ui/widget.js"></script>
-	<script src="../../ui/mouse.js"></script>
-	<script src="../../ui/button.js"></script>
-	<script src="../../ui/draggable.js"></script>
-	<script src="../../ui/position.js"></script>
-	<script src="../../ui/resizable.js"></script>
-	<script src="../../ui/dialog.js"></script>
 	<link rel="stylesheet" href="../demos.css">
-	<script>
-	$(function() {
+	<script src="../../external/requirejs/require.js"></script>
+	<script src="../bootstrap.js" data-modules="effect">
 		$( "#dialog-message" ).dialog({
 			modal: true,
 			buttons: {
@@ -24,7 +15,6 @@
 				}
 			}
 		});
-	});
 	</script>
 </head>
 <body>