[Kimchi-devel] [PATCH 02/11] UI: Sample of message widget

Thu Feb 12 02:59:06 UTC 2015

Signed-off-by: Wen Wang <wenwang at linux.vnet.ibm.com>
---
 ui/js/widgets/samples/message-sample.html | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 ui/js/widgets/samples/message-sample.html

diff --git a/ui/js/widgets/samples/message-sample.html b/ui/js/widgets/samples/message-sample.html
new file mode 100644
index 0000000..e93a29a
--- /dev/null
+++ b/ui/js/widgets/samples/message-sample.html
@@ -0,0 +1,30 @@
+<!--Sample code of message-->
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="UTF-8">
+        <title>Gauge Demo</title>
+        <script src="../../../libs/jquery-1.10.0.min.js"></script>
+        <script src="../../../libs/jquery-ui.min.js"></script>
+        <script src="../message-flat.js"></script>
+        <link rel="stylesheet" href="../../../libs/themes/base/jquery-ui.min.css">
+        <link rel="stylesheet" href="../../../css/theme-default/message-flat.css">
+        <link rel="stylesheet" href="../../../css/fontello/css/animation.css">
+        <link rel="stylesheet" href="../../../css/fontello/css/fontello.css">
+    </head>
+    <body>
+        <div class="message-demo"></div>
+        <script>
+            $(document).ready(function() {
+                $(".message-demo").messageFlat({
+                    contentMain: "This is a test",  //Content you are going to add
+                    contentConfirm: "Sure?",  //Content that inform user whether they want to continue.
+                                          //Default value is: "Are you sure you want to go on?"
+                    confirm: function() {
+                      alert("comfirmed")
+                    }
+                });
+            });
+        </script>
+    </body>
+</html>
\ No newline at end of file
-- 
2.1.0


