3 files changed, 40 insertions, 10 deletions
diff --git a/src/site-media/css/jquery.meetingtools.css b/src/site-media/css/jquery.meetingtools.css
new file mode 100644
index 0000000..293b8a8
--- /dev/null
+++ b/src/site-media/css/jquery.meetingtools.css
@@ -0,0 +1 @@
+.meeting-list li { list-style: none; display: block; }
+\ No newline at end of file
diff --git a/src/site-media/html/widget-test.html b/src/site-media/html/widget-test.html
new file mode 100644
index 0000000..3b27c16
--- /dev/null
+++ b/src/site-media/html/widget-test.html
@@ -0,0 +1,20 @@
+<html>
+	<head>
+		<script type="text/javascript" src="../js/jquery-1.5.1.min.js"></script>
+		<script type="text/javascript" src="../js/jquery-ui-1.8.11.custom.min.js"></script>
+		<link type="text/css" href="../css/sunet/jquery-ui-1.8.11.custom.css" rel="stylesheet"></link>
+		<link href="../css/jquery.meetingtools.css" rel="stylesheet" type="text/css" />
+		
+		<script type="text/javascript" src="../js/jquery.meetingtools.js"></script>
+		
+		<script type="text/javascript">
+		$(function() {
+			$("#meetings").meetingtools({tags: 'kaka'});
+		});
+		</script>
+	</head>
+	<body>
+		<h1>Meetings...</h1>
+		<div id="meetings"/>
+	</body>
+</html>
+\ No newline at end of file
diff --git a/src/site-media/js/jquery.meetingtools.js b/src/site-media/js/jquery.meetingtools.js
index 5bed8f3..1453226 100644
--- a/src/site-media/js/jquery.meetingtools.js
+++ b/src/site-media/js/jquery.meetingtools.js
@@ -1,6 +1,5 @@
 /*
- *
- *
+ * a jQuery plugin for listing tagged meetings from meetingtools
  *
  */
 
@@ -12,17 +11,27 @@ jQuery.fn.meetingtools = function(options) {
 		if (!url) {
 			url = 'http://localhost:8000';
 		}
-		var url = url+'/room/+'+tags+'.json'
-		var div = $(this)
+		var url = url+'/room/+'+tags+'.json';
+		var div = $(this);
 		$.getJSON(url,function(data) {
-			div.append("<ul style=\"list-style: none;\">")
-			$.each(data,function(room) {
-				div.append("<li style=\"display: list-item; list-style: none; padding: 2px; 5px;\" class=\"ui-helper-reset ui-widget ui-state-highlight ui-corner-all\">");
-				div.append(room['url']);
-				div.append("</li>");
+			html = "<ul class=\"meeting-list\">";
+			$.each(data,function(i,room) {
+				html += "<li class=\"meeting\"><h4>"+room['name']+"</h4><div class=\"meeting-info\">";
+				if (room['description']) {
+					html += "<div class=\"meeting-description\">";
+					html += room['description'];
+					html += "</div>";
+				}
+				html += "<div class=\"meeting-participants\">" 
+				html += "There are currently " + room['user_count'] + " participant(s) and " + room['host_count'] + " host(s) in the room.";
+				html += "</div>";
+				html += "<div class=\"meeting-url\"><a href=\"" + room['url'] + "\">" + room['url'] + "</a></div>";
+				html += "</li>";
 			});
-			div.append("</ul>")
+			html += "</ul>";
+			div.append(html);
 		});
 		
+		
 	});
 }
 \ No newline at end of file