Few comments below...<br><br><div class="gmail_quote">On Wed Feb 04 2015 at 3:21:50 PM Wen Wang <<a href="mailto:wenwang@linux.vnet.ibm.com">wenwang@linux.vnet.ibm.com</a>> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">Signed-off-by: Wen Wang <<a href="mailto:wenwang@linux.vnet.ibm.com" target="_blank">wenwang@linux.vnet.ibm.com</a>><br>
---<br>
ui/css/theme-default/list-<u></u>flat.css | 83 ++++++++++++++++++++++++++++++<u></u>++++++++<br>
ui/js/widgets/list-flat.js | 76 ++++++++++++++++++++++++++++++<u></u>++++<br>
2 files changed, 159 insertions(+)<br>
create mode 100644 ui/css/theme-default/list-<u></u>flat.css<br>
create mode 100644 ui/js/widgets/list-flat.js<br>
<br>
diff --git a/ui/css/theme-default/list-<u></u>flat.css b/ui/css/theme-default/list-<u></u>flat.css<br>
new file mode 100644<br>
index 0000000..ba0439d<br>
--- /dev/null<br>
+++ b/ui/css/theme-default/list-<u></u>flat.css<br>
@@ -0,0 +1,83 @@<br>
+/*<br>
+ * Project Kimchi<br>
+ *<br>
+ * Copyright IBM, Corp. 2015<br>
+ *<br>
+ * Licensed under the Apache License, Version 2.0 (the 'License');<br>
+ * you may not use this file except in compliance with the License.<br>
+ * You may obtain a copy of the License at<br>
+ *<br>
+ * <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">http://www.apache.org/<u></u>licenses/LICENSE-2.0</a><br>
+ *<br>
+ * Unless required by applicable law or agreed to in writing, software<br>
+ * distributed under the License is distributed on an 'AS IS' BASIS,<br>
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.<br>
+ * See the License for the specific language governing permissions and<br>
+ * limitations under the License.<br>
+ */<br>
+<br>
+.list-titlef {<br>
+ height: 30px;<br>
+ line-height: 30px;<br>
+ width: 25%;<br>
+ border-bottom: 1px solid #DEDEDE;<br>
+ color: #626262;<br>
+ font-size: 17px;<br>
+ padding: 10px 0;<br>
+ background: white;<br>
+}<br>
+<br>
+.list-content {<br>
+ height: 300px;<br>
+ width: 25%;<br>
+}<br>
+<br>
+.list-item {<br>
+ border-bottom: 1px solid #F5F5F5;<br>
+ height: 40px;<br>
+}<br>
+<br>
+.list-item-odd {<br>
+ background: #FFFFFF;<br>
+}<br>
+<br>
+.list-item-even {<br>
+ background: #FCFCFC;<br>
+}<br>
+<br>
+.list-item:hover {<br>
+ background: #DDDDDD;<br>
+}<br>
+<br>
+.list-inline {<br>
+ display: inline-block;<br>
+}<br>
+<br>
+.list-item-icon {<br>
+ line-height: 20px;<br>
+ vertical-align: 35%;<br>
+}<br>
+<br>
+.list-item-info {<br>
+ position: relative;<br>
+ margin-left: 10px;<br>
+ margin-right: 10px;<br>
+}<br>
+<br>
+.list-item-name {<br>
+ font-size: 14px;<br>
+ line-height: 14px;<br>
+ padding: 9px 0 0;<br>
+}<br>
+<br>
+.list-item-button {<br>
+ position: relative;<br>
+ width: 150px;<br>
+ padding: 5px;<br>
+ float: right;<br>
+}<br>
+<br>
+.list-item-detail {<br>
+ font-size: 11px;<br>
+ color: #CDCDCD;<br>
+}<br>
\ No newline at end of file<br>
diff --git a/ui/js/widgets/list-flat.js b/ui/js/widgets/list-flat.js<br>
new file mode 100644<br>
index 0000000..f76eec6<br>
--- /dev/null<br>
+++ b/ui/js/widgets/list-flat.js<br>
@@ -0,0 +1,76 @@<br>
+/*<br>
+ * Project Kimchi<br>
+ *<br>
+ * Copyright IBM, Corp. 2015<br>
+ *<br>
+ * Licensed under the Apache License, Version 2.0 (the 'License');<br>
+ * you may not use this file except in compliance with the License.<br>
+ * You may obtain a copy of the License at<br>
+ *<br>
+ * <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">http://www.apache.org/<u></u>licenses/LICENSE-2.0</a><br>
+ *<br>
+ * Unless required by applicable law or agreed to in writing, software<br>
+ * distributed under the License is distributed on an 'AS IS' BASIS,<br>
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.<br>
+ * See the License for the specific language governing permissions and<br>
+ * limitations under the License.<br>
+ */<br>
+<br>
+ // How to use:<br>
+ // $(".test-bar").listFlat({<br>
+ // title: "Hello World" //Set title.<br>
+ // });<br>
+ // $(".test-bar").listFlat("<u></u>addItem", "Hello", "2015", "icon-user", "button1");<br>
+ // //Add one item of the list, parameters are: name, info, icon and button-id<br></blockquote><div><br></div><div>Indentation of the comment is wrong - looks for me there's one more TAB.</div><div>Also, would be nice to place the comment before the operation.</div><div> </div><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
+<br>
+<br>
+ (function($) {<br>
+<br>
+ $.widget("kimchi.listFlat", {<br>
+<br>
+ options: {<br>
+ title: null<br>
+ },<br>
+<br>
+ _create: function() {<br>
+ var that = this;<br>
+ var listTitle = that.options.title;<br>
+ var titleTrim = listTitle.replace(/\s*/g, "");<br>
+ var html = "";<br>
+ html += "<div class='list-titlef'>" + listTitle + "</div>" +<br>
+ "<div class='list-content' id='list" + titleTrim + "'></div>";<br>
+ $(html).appendTo(that.element)<u></u>;<br>
+ },<br>
+<br>
+ _getTitle: function() {<br>
+ return this.options.title;<br>
+ },<br>
+<br>
+ addItem: function(name, detail, icon, id) {<br>
+ var title = this._getTitle().replace(/\s/<u></u>g, "");<br>
+ var usedIcon = icon || "";<br>
+ var html = "";<br>
+ html += "<div class='list-item'>" +<br>
+ "<span class='list-inline list-item-icon " + usedIcon + "'></span>" +<br>
+ "<span class='list-inline list-item-info'>"+<br>
+ "<div class='list-item-name'>" + name + "</div>" +<br>
+ "<div class='list-item-detail'>" + detail + "</div>" +<br>
+ "</span>" +<br>
+ "<span class='list-inline list-item-button' id='" + id + "'></span>" +<br>
+ "</div>";<br>
+ $(html).appendTo($("#list" + title));<br>
+ $.each($(".list-item"), function(index, data) {<br>
+ if(index%2 >0) {<br>
+ $(this).addClass("list-item-<u></u>even");<br>
+ } else {<br>
+ $(this).addClass("list-item-<u></u>odd");<br>
+ }<br>
+ })<br>
+ console.log("title");<br>
+ },<br>
+<br>
+ _destory: function() {<br>
+ this.element.remove();<br>
+ }<br>
+ });<br>
+ })(jQuery);<br>
\ No newline at end of file<br>
--<br>
2.1.0<br>
<br>
______________________________<u></u>_________________<br>
Kimchi-devel mailing list<br>
<a href="mailto:Kimchi-devel@ovirt.org" target="_blank">Kimchi-devel@ovirt.org</a><br>
<a href="http://lists.ovirt.org/mailman/listinfo/kimchi-devel" target="_blank">http://lists.ovirt.org/<u></u>mailman/listinfo/kimchi-devel</a><br>
</blockquote></div>