Thu, 18 Mar 2010 15:51:37 +0000
Add waiting screen to UI
0 | 1 | <html> |
2 | <head> | |
1 | 3 | <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> |
11
bf6a0898e613
Include strophe in index.html
Matthew Wild <mwild1@gmail.com>
parents:
8
diff
changeset
|
4 | |
bf6a0898e613
Include strophe in index.html
Matthew Wild <mwild1@gmail.com>
parents:
8
diff
changeset
|
5 | <script type="text/javascript" src="js/strophe/md5.js"></script> |
bf6a0898e613
Include strophe in index.html
Matthew Wild <mwild1@gmail.com>
parents:
8
diff
changeset
|
6 | <script type="text/javascript" src="js/strophe/sha1.js"></script> |
bf6a0898e613
Include strophe in index.html
Matthew Wild <mwild1@gmail.com>
parents:
8
diff
changeset
|
7 | <script type="text/javascript" src="js/strophe/b64.js"></script> |
bf6a0898e613
Include strophe in index.html
Matthew Wild <mwild1@gmail.com>
parents:
8
diff
changeset
|
8 | <script type="text/javascript" src="js/strophe/strophe.js"></script> |
bf6a0898e613
Include strophe in index.html
Matthew Wild <mwild1@gmail.com>
parents:
8
diff
changeset
|
9 | |
bf6a0898e613
Include strophe in index.html
Matthew Wild <mwild1@gmail.com>
parents:
8
diff
changeset
|
10 | <script type="text/javascript" src="js/xmpp_muc.js"></script> |
2
ec7dc98a811d
Hide UI by default, include supportchat.js
Matthew Wild <mwild1@gmail.com>
parents:
1
diff
changeset
|
11 | <script type="text/javascript" src="js/supportchat.js"></script> |
1 | 12 | |
0 | 13 | <style type="text/css"> |
14 | #support-chat | |
15 | { | |
2
ec7dc98a811d
Hide UI by default, include supportchat.js
Matthew Wild <mwild1@gmail.com>
parents:
1
diff
changeset
|
16 | display:none; |
0 | 17 | } |
6 | 18 | #support-converse, #support-question, |
19 | #support-converse-input, #support-question-type, | |
20 | #support-question-text | |
0 | 21 | { |
22 | width:100%; | |
23 | } | |
6 | 24 | #support-send-button, #support-question-submit |
0 | 25 | { |
26 | float:right; | |
27 | } | |
17 | 28 | #support-wait, #support-converse |
5
10712e3ac061
Split UI into stages, add simple question form
Matthew Wild <mwild1@gmail.com>
parents:
2
diff
changeset
|
29 | { |
10712e3ac061
Split UI into stages, add simple question form
Matthew Wild <mwild1@gmail.com>
parents:
2
diff
changeset
|
30 | display:none; |
10712e3ac061
Split UI into stages, add simple question form
Matthew Wild <mwild1@gmail.com>
parents:
2
diff
changeset
|
31 | } |
6 | 32 | |
0 | 33 | </style> |
34 | </head> | |
35 | <body> | |
36 | <div id="support-chat"> | |
5
10712e3ac061
Split UI into stages, add simple question form
Matthew Wild <mwild1@gmail.com>
parents:
2
diff
changeset
|
37 | <div id="support-question"> |
10712e3ac061
Split UI into stages, add simple question form
Matthew Wild <mwild1@gmail.com>
parents:
2
diff
changeset
|
38 | <h2>What is the nature of your question?</h2> |
8
09d33857ca04
Fix element ids in index.html
Matthew Wild <mwild1@gmail.com>
parents:
6
diff
changeset
|
39 | <select id="support-question-type"> |
5
10712e3ac061
Split UI into stages, add simple question form
Matthew Wild <mwild1@gmail.com>
parents:
2
diff
changeset
|
40 | <option>Sales</option> |
10712e3ac061
Split UI into stages, add simple question form
Matthew Wild <mwild1@gmail.com>
parents:
2
diff
changeset
|
41 | <option>Technical</option> |
10712e3ac061
Split UI into stages, add simple question form
Matthew Wild <mwild1@gmail.com>
parents:
2
diff
changeset
|
42 | </select> |
10712e3ac061
Split UI into stages, add simple question form
Matthew Wild <mwild1@gmail.com>
parents:
2
diff
changeset
|
43 | <h2>What is your name?</h2> |
8
09d33857ca04
Fix element ids in index.html
Matthew Wild <mwild1@gmail.com>
parents:
6
diff
changeset
|
44 | <input id="support-question-name" type="text" /> |
5
10712e3ac061
Split UI into stages, add simple question form
Matthew Wild <mwild1@gmail.com>
parents:
2
diff
changeset
|
45 | <h2>Your question:</h2> |
6 | 46 | <textarea id="support-question-text"></textarea><br/> |
47 | <input id="support-question-submit" type="submit" /> | |
5
10712e3ac061
Split UI into stages, add simple question form
Matthew Wild <mwild1@gmail.com>
parents:
2
diff
changeset
|
48 | </div> |
17 | 49 | <div id="support-wait">Please wait...</div> |
5
10712e3ac061
Split UI into stages, add simple question form
Matthew Wild <mwild1@gmail.com>
parents:
2
diff
changeset
|
50 | <div id="support-converse"> |
10712e3ac061
Split UI into stages, add simple question form
Matthew Wild <mwild1@gmail.com>
parents:
2
diff
changeset
|
51 | <div id="support-log">Hello</div> |
10712e3ac061
Split UI into stages, add simple question form
Matthew Wild <mwild1@gmail.com>
parents:
2
diff
changeset
|
52 | <input id="support-input" type="text" value="Hello" /> |
10712e3ac061
Split UI into stages, add simple question form
Matthew Wild <mwild1@gmail.com>
parents:
2
diff
changeset
|
53 | <input id="support-send-button" type="submit" value="Send" /> |
10712e3ac061
Split UI into stages, add simple question form
Matthew Wild <mwild1@gmail.com>
parents:
2
diff
changeset
|
54 | </div> |
0 | 55 | </div> |
56 | </body> | |
57 | </html> |