Mercurial > pidgin.yaz
annotate pidgin/themes/Template.html @ 32818:08151b40c598
merge of '071d7e809e0a4532e6dc367a6f05ea43e1ab0de0'
and 'f7828c5032d27f14c4543fe56ed1b5cecb5517f7'
author | Elliott Sales de Andrade <qulogic@pidgin.im> |
---|---|
date | Mon, 07 Nov 2011 02:07:59 +0000 |
parents | 8fb1124b2794 |
children |
rev | line source |
---|---|
32765
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="%@"> |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
6 <script type="text/ecmascript" defer="defer"> |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
7 |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
8 //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
|
9 function appendMessage(html) { |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
10 shouldScroll = nearBottom(); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
11 |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
12 //Remove any existing insertion point |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
13 insert = document.getElementById("insert"); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
14 if(insert) insert.parentNode.removeChild(insert); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
15 |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
16 //Append the new message to the bottom of our chat block |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
17 chat = document.getElementById("Chat"); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
18 range = document.createRange(); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
19 range.selectNode(chat); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
20 documentFragment = range.createContextualFragment(html); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
21 chat.appendChild(documentFragment); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
22 |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
23 alignChat(shouldScroll); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
24 } |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
25 function appendMessageNoScroll(html) { |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
26 //Remove any existing insertion point |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
27 insert = document.getElementById("insert"); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
28 if(insert) insert.parentNode.removeChild(insert); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
29 |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
30 //Append the new message to the bottom of our chat block |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
31 chat = document.getElementById("Chat"); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
32 range = document.createRange(); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
33 range.selectNode(chat); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
34 documentFragment = range.createContextualFragment(html); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
35 chat.appendChild(documentFragment); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
36 } |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
37 function appendNextMessage(html){ |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
38 shouldScroll = nearBottom(); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
39 |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
40 //Locate the insertion point |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
41 insert = document.getElementById("insert"); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
42 |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
43 //make new node |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
44 range = document.createRange(); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
45 range.selectNode(insert.parentNode); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
46 newNode = range.createContextualFragment(html); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
47 |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
48 //swap |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
49 insert.parentNode.replaceChild(newNode,insert); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
50 |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
51 alignChat(shouldScroll); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
52 } |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
53 function appendNextMessageNoScroll(html){ |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
54 //Locate the insertion point |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
55 insert = document.getElementById("insert"); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
56 |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
57 //make new node |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
58 range = document.createRange(); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
59 range.selectNode(insert.parentNode); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
60 newNode = range.createContextualFragment(html); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
61 |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
62 //swap |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
63 insert.parentNode.replaceChild(newNode,insert); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
64 } |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
65 |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
66 //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
|
67 function nearBottom() { |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
68 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
|
69 } |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
70 function scrollToBottom() { |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
71 document.body.scrollTop = document.body.offsetHeight; |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
72 } |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
73 |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
74 //Dynamically exchange the active stylesheet |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
75 function setStylesheet( id, url ) { |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
76 code = "<style id=\"" + id + "\" type=\"text/css\" media=\"screen,print\">"; |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
77 if( url.length ) code += "@import url( \"" + url + "\" );"; |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
78 code += "</style>"; |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
79 range = document.createRange(); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
80 head = document.getElementsByTagName( "head" ).item(0); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
81 range.selectNode( head ); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
82 documentFragment = range.createContextualFragment( code ); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
83 head.removeChild( document.getElementById( id ) ); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
84 head.appendChild( documentFragment ); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
85 } |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
86 |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
87 //Swap an image with its alt-tag text on click, or expand/unexpand an attached image |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
88 document.onclick = imageCheck; |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
89 function imageCheck() { |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
90 node = event.target; |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
91 if(node.tagName == 'IMG' && !client.zoomImage(node) && node.alt) { |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
92 a = document.createElement('a'); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
93 a.setAttribute('onclick', 'imageSwap(this)'); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
94 a.setAttribute('src', node.getAttribute('src')); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
95 a.className = node.className; |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
96 text = document.createTextNode(node.alt); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
97 a.appendChild(text); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
98 node.parentNode.replaceChild(a, node); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
99 } |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
100 } |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
101 |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
102 function imageSwap(node) { |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
103 shouldScroll = nearBottom(); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
104 |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
105 //Swap the image/text |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
106 img = document.createElement('img'); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
107 img.setAttribute('src', node.getAttribute('src')); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
108 img.setAttribute('alt', node.firstChild.nodeValue); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
109 img.className = node.className; |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
110 node.parentNode.replaceChild(img, node); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
111 |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
112 alignChat(shouldScroll); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
113 } |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
114 |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
115 //Align our chat to the bottom of the window. If true is passed, view will also be scrolled down |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
116 function alignChat(shouldScroll) { |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
117 var windowHeight = window.innerHeight; |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
118 |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
119 if (windowHeight > 0) { |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
120 var contentElement = document.getElementById('Chat'); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
121 var contentHeight = contentElement.offsetHeight; |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
122 if (windowHeight - contentHeight > 0) { |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
123 contentElement.style.position = 'relative'; |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
124 contentElement.style.top = (windowHeight - contentHeight) + 'px'; |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
125 } else { |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
126 contentElement.style.position = 'static'; |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
127 } |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
128 } |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
129 |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
130 if (shouldScroll) scrollToBottom(); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
131 } |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
132 |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
133 function windowDidResize(){ |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
134 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
|
135 } |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
136 |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
137 window.onresize = windowDidResize; |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
138 </script> |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
139 |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
140 <style type="text/css"> |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
141 .actionMessageUserName:before { content:"*"; } |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
142 .actionMessageBody:after { content:"*"; } |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
143 *{ word-wrap:break-word; } |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
144 img.scaledToFitImage { height:auto; width:100%; } |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
145 </style> |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
146 |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
147 <!-- This style is shared by all variants. !--> |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
148 <style id="baseStyle" type="text/css" media="screen,print"> |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
149 %@ |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
150 </style> |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
151 |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
152 <!-- Although we call this mainStyle for legacy reasons, it's actually the variant style !--> |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
153 <style id="mainStyle" type="text/css" media="screen,print"> |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
154 @import url( "%@" ); |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
155 </style> |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
156 |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
157 </head> |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
158 <body onload="alignChat(true);" style="==bodyBackground=="> |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
159 %@ |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
160 <div id="Chat"> |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
161 </div> |
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 </body> |
8fb1124b2794
Put conversation theme in its own directory.
Elliott Sales de Andrade <qulogic@pidgin.im>
parents:
diff
changeset
|
164 </html> |