[Kimchi-devel] [PATCH] UI: Sample of dialog widget

Tue Feb 3 13:30:39 UTC 2015

On 30/01/2015 06:30, Wen Wang wrote:
> Signed-off-by: Wen Wang <wenwang at linux.vnet.ibm.com>
> ---
>   ui/js/widgets/samples/dialog-sample.html | 32 ++++++++++++++++++++++++++++++++
>   1 file changed, 32 insertions(+)
>   create mode 100644 ui/js/widgets/samples/dialog-sample.html
>
> diff --git a/ui/js/widgets/samples/dialog-sample.html b/ui/js/widgets/samples/dialog-sample.html
> new file mode 100644
> index 0000000..65b77fb
> --- /dev/null
> +++ b/ui/js/widgets/samples/dialog-sample.html

Name is as "dialog.html"

> @@ -0,0 +1,32 @@
> +<!--Sample code of dialog-->

License header is missing.

As you will resend it, please join this patch with the widget.

> +<!DOCTYPE html>
> +<html>
> +    <head>
> +        <meta charset="UTF-8">
> +        <title>Dialog Demo</title>
> +        <script src="../../../libs/jquery-1.10.0.min.js"></script>
> +        <script src="../../../libs/jquery-ui.min.js"></script>
> +        <script src="../dialog-flat.js"></script>
> +        <link rel="stylesheet" href="../../../libs/themes/base/jquery-ui.min.css">
> +        <link rel="stylesheet" href="../../../css/theme-default/dialog-flat.css">
> +        <link rel="stylesheet" href="../../../css/fontello/css/animation.css">
> +        <link rel="stylesheet" href="../../../css/fontello/css/fontello.css">
> +    </head>
> +    <body>
> +        <div class="dialog-demo"></div>
> +        <script>
> +            $(document).ready(function() {
> +                $(".dialog-demo").dialogFlat({
> +                    title: "Demo",  //Title of the dialog.
> +                    confirmText: "Ok",  //Text of the confirm button, "Ok" is the default value.
> +                    cancelText: "Cancel",  //Text of the cancel button.
> +                    width: "600",  //Width of the dialog, "px" is the default unit.
> +                    height: "500",  //Height of the dialog, "px" is the default unit.
> +                    confirmFunc: function() {
> +                       alert("success");//Function after confirm
> +                    }
> +                });
> +            });
> +        </script>
> +    </body>
> +</html>
> \ No newline at end of file