From b271a2260e2849aced478d8e521054bf0c8ccc7c Mon Sep 17 00:00:00 2001 From: RubaXa Date: Wed, 23 Jul 2014 21:23:43 +0400 Subject: [PATCH] * Dialogs / Multistep --- index.html | 71 ++++++++++++++++++++++++++++++++++++++----------- ply.css | 2 +- st/app.css | 3 +++ st/you-win.gif | Bin 0 -> 9701 bytes 4 files changed, 60 insertions(+), 16 deletions(-) create mode 100644 st/you-win.gif diff --git a/index.html b/index.html index a86f9f0..f3a53e0 100644 --- a/index.html +++ b/index.html @@ -27,6 +27,7 @@

Ply

+

Alert

@@ -41,9 +42,9 @@
- +

 					Ply.dialog("alert", "Hello %username%!");
-				
+				
@@ -60,13 +61,13 @@
- +

 					Ply.dialog(
 						"confirm",
 						{ effect: "3d-sign" },
 						"Continue?"
 					);
-				
+				
@@ -86,15 +87,59 @@
- +

 					Ply.dialog("prompt", {
 						title: "Spam subscribe",
 						form: { email: "E-mail" }
 					});
-				
+				
+
+ +
+

Dialogs / Multistep

+ +
+
+
+
You want to win?
+ +
+
+
+ +
+

+					Ply.dialog({
+						"intro": {
+							ui: "confirm",
+							data: {
+								text: "You want to win?",
+								ok: "Yes",
+								cancel: "No"
+							},
+							next: "congratulations",
+							nextEffect: "3d-flip[180,-180]"
+						},
+						"congratulations": {
+							data: {
+								children: [{
+									tag: "img",
+									src: "st/you-win.gif"
+								}],
+								ok: "Okay"
+							}
+						}
+					});
+				
+
+
+ + + +
Loading…
@@ -124,7 +169,7 @@ diff --git a/ply.css b/ply.css index 95713bd..f534ad3 100644 --- a/ply.css +++ b/ply.css @@ -149,7 +149,7 @@ border: 2px solid #ccc; outline: 0; padding: 5px 10px; - margin-top: 10px; + margin-top: 15px; font-size: 16px; font-family: "Arial", Helvetica; box-sizing: border-box; diff --git a/st/app.css b/st/app.css index d79ebd0..37a96ef 100644 --- a/st/app.css +++ b/st/app.css @@ -46,6 +46,7 @@ h2 { .row { margin-bottom: 30px; + clear: both; } .row:after { clear: both; @@ -151,6 +152,8 @@ pre code { font-family: Menlo, Monaco, Consolas, monospace; line-height: 1.5; padding: 30px; + overflow: scroll; + max-height: 220px; } diff --git a/st/you-win.gif b/st/you-win.gif new file mode 100644 index 0000000000000000000000000000000000000000..f77c3954ea53c530613a562e7a422f0b7e368790 GIT binary patch literal 9701 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 I0s->>4+eq82mk;8 literal 0 HcmV?d00001