Mercurial > pidgin
annotate pidgin/themes/Template.html @ 32778:1c0d9e817dcc
New branch for GSoC2012 project: Gadu-Gadu protocol plugin improvements.
This commit makes trunk usable again - tunning default theme to match legacy Pidgin look&feel.
author | tomkiewicz@cpw.pidgin.im |
---|---|
date | Sat, 19 May 2012 16:38:38 +0000 |
parents | f789627c4f0d |
children |
rev | line source |
---|---|
32303
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
2 <html> |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
3 <head> |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
4 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
5 <base href="%@"> |
32438
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
6 <script type="text/javascript" defer="defer"> |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
7 // NOTE: |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
8 // Any percent signs in this file must be escaped! |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
9 // Use two escape signs (%%) to display it, this is passed through a format call! |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
10 |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
11 function appendHTML(html) { |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
12 var node = document.getElementById("Chat"); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
13 var range = document.createRange(); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
14 range.selectNode(node); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
15 var documentFragment = range.createContextualFragment(html); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
16 node.appendChild(documentFragment); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
17 } |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
18 |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
19 // a coalesced HTML object buffers and outputs DOM objects en masse. |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
20 // saves A LOT of CSS recalculation time when loading many messages. |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
21 // (ex. a long twitter timeline) |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
22 function CoalescedHTML() { |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
23 var self = this; |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
24 this.fragment = document.createDocumentFragment(); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
25 this.timeoutID = 0; |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
26 this.coalesceRounds = 0; |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
27 this.isCoalescing = false; |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
28 this.isConsecutive = undefined; |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
29 this.shouldScroll = undefined; |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
30 |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
31 var appendElement = function (elem) { |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
32 document.getElementById("Chat").appendChild(elem); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
33 }; |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
34 |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
35 function outputHTML() { |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
36 var insert = document.getElementById("insert"); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
37 if(!!insert && self.isConsecutive) { |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
38 insert.parentNode.replaceChild(self.fragment, insert); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
39 } else { |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
40 if(insert) |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
41 insert.parentNode.removeChild(insert); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
42 // insert the documentFragment into the live DOM |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
43 appendElement(self.fragment); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
44 } |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
45 alignChat(self.shouldScroll); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
46 |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
47 // reset state to empty/non-coalescing |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
48 self.shouldScroll = undefined; |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
49 self.isConsecutive = undefined; |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
50 self.isCoalescing = false; |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
51 self.coalesceRounds = 0; |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
52 } |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
53 |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
54 // creates and returns a new documentFragment, containing all content nodes |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
55 // which can be inserted as a single node. |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
56 function createHTMLNode(html) { |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
57 var range = document.createRange(); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
58 range.selectNode(document.getElementById("Chat")); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
59 return range.createContextualFragment(html); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
60 } |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
61 |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
62 // removes first insert node from the internal fragment. |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
63 function rmInsertNode() { |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
64 var insert = self.fragment.querySelector("#insert"); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
65 if(insert) |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
66 insert.parentNode.removeChild(insert); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
67 } |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
68 |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
69 function setShouldScroll(flag) { |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
70 if(flag && undefined === self.shouldScroll) |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
71 self.shouldScroll = flag; |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
72 } |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
73 |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
74 // hook in a custom method to append new data |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
75 // to the chat. |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
76 this.setAppendElementMethod = function (func) { |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
77 if(typeof func === 'function') |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
78 appendElement = func; |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
79 } |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
80 |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
81 // (re)start the coalescing timer. |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
82 // we wait 25ms for a new message to come in. |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
83 // If we get one, restart the timer and wait another 10ms. |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
84 // If not, run outputHTML() |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
85 // We do this a maximum of 400 times, for 10s max that can be spent |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
86 // coalescing input, since this will block display. |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
87 this.coalesce = function() { |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
88 window.clearTimeout(self.timeoutID); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
89 self.timeoutID = window.setTimeout(outputHTML, 25); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
90 self.isCoalescing = true; |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
91 self.coalesceRounds += 1; |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
92 if(400 < self.coalesceRounds) |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
93 self.cancel(); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
94 } |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
95 |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
96 // if we need to append content into an insertion div, |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
97 // we need to clear the buffer and cancel the timeout. |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
98 this.cancel = function() { |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
99 if(self.isCoalescing) { |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
100 window.clearTimeout(self.timeoutID); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
101 outputHTML(); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
102 } |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
103 } |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
104 |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
105 |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
106 // coalased analogs to the global functions |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
107 |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
108 this.append = function(html, shouldScroll) { |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
109 // if we started this fragment with a consecuative message, |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
110 // cancel and output before we continue |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
111 if(self.isConsecutive) { |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
112 self.cancel(); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
113 } |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
114 self.isConsecutive = false; |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
115 rmInsertNode(); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
116 var node = createHTMLNode(html); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
117 self.fragment.appendChild(node); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
118 |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
119 node = null; |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
120 |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
121 setShouldScroll(shouldScroll); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
122 self.coalesce(); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
123 } |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
124 |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
125 this.appendNext = function(html, shouldScroll) { |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
126 if(undefined === self.isConsecutive) |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
127 self.isConsecutive = true; |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
128 var node = createHTMLNode(html); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
129 var insert = self.fragment.querySelector("#insert"); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
130 if(insert) { |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
131 insert.parentNode.replaceChild(node, insert); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
132 } else { |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
133 self.fragment.appendChild(node); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
134 } |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
135 node = null; |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
136 setShouldScroll(shouldScroll); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
137 self.coalesce(); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
138 } |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
139 |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
140 this.replaceLast = function (html, shouldScroll) { |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
141 rmInsertNode(); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
142 var node = createHTMLNode(html); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
143 var lastMessage = self.fragment.lastChild; |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
144 lastMessage.parentNode.replaceChild(node, lastMessage); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
145 node = null; |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
146 setShouldScroll(shouldScroll); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
147 } |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
148 } |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
149 var coalescedHTML; |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
150 |
32303
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
151 //Appending new content to the message view |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
152 function appendMessage(html) { |
32438
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
153 var shouldScroll; |
32303
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
154 |
32438
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
155 // Only call nearBottom() if should scroll is undefined. |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
156 if(undefined === coalescedHTML.shouldScroll) { |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
157 shouldScroll = nearBottom(); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
158 } else { |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
159 shouldScroll = coalescedHTML.shouldScroll; |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
160 } |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
161 appendMessageNoScroll(html, shouldScroll); |
32303
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
162 } |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
163 |
32438
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
164 function appendMessageNoScroll(html, shouldScroll) { |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
165 shouldScroll = shouldScroll || false; |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
166 // always try to coalesce new, non-griuped, messages |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
167 coalescedHTML.append(html, shouldScroll) |
32303
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
168 } |
32438
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
169 |
32303
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
170 function appendNextMessage(html){ |
32438
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
171 var shouldScroll; |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
172 if(undefined === coalescedHTML.shouldScroll) { |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
173 shouldScroll = nearBottom(); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
174 } else { |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
175 shouldScroll = coalescedHTML.shouldScroll; |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
176 } |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
177 appendNextMessageNoScroll(html, shouldScroll); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
178 } |
32303
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
179 |
32438
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
180 function appendNextMessageNoScroll(html, shouldScroll){ |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
181 shouldScroll = shouldScroll || false; |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
182 // only group next messages if we're already coalescing input |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
183 coalescedHTML.appendNext(html, shouldScroll); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
184 } |
32303
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
185 |
32438
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
186 function replaceLastMessage(html){ |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
187 var shouldScroll; |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
188 // only replace messages if we're already coalescing |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
189 if(coalescedHTML.isCoalescing){ |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
190 if(undefined === coalescedHTML.shouldScroll) { |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
191 shouldScroll = nearBottom(); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
192 } else { |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
193 shouldScroll = coalescedHTML.shouldScroll; |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
194 } |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
195 coalescedHTML.replaceLast(html, shouldScroll); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
196 } else { |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
197 shouldScroll = nearBottom(); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
198 //Retrieve the current insertion point, then remove it |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
199 //This requires that there have been an insertion point... is there a better way to retrieve the last element? -evands |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
200 var insert = document.getElementById("insert"); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
201 if(insert){ |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
202 var parentNode = insert.parentNode; |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
203 parentNode.removeChild(insert); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
204 var lastMessage = document.getElementById("Chat").lastChild; |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
205 document.getElementById("Chat").removeChild(lastMessage); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
206 } |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
207 |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
208 //Now append the message itself |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
209 appendHTML(html); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
210 |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
211 alignChat(shouldScroll); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
212 } |
32303
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
213 } |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
214 |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
215 //Auto-scroll to bottom. Use nearBottom to determine if a scrollToBottom is desired. |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
216 function nearBottom() { |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
217 return ( document.body.scrollTop >= ( document.body.offsetHeight - ( window.innerHeight * 1.2 ) ) ); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
218 } |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
219 function scrollToBottom() { |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
220 document.body.scrollTop = document.body.offsetHeight; |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
221 } |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
222 |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
223 //Dynamically exchange the active stylesheet |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
224 function setStylesheet( id, url ) { |
32438
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
225 var code = "<style id=\"" + id + "\" type=\"text/css\" media=\"screen,print\">"; |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
226 if( url.length ) |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
227 code += "@import url( \"" + url + "\" );"; |
32303
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
228 code += "</style>"; |
32438
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
229 var range = document.createRange(); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
230 var head = document.getElementsByTagName( "head" ).item(0); |
32303
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
231 range.selectNode( head ); |
32438
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
232 var documentFragment = range.createContextualFragment( code ); |
32303
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
233 head.removeChild( document.getElementById( id ) ); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
234 head.appendChild( documentFragment ); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
235 } |
32438
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
236 |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
237 /* Converts emoticon images to textual emoticons; all emoticons in message if alt is held */ |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
238 document.onclick = function imageCheck() { |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
239 var node = event.target; |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
240 if (node.tagName.toLowerCase() != 'img') |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
241 return; |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
242 |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
243 imageSwap(node, false); |
32303
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
244 } |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
245 |
32438
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
246 /* Converts textual emoticons to images if textToImagesFlag is true, otherwise vice versa */ |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
247 function imageSwap(node, textToImagesFlag) { |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
248 var shouldScroll = nearBottom(); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
249 |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
250 var images = [node]; |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
251 if (event.altKey) { |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
252 while (node.id != "Chat" && node.parentNode.id != "Chat") |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
253 node = node.parentNode; |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
254 images = node.querySelectorAll(textToImagesFlag ? "a" : "img"); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
255 } |
32303
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
256 |
32438
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
257 for (var i = 0; i < images.length; i++) { |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
258 textToImagesFlag ? textToImage(images[i]) : imageToText(images[i]); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
259 } |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
260 |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
261 alignChat(shouldScroll); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
262 } |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
263 |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
264 function textToImage(node) { |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
265 if (!node.getAttribute("isEmoticon")) |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
266 return; |
32303
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
267 //Swap the image/text |
32438
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
268 var img = document.createElement('img'); |
32303
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
269 img.setAttribute('src', node.getAttribute('src')); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
270 img.setAttribute('alt', node.firstChild.nodeValue); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
271 img.className = node.className; |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
272 node.parentNode.replaceChild(img, node); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
273 } |
32438
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
274 |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
275 function imageToText(node) |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
276 { |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
277 if (client.zoomImage(node) || !node.alt) |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
278 return; |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
279 var a = document.createElement('a'); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
280 a.setAttribute('onclick', 'imageSwap(this, true)'); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
281 a.setAttribute('src', node.getAttribute('src')); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
282 a.setAttribute('isEmoticon', true); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
283 a.className = node.className; |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
284 var text = document.createTextNode(node.alt); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
285 a.appendChild(text); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
286 node.parentNode.replaceChild(a, node); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
287 } |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
288 |
32778
1c0d9e817dcc
New branch for GSoC2012 project: Gadu-Gadu protocol plugin improvements.
tomkiewicz@cpw.pidgin.im
parents:
32438
diff
changeset
|
289 //If true is passed, view will be scrolled down |
32303
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
290 function alignChat(shouldScroll) { |
32778
1c0d9e817dcc
New branch for GSoC2012 project: Gadu-Gadu protocol plugin improvements.
tomkiewicz@cpw.pidgin.im
parents:
32438
diff
changeset
|
291 if (shouldScroll) |
1c0d9e817dcc
New branch for GSoC2012 project: Gadu-Gadu protocol plugin improvements.
tomkiewicz@cpw.pidgin.im
parents:
32438
diff
changeset
|
292 scrollToBottom(); |
32303
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
293 } |
32438
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
294 |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
295 window.onresize = function windowDidResize(){ |
32303
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
296 alignChat(true/*nearBottom()*/); //nearBottom buggy with inactive tabs |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
297 } |
32438
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
298 |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
299 function initStyle() { |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
300 alignChat(true); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
301 if(!coalescedHTML) |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
302 coalescedHTML = new CoalescedHTML(); |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
303 } |
32303
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
304 </script> |
32438
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
305 |
32303
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
306 <style type="text/css"> |
32438
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
307 .actionMessageUserName { display:none; } |
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
308 .actionMessageBody:before { content:"*"; } |
32303
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
309 .actionMessageBody:after { content:"*"; } |
32778
1c0d9e817dcc
New branch for GSoC2012 project: Gadu-Gadu protocol plugin improvements.
tomkiewicz@cpw.pidgin.im
parents:
32438
diff
changeset
|
310 * { word-wrap:break-word } |
32438
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
311 img.scaledToFitImage { height: auto; max-width: 100%%; } |
32303
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
312 </style> |
32438
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
313 |
32303
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
314 <!-- This style is shared by all variants. !--> |
32438
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
315 <style id="baseStyle" type="text/css" media="screen,print"> |
32303
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
316 %@ |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
317 </style> |
32438
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
318 |
32303
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
319 <!-- Although we call this mainStyle for legacy reasons, it's actually the variant style !--> |
32438
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
320 <style id="mainStyle" type="text/css" media="screen,print"> |
32303
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
321 @import url( "%@" ); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
322 </style> |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
323 |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
324 </head> |
32438
f789627c4f0d
Update Template.html from Adium's hg repo.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
32303
diff
changeset
|
325 <body onload="initStyle();" style="==bodyBackground=="> |
32303
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
326 %@ |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
327 <div id="Chat"> |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
328 </div> |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
329 %@ |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
330 </body> |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
331 </html> |