forked from thedjpetersen/subway
/
templates.jade
239 lines (210 loc) · 7.54 KB
/
templates.jade
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
script(id="chat_application", type="text/html")
div(class="navbar navbar-fixed-top")
div.navbar-inner
div.container-fluid
a(class="btn btn-navbar", data-toggle="collapse", data-target=".nav-collapse")
span.icon-bar
span.icon-bar
span.icon-bar
a(href='#').brand bizirc
div(class="btn-group pull-right")
a(class="btn dropdown-toggle", data-toggle="dropdown", href="#")
i.icon-user
span Username
span.caret
ul.dropdown-menu
li
a(href="#") Profile
li
a(href="#") Signout
form(class="navbar-search pull-right", action="")
input(type="text", class="search-query", placeholder="Search")
div.nav-collapse
ul.nav
li
a(class="announce", data-toggle="modal", data-id="")
i(class="icon-edit icon-white")
span(style="cursor: pointer;") Private Message
.sidebar
#channels
.content
div(class="modal hide", id="privateMessage")
div.modal-header
button(type="button", class="close", data-dismiss="modal") x
h3 Private Message
div.modal-body
input(type="text", name="userId", id="UserId", value="", placeholder="Username")
textarea(class="input-xxlarge", id="privateMessage-text", autofocus="autofocus", placeholder="Message")
div.modal-footer
a(href="#", class="btn", data-dismiss="modal") cancel
a(href="#", class="btn btn-primary", id="privateSend-button") Send
script(id="load_image", type="text/html")
img(id="loading_image", src="/assets/images/loading.gif")
script(id="overview_home", type="text/html")
p Welcome to Bizirc!
ul
li.overview_button#connection
img(src="/assets/images/connection.svg")
span New Connection
li.overview_button#settings
img(src="/assets/images/settings.svg")
span Settings
li.overview_button#login
img(src="/assets/images/login.svg")
span Login
li.overview_button#register
img(src="/assets/images/register.svg")
span Register
script(id="overview", type="text/html")
#overview
script(id="overview_connection", type="text/html")
h1 IRC Connection
#home_parent
a.overview_button#home Home
form.form-horizontal
.control-group
.controls
input#connect-server(type="text", placeholder="Server URL", class="input-large", value="irc.freenode.net")
.control-group
.controls
input#connect-port.input-small(type="text", placeholder="port", class="input-large", value="6667")
.control-group
.controls
input#connect-secure(type="checkbox")
p SSL
.control-group#ssl-self-signed
.controls
input#connect-selfSigned(type="checkbox")
p Self-signed SSL Cert
.control-group
.controls
input#connect-nick(type="text", placeholder="Nickname", class="input-large", autofocus="autofocus")
.control-group
.controls
input#connect-password(type="password", placeholder="Password (optional)", class="input-large")
.control-group
.controls
input#connect-realName(type="text", placeholder="Real Name", class="input-large")
.control-group
.controls
input#connect-away(type="text", placeholder="Away Message", value="AFK")
.control-group
.controls
input#connect-rejoin(type="checkbox")
p Bouncer Mode
center
a(id="connect-button", class="btn btn-primary btn-large", type="button") Connect
script(id="overview_settings", type="text/html")
#home_parent
a.overview_button#home Home
p Coming soon.
script(id="overview_login", type="text/html")
h1 Login
#home_parent
a.overview_button#home home
form.form-horizontal
.control-group
.controls
input#login-username(type="text", placeholder="Username", class="input-large", autofocus="autofocus")
.control-group
.controls
input#login-password(type="password", placeholder="Password", class="input-large")
center
a(id="login-button", class="btn btn-primary btn-large", type="submit") Login
script(id="overview_register", type="text/html")
h1 Registration
#home_parent
a.overview_button#home Home
form.form-horizontal
.control-group
.controls
input#register-username(type="text", placeholder="Username", class="input-large", autofocus="autofocus")
.control-group
.controls
input#register-password(type="password", placeholder="Password", class="input-large")
center
a(id="register-button", class="btn btn-primary btn-large", type="button") Register
script(id="titlebar", type="text/html")
.titlebar
span(class="window_title") {{title}}
span(id="topic") {{{topic}}}
script(id="chat", type="text/html")
#main-window.container-fluid
.row-fluid
#ulist.span2
#user-window
#user-list
#clist.span10
#video-window
#chat-window
#chat-bar.bar
#chat-contents.bar
#input-container.bar
.input
input(id="chat-input")
a(id="chat-button", class="btn btn-primary btn-large disabled") Send
script(id="channel", type="text/html")
span(class="channel-name") {{name}}
{{#notStatus}}
.close-button ×
span(class="unread badge badge-important", title="Unread Messages") {{unread}}
span(class="unread-mentions", title="Mentions in channel") {{unread_mentions}}
{{/notStatus}}
script(id="user_box", type="text/html")
div
i(class="icon-user icon-white")
{{nick}}
div
i(class="icon-asterisk icon-white")
{{server}}
script(id="userlist_user", type="text/html")
div(class="userlist_user_activity")
img(src="/assets/images/{{user_status}}.png")
span(class="userlist_user_{{user_stats}}")
div(class="userlist_user_info")
div(class="userlist_user_name")
a(class="announce", data-toggle="modal", data-id="{{nick}}")
span(style="cursor: pointer;") {{role}}{{nick}}
span(class="userlist_user_time") {{activity}}
script(id="link", type="text/html")
a(target="_blank", href="{{link}}") {{link}}
script(id="image_embed", type="text/html")
div
a.hide_embed
i(class="icon-chevron-up")
a.show_embed.hide
i(class="icon-chevron-down")
.embed
img(src="{{link}}")
script(id="youtube_embed", type="text/html")
div
a.hide_embed
i(class="icon-chevron-up")
a.show_embed.hide
i(class="icon-chevron-down")
.embed
iframe(width="420", height="315", frameborder="0", allowfullscreen,
src="http://www.youtube.com/embed/{{video_id}}?rel=0")
script(id="action", type="text/html")
.chat_action
b * {{user}}
span {{content}}
.chat-time
span {{renderedTime}}
script(id="message", type="text/html")
img(src="http://avatars.io/auto/{{{user}}}", width="50", height="50")
a(class="announce", data-toggle="modal", data-id="{{user}}") {{user}}:
{{content}}
.pull-right
abbr(class="timeago", title="{{renderedTime}}")
span less than a minute ago
# <abbr class="timeago" title="' + iso8601(new Date()) + '">' + jQuery.timeago(new Date()) + '</abbr>
script(id="join_part", type="text/html")
span(class="{{type}}_img")
span <b><a class="announce" data-toggle="modal" data-id="{{nick}}">{{nick}}</a></b> {{action}} the channel {{reason}} {{message}}
script(id="nick", type="text/html")
span <b>{{oldNick}}</b> is now known as {{newNick}}
script(id="alert", type="text/html")
.alert(class = "{{type}}")
a(class="close", data-dismiss="alert", href="#") ×
{{content}}