-
Notifications
You must be signed in to change notification settings - Fork 16
/
popup.html
267 lines (267 loc) · 15.1 KB
/
popup.html
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
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>PREFiX</title>
<link rel="shortcut icon" type="image/png" sizes="256x256" href="/icons/256.png" />
<link rel="stylesheet" href="css/fonts.css" />
<link rel="stylesheet" href="css/popup.css" />
<link rel="stylesheet" href="css/retina.css" media="only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2)" />
<script src="js/lib/jquery-min.js"></script>
<script src="js/lib/jquery.easing-min.js"></script>
<script src="js/lib/jquery.mousewheel.js"></script>
<script src="js/lib/underscore-min.js"></script>
<script src="js/lib/at.js"></script>
<script src="js/lib/avalon.js"></script>
<script src="js/lib/ripple.js"></script>
<script src="js/lib/ripple.helpers.js"></script>
<script src="js/lib/ripple.api.js"></script>
<script src="js/lib/others.js"></script>
<script src="js/lyrics.js"></script>
<script src="js/common.js"></script>
<script src="js/shortening-url.js"></script>
<script src="js/popup.js"></script>
</head>
<body>
<div id="app" class="on-top">
<div id="birthday-cake" class="fix">
<span title="生日快乐! :)"></span>
</div>
<div id="uploading-photo-tip" class="fix notify-box">
<p>您可以将图片文件拖拽至本窗口, 或粘贴 (Ctrl + V) 图像数据, 或点击图标选择文件以上传. <br />Mac OS X 和 Linux 用户需使用独立窗口模式选择图片. </p>
<div class="buttons"><a class="confirm-btn" id="hide-uploading-photo-tip">知道了</a></div>
</div>
<div id="birthday-tip" class="fix notify-box">
<p>今天是 <span id="birthday-friend-list"></span> 的生日, 快去送上生日祝福吧! </p>
<div class="buttons"><a class="confirm-btn" id="send-birthday-message">好的</a><br /><a class="reject-btn" id="hide-birthday-tip">不用了</a></div>
</div>
<div id="block-tip" class="fix notify-box" style="display: none;">
<p>您确定要屏蔽用户 <span id="blocked-user-name"></span> 吗? 您将会不再看到所有 TA 发送的和提及 TA 的消息. </p>
<div class="buttons"><a class="confirm-btn" id="block-user">是的</a><br /><a class="reject-btn" id="hide-block-tip">不要</a></div>
</div>
<div id="notification"></div>
<div id="picture-overlay">
<div class="loading-tip slide-effect" data-id="1"><span>LOADING</span></div>
<div id="picture-wrapper"><img id="picture" src="" /></div>
<span class="tip">网络错误或图片已被删除</span>
</div>
<div id="drop-area"><div>DROP PHOTO HERE</div></div>
<div id="context-timeline">
<div class="loading-tip slide-effect" data-id="2"><span>LOADING</span></div>
<span class="close"></span>
<h2>Context</h2>
<ul ms-controller="context-timeline" ms-each-status="statuses">
<li class="fix" ms-class-protected="status.user.protected">
<div class="avatar">
<a ms-title="{{status.user.name}} ({{status.user.id}})" ms-href="'https://fanfou.com/' + status.user.id">
<img ms-src="status.user.profile_image_url_large" />
</a>
</div>
<div class="content">
<div class="info fix">
<a ms-href="'https://fanfou.com/' + status.user.id" class="name" ms-text="status.user.name"></a>
<a ms-href="'https://fanfou.com/statuses/' + status.id" ms-title="'消息链接 / ' + status.fullTime" class="permanent-link">#</a>
<span class="timestamp-client" ms-html="status.relativeTime + ' | ' + status.source"></span>
</div>
<div class="status-content" ms-html="status.fixedText"></div>
<div class="photo" ms-if="!! status.photo.thumburl">
<img ms-src="status.photo.thumburl" ms-data-large-img="status.photo.largeurl" />
</div>
</div>
</li>
</ul>
</div>
<div id="header">
<div id="top-bar" class="fix">
<span id="back" title="返回 (快捷键 Backspace)"></span>
<h1 title="点击回到顶部或刷新 (快捷键 H)"><b>PREFiX</b><span id="back-to-top"></span></h1>
<span id="new-window" title="弹出到新窗口 (快捷键 P)"></span>
<ul id="navigation-bar" ms-controller="navigation">
<li class="home-timeline" title="首页 (快捷键 1)" ms-click="showHomeTimeline"><span class="count"></span></li>
<li class="mentions" title="提到我的 (快捷键 2)" ms-click="showMentions"><span class="count"></span></li>
<li class="privatemsgs" title="私信 (快捷键 3)" ms-click="showPrivateMsgs"><span class="count"></span></li>
<li class="saved-searches" title="随便看看 & 关注的话题 (快捷键 4)" ms-click="showSavedSearches"><span class="count"></span></li>
</ul>
</div>
<div id="compose-bar" ms-controller="composebar-textarea">
<textarea class="content" title="Ctrl + Enter 或双击提交 (空格键使输入框得到或失去焦点)" ms-keydown="onkeydown" ms-dblclick="ondblclick" ms-focus="onfocus" ms-blur="onblur" ms-duplex="text" tabIndex=1></textarea>
<span id="uploading-photo" title="上传照片"><input type="file" id="file" /></span>
</div>
</div>
<div id="main">
<div id="title">
<h2></h2>
<span id="usage-tip">
<span id="usage-tip-content"></span>
(<a id="hide-usage-tip">不再提示</a>)
</span>
</div>
<div id="stream">
<ul id="home-timeline" class="status-list fix" ms-controller="home-timeline" ms-each-status="statuses" ms-attr-replying="is_replying">
<li ms-data-id="status.id" ms-class-my-status="status.is_self" ms-class-protected="status.user.protected" ms-attr-current-replied="status.current_replied">
<div class="status fix">
<div class="action-icons">
<a ms-if="status.is_self" ms-live-dblclick="remove" class="remove" title="双击删除 (快捷键 Shift + D)"></a>
<a ms-if="! status.is_self" ms-live-click="reply" class="reply" title="回复 (快捷键 R)"></a>
<a ms-live-click="repost" class="repost" title="转发 (快捷键 Q)"></a>
<a ms-live-click="toggleFavourite" ms-class="favourited: status.favorited" class="favourite" ms-title="status.favorited ? '取消收藏 (快捷键 Shift + F)' : '收藏 (快捷键 F)'"></a>
</div>
<div class="avatar">
<a ms-title="{{status.user.name}} ({{status.user.id}})" ms-href="'https://fanfou.com/' + status.user.id">
<img ms-src="status.user.profile_image_url_large" ms-live-contextmenu="blockUser" />
</a>
</div>
<div class="content" ms-live-contextmenu="debug">
<div class="info fix">
<a class="name" ms-text="status.user.name" ms-data-userid="status.user.id" title="查看 TA 的消息 (快捷键 S)"></a>
<a ms-href="'https://fanfou.com/statuses/' + status.id" ms-title="'消息链接 (快捷键 U) / ' + status.fullTime" class="permanent-link">#</a>
<span class="timestamp-client" ms-html="status.relativeTime + ' | ' + status.source"></span>
</div>
<div class="status-content" ms-html="status.fixedText"></div>
<div class="photo" ms-if="!! status.photo.thumburl" title="查看大图 (快捷键 V)">
<img ms-src="status.photo.thumburl" ms-data-large-img="status.photo.largeurl" />
</div>
</div>
</div>
</li>
<li class="breakpoint" ms-if="status.is_breakpoint" ms-text="status.loaded_at"></li>
</ul>
<ul id="mentions" class="status-list fix" ms-controller="mentions" ms-each-status="statuses" ms-attr-replying="is_replying">
<li ms-data-id="status.id" ms-class-my-status="status.is_self" ms-class-protected="status.user.protected" ms-attr-current-replied="status.current_replied">
<div class="status fix">
<div class="action-icons">
<a ms-if="status.is_self" ms-live-dblclick="remove" class="remove" title="双击删除 (快捷键 Shift + D)"></a>
<a ms-if="! status.is_self" ms-live-click="reply" class="reply" title="回复 (快捷键 R)"></a>
<a ms-live-click="repost" class="repost" title="转发 (快捷键 Q)"></a>
<a ms-live-click="toggleFavourite" ms-class="favourited: status.favorited" class="favourite" ms-title="status.favorited ? '取消收藏 (快捷键 Shift + F)' : '收藏 (快捷键 F)'"></a>
</div>
<div class="avatar">
<a ms-title="{{status.user.name}} ({{status.user.id}})" ms-href="'https://fanfou.com/' + status.user.id">
<img ms-src="status.user.profile_image_url_large" ms-live-contextmenu="blockUser" />
</a>
</div>
<div class="content">
<div class="info fix">
<a class="name" ms-text="status.user.name" ms-data-userid="status.user.id" title="查看 TA 的消息 (快捷键 S)"></a>
<a ms-href="'https://fanfou.com/statuses/' + status.id" ms-title="'消息链接 (快捷键 U) / ' + status.fullTime" class="permanent-link">#</a>
<span class="timestamp-client" ms-html="status.relativeTime + ' | ' + status.source"></span>
</div>
<div class="status-content" ms-html="status.fixedText"></div>
<div class="photo" ms-if="!! status.photo.thumburl" title="查看大图 (快捷键 V)">
<img ms-src="status.photo.thumburl" ms-data-large-img="status.photo.largeurl" />
</div>
</div>
</div>
</li>
</ul>
<ul id="privatemsgs" class="status-list fix" ms-controller="privatemsgs" ms-each-message="messages" ms-attr-replying="is_replying">
<li ms-data-id="message.id" ms-attr-current-replied="message.current_replied">
<div class="status fix">
<div class="action-icons">
<a ms-live-dblclick="remove" class="remove" title="双击删除 (快捷键 Shift + D)"></a>
<a ms-live-click="reply" class="reply" title="回复 (快捷键 R)"></a>
</div>
<div class="avatar">
<a ms-title="{{message.sender.name}} ({{message.sender.id}})" ms-href="'https://fanfou.com/' + message.sender.id">
<img ms-src="message.sender.profile_image_url_large" ms-live-contextmenu="blockUser" />
</a>
</div>
<div class="content">
<div class="info fix">
<a class="name" ms-text="message.sender.name" ms-data-userid="message.sender.id" title="查看 TA 的消息 (快捷键 S)"></a>
<span class="timestamp-client" ms-html="message.relativeTime"></span>
</div>
<div class="status-content" ms-html="message.fixedText"></div>
<div class="photo" ms-if="!! message.photo.thumburl" title="查看大图 (快捷键 V)">
<img ms-src="message.photo.thumburl" ms-data-large-img="message.photo.largeurl" />
</div>
<div ms-if="!! message.in_reply_to" ms-html="message.in_reply_to && message.in_reply_to.text" class="in-reply-to-message"></div>
</div>
</div>
</li>
</ul>
<ul id="saved-searches" class="status-list fix" ms-controller="saved-searches" ms-each-status="statuses" ms-attr-replying="is_replying">
<li ms-data-id="status.id" ms-class-my-status="status.is_self" ms-class-protected="status.user.protected" ms-attr-current-replied="status.current_replied">
<div class="status fix">
<div class="action-icons">
<a ms-if="status.is_self" ms-live-dblclick="remove" class="remove" title="双击删除 (快捷键 Shift + D)"></a>
<a ms-if="! status.is_self" ms-live-click="reply" class="reply" title="回复 (快捷键 R)"></a>
<a ms-live-click="repost" class="repost" title="转发 (快捷键 Q)"></a>
<a ms-live-click="toggleFavourite" ms-class="favourited: status.favorited" class="favourite" ms-title="status.favorited ? '取消收藏 (快捷键 Shift + F)' : '收藏 (快捷键 F)'"></a>
</div>
<div class="avatar">
<a ms-title="{{status.user.name}} ({{status.user.id}})" ms-href="'https://fanfou.com/' + status.user.id">
<img ms-src="status.user.profile_image_url_large" ms-live-contextmenu="blockUser" />
</a>
</div>
<div class="content">
<div class="info fix">
<a class="name" ms-text="status.user.name" ms-data-userid="status.user.id" title="查看 TA 的消息 (快捷键 S)"></a>
<a ms-href="'https://fanfou.com/statuses/' + status.id" ms-title="'消息链接 (快捷键 U) / ' + status.fullTime" class="permanent-link">#</a>
<span class="timestamp-client" ms-html="status.relativeTime + ' | ' + status.source"></span>
</div>
<div class="status-content" ms-html="status.fixedText" ms-class-bold="status.is_unread"></div>
<div class="photo" ms-if="!! status.photo.thumburl" title="查看大图 (快捷键 V)">
<img ms-src="status.photo.thumburl" ms-data-large-img="status.photo.largeurl" />
</div>
</div>
</div>
</li>
</ul>
<ul id="user-timeline" class="status-list fix" ms-controller="user-timeline" ms-each-status="statuses" ms-attr-replying="is_replying">
<div ms-if="$first" id="user-profile">
<li id="name-avatar" class="fix">
<div class="left">
<p class="name"><b>{{ status.user.name }}</b> ({{ status.user.id }}) <span ms-if="! status.is_self" id="relationship">{{ status.user.following ? '已关注' : '关注 TA' }}</span></p>
<p class="statistics">{{ status.user.friends_count }} 好友 / {{ status.user.followers_count }} 关注者 / {{ status.user.statuses_count }} 条消息</p>
</div>
<div class="right avatar">
<a ms-href="https://fanfou.com/{{ status.user.id }}" ms-title="打开 TA 的个人主页">
<img ms-src="status.user.profile_image_url_large" />
</a>
</div>
</li>
<li ms-if="!! status.user.description">
<div class="status-content" title="个人简介">
<p ms-html="status.user.description"></i></p>
</div>
</li>
<li ms-if="!! status.user.error">{{ status.user.error }}</li>
</div>
<li ms-if="!! status.id" ms-data-id="status.id" ms-class-my-status="status.is_self" ms-class-protected="status.user.protected" ms-attr-current-replied="status.current_replied">
<div class="status fix">
<div class="action-icons">
<a ms-if="status.is_self" ms-live-dblclick="remove" class="remove" title="双击删除 (快捷键 Shift + D)"></a>
<a ms-if="! status.is_self" ms-live-click="reply" class="reply" title="回复 (快捷键 R)"></a>
<a ms-live-click="repost" class="repost" title="转发 (快捷键 Q)"></a>
<a ms-live-click="toggleFavourite" ms-class="favourited: status.favorited" class="favourite" ms-title="status.favorited ? '取消收藏 (快捷键 Shift + F)' : '收藏 (快捷键 F)'"></a>
</div>
<div class="avatar">
<a ms-title="{{status.user.name}} ({{status.user.id}})" ms-href="'https://fanfou.com/' + status.user.id">
<img ms-src="status.user.profile_image_url_large" ms-live-contextmenu="blockUser" />
</a>
</div>
<div class="content">
<div class="info fix">
<a class="name" ms-text="status.user.name" ms-data-userid="status.user.id" title="查看 TA 的消息 (快捷键 S)"></a>
<a ms-href="'https://fanfou.com/statuses/' + status.id" ms-title="'消息链接 (快捷键 U) / ' + status.fullTime" class="permanent-link">#</a>
<span class="timestamp-client" ms-html="status.relativeTime + ' | ' + status.source"></span>
</div>
<div class="status-content" ms-html="status.fixedText"></div>
<div class="photo" ms-if="!! status.photo.thumburl" title="查看大图 (快捷键 V)">
<img ms-src="status.photo.thumburl" ms-data-large-img="status.photo.largeurl" />
</div>
</div>
</div>
</li>
</ul>
<div id="loading">
<ul>
<li></li><li></li><li></li><li></li><li></li>
</ul>
</div>
</div>
</div>
</div>
</body>
</html>