restructure

1 files changed, 45 insertions, 0 deletions

diff --git a/static/js/jquery.meetingtools.js b/static/js/jquery.meetingtools.js
new file mode 100644
index 0000000..2ce958d
--- /dev/null
+++ b/static/js/jquery.meetingtools.js
@@ -0,0 +1,45 @@
+/*
+ * a jQuery plugin for listing tagged meetings from meetingtools
+ *
+ */
+
+jQuery.fn.meetingtools = function(options) {
+	
+	var defaults = { 
+		    onAdd:      function() {},
+		    onUpdate:   function() {},
+		    url:        'http://localhost:8000'
+    }; 
+	var options = $.extend({}, defaults, options); 
+	
+	this.each(function() {
+		var tags = options.tags;
+		var url = options.url;
+		var url = options.url+'/room/+'+tags+'.json?callback=?';
+		var div = $(this);
+		$.getJSON(url,function(data) {
+			div.html("<ul class=\"meeting-list\">");
+			ul = div.find('ul.meeting-list');
+			$.each(data,function(i,room) {
+				var 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-button\"><a target=\"_blank\" title=\"Enter "+room['name']+"\" href=\"" + room['url'] + "\">Enter " + room['name'] + "</a></div>";
+				html += "<div class=\"meeting-url\">" + room['url'] + "</a></div>";
+				html += "</div>";
+				html += "</li>";
+				ul.append(html);
+				options.onAdd();
+			});
+			options.onUpdate();
+		});
+		
+		
+	});
+}
\ No newline at end of file