corrade-http-templates – Diff between revs 4 and 5

Subversion Repositories:

?pathlinks?

Rev 4 – Rev 22 – Go to most recent revision – Details – Blame – Last modification – View Log

             var firstName = $("#firstname"),
                 lastName = $("#lastname"),
                 tabTemplate = "<li id='#{id}'><a href='#{href}'>#{label}</a> <span class='ui-icon ui-icon-close' role='presentation'>Remove Tab</span></li>",
                 tabCounter = 0,
                 messageIntervals = {},
-                getConversationsTimer;
+                getConversationsTimeout;
             var tabs = $("#tabs").tabs();
                     var json = $.parseJSON(data);
                     $.each(json, function(index, avatar) {
                         if (!conversationExists(avatar.firstname, avatar.lastname))
                             addTab(avatar.firstname, avatar.lastname);
                     });
+                    getConversationsTimeout = setTimeout(
+                        getConversations,
+                    );
                 });
+            }
             // Function to send the message to an agent by passing it back through PHP.
             // Loads all the stored instant messages from the log file named after the avatar.
             function loadInstantMessage(index) {
                 $.get("messages/" + $("#firstname-" + index).val() + " " + $("#lastname-" + index).val() + ".log" + "?t=" + Math.random(), function(data) {
+                    $("#chat-" + index).html(data);
+                    $("#chat-" + index).animate({
+                        scrollTop: $("#chat-" + index)[0].scrollHeight - $("#chat-" + index).height()
+                    }, 1000);
+                    messageIntervals[index] = setTimeout(
+                        loadInstantMessage,
+,
+                        index
-                    $("#chat-" + index).html(data);
+                    );
-                });
-                $("#chat-" + index).animate({
-                    scrollTop: $("#chat-" + index)[0].scrollHeight - $("#chat-" + index).height()
-                }, 1000);
+                });
+            }
             // This function checks whether a conversation / tab already exists.
                     li = $(tabTemplate.replace(/#\{href\}/g, "#" + id).replace(/#\{id\}/g, tabCounter).replace(/#\{label\}/g, label));
                 tabs.find(".ui-tabs-nav").append(li);
                 tabs.append("<div id='" + id + "'><p>" + " \
                     <div id='container-" + tabCounter + "'> \
-                        <textarea id='chat-" + tabCounter + "' rows='12'></textarea><br/> \
+                        <textarea readonly='readonly' id='chat-" + tabCounter + "' rows='12'></textarea><br/> \
                         <div id='controls-" + tabCounter + "'> \
                             Message: <input type='text' size='70' id='message-" + tabCounter + "'></input> \
                             <button type='button' id='send-" + tabCounter + "'>Send</button> \
                             <input type='hidden' name='firstname' id='firstname-" + tabCounter + "' value='" + first + "'></input> \
             // Close icon: removing the tab on click and delete the conversation.
             tabs.on("click", "span.ui-icon-close", function() {
                 var panelId = $(this).closest("li").remove().attr("aria-controls");
                 var selectedIndex = $(this).closest("li").remove().attr("id");
                 // Pause the conversation retrieval timer.
-                clearInterval(getConversationsTimer);
+                clearTimeout(getConversationsTimeout);
                 $.ajax({
                     type: 'post',
                     url: "deleteConversation.php",
                     data: {
                         firstname: $("#firstname-" + selectedIndex).val(),
+                    }
                 }).done(function(data) {
                     $("#" + panelId).remove();
                     tabs.tabs("refresh");
                     // Resume the conversation retrieval timer.
-                    getConversationsTimer = setInterval(
+                    getConversationsTimeout = setTimeout(
                         getConversations,
                     );
                 });
             });
                     if (index != selectedIndex) {
                         clearInterval(value);
+                    }
                 });
-                messageIntervals[selectedIndex] = setInterval(
+                messageIntervals[selectedIndex] = setTimeout(
                     loadInstantMessage,
 ,
                     selectedIndex
                 );
             });
             // Start a timer to load tabs of existing conversations.
-            getConversationsTimer = setInterval(
+            getConversationsTimeout = setTimeout(
                 getConversations,