Ajax spinner for the widget example

3 files changed, 2 insertions, 2 deletions

diff --git a/src/site-media/img/ajax-loader.gif b/src/site-media/img/ajax-loader.gif
new file mode 100644
index 0000000..3c2f7c0
--- /dev/null
+++ b/src/site-media/img/ajax-loader.gif
diff --git a/src/site-media/js/jquery.meetingtools.js b/src/site-media/js/jquery.meetingtools.js
index 4259d9f..d892b03 100644
--- a/src/site-media/js/jquery.meetingtools.js
+++ b/src/site-media/js/jquery.meetingtools.js
@@ -30,7 +30,7 @@ jQuery.fn.meetingtools = function(options) {
 				html += "</li>";
 			});
 			html += "</ul>";
-			div.append(html);
+			div.html(html);
 		});
 		
 		
diff --git a/src/templates/apps/room/widget.html b/src/templates/apps/room/widget.html
index 5b96b53..ee5ea75 100644
--- a/src/templates/apps/room/widget.html
+++ b/src/templates/apps/room/widget.html
@@ -39,7 +39,7 @@
    &lt;/head&gt;
    &lt;body&gt;
       &lt;h1&gt;Meetings...&lt;/h1&gt;
-      &lt;div id="meetings"/&gt;
+      &lt;div id="meetings"&gt;&lt;img src="{% baseurl %}/site-media/img/ajax-loader.gif"/&gt;&lt;/div&gt;
    &lt;/body&gt;
 &lt;/html&gt;
 </pre>