[Kimchi-devel] [PATCH V3 2/2] UI: Sample of list widget

Thu Feb 5 05:09:33 UTC 2015

V2 -> V3:
Change the license date

V1 -> V2:
Add lincense and rename the sample file

Signed-off-by: Wen Wang <wenwang at linux.vnet.ibm.com>
---
 ui/js/widgets/list-flat.js      |  4 ++--
 ui/js/widgets/samples/list.html | 45 +++++++++++++++++++++++++++++++++++++++++
 2 files changed, 47 insertions(+), 2 deletions(-)
 create mode 100644 ui/js/widgets/samples/list.html

diff --git a/ui/js/widgets/list-flat.js b/ui/js/widgets/list-flat.js
index f76eec6..4de9dd0 100644
--- a/ui/js/widgets/list-flat.js
+++ b/ui/js/widgets/list-flat.js
@@ -24,7 +24,7 @@
     //             //Add one item of the list, parameters are: name, info, icon and button-id
 
 
- (function($) {
+(function($) {
 
     $.widget("kimchi.listFlat", {
 
@@ -73,4 +73,4 @@
             this.element.remove();
         }
     });
- })(jQuery);
\ No newline at end of file
+})(jQuery);
\ No newline at end of file
diff --git a/ui/js/widgets/samples/list.html b/ui/js/widgets/samples/list.html
new file mode 100644
index 0000000..7db8917
--- /dev/null
+++ b/ui/js/widgets/samples/list.html
@@ -0,0 +1,45 @@
+<!--
+/*
+ * Project Kimchi
+ *
+ * Copyright IBM, Corp. 2015
+ *
+ * Licensed under the Apache License, Version 2.0 (the 'License');
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an 'AS IS' BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+ -->
+<!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="../list-flat.js"></script>
+        <link rel="stylesheet" href="../../../libs/themes/base/jquery-ui.min.css">
+        <link rel="stylesheet" href="../../../css/theme-default/list-flat.css">
+        <link rel="stylesheet" href="../../../css/fontello/css/animation.css">
+        <link rel="stylesheet" href="../../../css/fontello/css/fontello.css">
+    </head>
+    <body>
+        <div class="list-demo"></div>
+        <script>
+            $(document).ready(function() {
+                $(".list-demo").listFlat({
+                    title: "Hello World"  //Set title.
+                });
+                $(".list-demo").listFlat("addItem", "Hello", "2015", "icon-user", "button1");
+                        //Add one item of the list, parameters are: name, info, icon and button-id
+            });
+        </script>
+    </body>
+</html>
\ No newline at end of file
-- 
2.1.0


