source: sandbox/jabberit_messenger/trophy/static.html @ 2271

Revision 2271, 7.8 KB checked in by alexandrecorreia, 14 years ago (diff)

Ticket #986 - Reimplementar interface mais leve para o IM, sem a necessidades de plugins adicionais.

  • Property svn:executable set to *
Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en">
3    <head>
4        <link rel='stylesheet' href='css/trophyim.css' type='text/css'\ media='screen' />
5        <title>Static TrophyIM page</title>
6        <body>
7                <div style='border: 1px black solid; text-align: center; width: 480px;'>XMPP Client test page</div>
8        <div id='trophyimclient'>
9            <div id='trophyimroster'>
10                <div class='trophyimrostergroup'>
11                    <div class='trophyimrosterlabel'>Dudes</div>
12                    <div class='trophyimrosteritem trophyimrosteritem_av'>
13                        <div class='trophyimrostername'>Bob</div></div>
14                    <div class='trophyimrosteritem trophyimrosteritem_av'>
15                        <div class='trophyimrostername'>Jim</div></div>
16                    <div class='trophyimrosteritem trophyimrosteritem_av'>
17                        <div class='trophyimrostername'>
18                        John Jacob Jingleheimer Schmidt
19                    </div></div>
20                </div>
21                <div class='trophyimrostergroup'>
22                    <div class='trophyimrosterlabel'>Guys named Steve</div>
23                    <div class='trophyimrosteritem trophyimrosteritem_av'>
24                        <div class='trophyimrostername'>Steve</div></div>
25                    <div class='trophyimrosteritem trophyimrosteritem_av'>
26                        <div class='trophyimrostername'>Steve</div></div>
27                    <div class='trophyimrosteritem trophyimrosteritem_av'>
28                        <div class='trophyimrostername'>Steve</div></div>
29                    <div class='trophyimrosteritem trophyimrosteritem_av'>
30                        <div class='trophyimrostername'>Steve</div></div>
31                    <div class='trophyimrosteritem trophyimrosteritem_aw'>
32                        <div class='trophyimrostername'>Steve</div></div>
33                    <div class='trophyimrosteritem trophyimrosteritem_aw'>
34                        <div class='trophyimrostername'>Steve</div></div>
35                    <div class='trophyimrosteritem trophyimrosteritem_aw'>
36                        <div class='trophyimrostername'>Steve</div></div>
37                    <div class='trophyimrosteritem trophyimrosteritem_aw'>
38                        <div class='trophyimrostername'>Steve</div></div>
39                </div>
40                <div class='trophyimrostergroup'>
41                    <div class='trophyimrosterlabel'>Girls</div>
42                    <div class='trophyimrosteritem trophyimrosteritem_off'>
43                        <div class='trophyimrostername'>Sue</div></div>
44                    <div class='trophyimrosteritem trophyimrosteritem_av'>
45                        <div class='trophyimrostername'>Jenny</div></div>
46                    <div class='trophyimrosteritem trophyimrosteritem_av'>
47                        <div class='trophyimrostername'>Martha</div></div>
48                </div>
49            </div>
50            <div id='trophyimchat'>
51                <div id='trophyimchattabs'>
52                    <div class='trophyimchattab trophyimchattab_f
53                    trophyimchattab_av'>
54                        <div class='trophyimtabclose'>x</div>
55                        <div class='trophyimtabjid'>jid@domain.tld</div>
56                        Steve</div>
57                    <div class='trophyimchattab trophyimchattab_b
58                    trophyimchattab_av'>
59                        <div class='trophyimtabclose'>x</div>
60                        <div class='trophyimtabjid'>jid@domain.tld</div>
61                        Jim</div>
62                    <div class='trophyimchattab trophyimchattab_a
63                    trophyimchattab_av'>
64                        <div class='trophyimtabclose'>x</div>
65                        Bob</div>
66                    <div class='trophyimchattab trophyimchattab_b
67                    trophyimchattab_av'>
68                        <div class='trophyimtabclose'>x</div>
69                        Jenny</div>
70                    <div class='trophyimchattab trophyimchattab_a
71                    trophyimchattab_av'>
72                        <div class='trophyimtabclose'>x</div>
73                        Steve</div>
74                    <div class='trophyimchattab trophyimchattab_b
75                    trophyimchattab_off'>
76                        <div class='trophyimtabclose'>x</div>
77                        John Jacob Jingleheimer Schmidt
78                    </div>
79                    <div class='trophyimchattab trophyimchattab_b
80                    trophyimchattab_aw'>
81                        <div class='trophyimtabclose'>x</div>
82                        Sue</div>
83                    <div class='trophyimchattab trophyimchattab_b
84                    trophyimchattab_aw'>
85                        <div class='trophyimtabclose'>x</div>
86                        Martha</div>
87                </div>
88                <div>
89                    <div class='trophyimchatbox'>
90                        <div class='trophyimchatmessage'>(Steve) Hello there how
91                        are you today?  Me, I am fine, thanks for asking!</div>
92                        <div class='trophyimchatmessage'>(Me) Oh well I am ok
93                        too how nice of you to care.  I am doing software
94                        programming.  What are you up to?</div>
95                        <div class='trophyimchatmessage'>(Steve) Hey</div>
96                        <div class='trophyimchatmessage'>(Steve) Hey</div>
97                        <div class='trophyimchatmessage'>(Steve) Hey</div>
98                        <div class='trophyimchatmessage'>(Steve) Hey</div>
99                        <div class='trophyimchatmessage'>(Steve) Hey</div>
100                        <div class='trophyimchatmessage'>(Steve) Hey</div>
101                        <div class='trophyimchatmessage'>(Steve) Hey</div>
102                        <div class='trophyimchatmessage'>(Steve) Hey</div>
103                        <div class='trophyimchatmessage'>(Steve) Hey</div>
104                        <div class='trophyimchatmessage'>(Steve) Hey</div>
105                        <div class='trophyimchatmessage'>(Steve) Hey</div>
106                        <div class='trophyimchatmessage'>(Me) What?</div>
107                        <div class='trophyimchatmessage'>(Steve) Nevermind</div>
108                    </div>
109                    <form name='chat'>
110                        <textarea class='trophyimchatinput' rows='3' cols='50'></textarea>
111                        <input type='button' value='Send' />
112                    </form>
113                </div>
114            </div>
115            <div id='trophyimstatus'>
116                <span>Status:</span>
117                <span id='trophyimstatuslist'>Select box</span><br />
118                <form><input type='button' value='disconnect' /></form>
119            </div>
120        </div>
121        <div id='trophyimlog'>
122            <div class='trophyimlogitem'>This is a log message</div>
123            <div class='trophyimlogitem'>This is another log message</div>
124            <div class='trophyimlogitem'>This is another log message</div>
125            <div class='trophyimlogitem'>This is another log message</div>
126            <div class='trophyimlogitem'>This is another log message</div>
127            <div class='trophyimlogitem'>This is another log message</div>
128            <div class='trophyimlogitem'>This is another log message</div>
129            <div class='trophyimlogitem'>This is another log message</div>
130            <div class='trophyimlogitem'>This<br />is<br />another<br />log<br
131            />message</div>
132            <div class='trophyimlogitem'>This<br />is<br />another<br />log<br
133            />message</div>
134            <div class='trophyimlogitem'>This<br />is<br />another<br />log<br
135            />message</div>
136        </div>
137    </body>
138</html>
Note: See TracBrowser for help on using the repository browser.