Changeset 18157

Timestamp:

08/24/08 04:14:14 (5 years ago)

Author:

NeoCat

Message:

support direct messages

Location:

websites/twicli

Files:

• index.html (modified) (1 diff)
• twicli.html (modified) (10 diffs)

websites/twicli/index.html

@@ -53 +53 @@
 <li>タブ
 <ul>
-<li>TL: タイムライン、reply: 自分宛の返信を表示、ユーザ名: ユーザ情報、direct: ダイレクトメッセージ(未実装)を表示します。
+<li>TL: タイムライン、reply: 自分宛の返信を表示、ユーザ名: ユーザ情報、direct: ダイレクトメッセージを表示します。
 <li>TL以外は自動でアップデートされません。更新するには再度タブをクリックしてください。
 <li>他のタブに切り替えている間もTLは更新されていきます。

websites/twicli/twicli.html

@@ -74 +74 @@
 var direct_ele1 = false;
 var direct_ele2 = false;
+var direct1 = false;
+var direct2 = false;
 var reply_ele = false;
 var rep_top = 0;
@@ -175 +177 @@
         $('rep').style.display='none';
 }
-// 最新twitを取得
+// 最新タイムラインを取得
 function update() {
         update_ele = loadXDomainScript('http://twitter.com/statuses/friends_timeline?seq=' + (seq++) +
@@ -192 +194 @@
                         (tw.user.url ? '<a target="twitter" href="'+tw.user.url+'">' : '') +
                         '<img align="left" width="24" height="24" src="' + tw.user.profile_image_url + '">' + (tw.user.url ? '</a>' : '') +
+                        /*ダイレクトメッセージの方向*/ (tw.d_dir == 1 ? '<b>←</b> ' : tw.d_dir == 2 ? '<b>→</b> ' : '') +
                         //名前
                         "<a href=\"javascript:switchUser('" + tw.user.screen_name + "')\">" + tw.user.screen_name +
@@ -200 +203 @@
                 " <span onClick=\"replyTo('" + tw.user.screen_name + "'," + tw.id + ")\" class=\"status\">" +
                 //本文 (https〜をリンクに置換 + @をtwitter本家へのリンクに置換)
-                tw.text.replace(/(https?:\/\/[^ ]*)/g, " <a onClick=\"event.stopPropagation();\" target=\"_blank\" href=\"$1\">$1</a>")
+                tw.text.replace(/(https?:\/\/[^ \n]+)/g, " <a onClick=\"event.stopPropagation();\" target=\"_blank\" href=\"$1\">$1</a>")
                                 .replace(/@([0-9A-Za-z_\-]+)/g, "<a onClick=\"event.stopPropagation();\" " +
-                                                        "href=\"javascript:switchUser('$1')\">@$1</a>") + '</span>' +
+                                                        "href=\"javascript:switchUser('$1')\">@$1</a>").replace(/\n/g, "<br>") + '</span>' +
                 //日付
                 '<span class="date">' + dateFmt(new Date(tw.created_at)) + '</span>' +
@@ -228 +231 @@
         $("user").innerHTML = last_user;
 }
+// ダイレクトメッセージ一覧の受信
+function twDirect1(tw) {
+        direct1 = tw;
+        if (direct2)
+                twDirectShow();
+}
+function twDirect2(tw) {
+        direct2 = tw;
+        if (direct1)
+                twDirectShow();
+}
+function twDirectShow() {
+        var direct = direct1.concat(direct2).sort(function(a,b){return b.id - a.id});
+        direct = direct.map(function(d){
+                if (d.recipient_screen_name == myname) {
+                        d.user = d.sender;
+                        d.d_dir = 1;
+                } else {
+                        d.user = d.recipient;
+                        d.d_dir = 2;
+                }
+                return d;
+        });
+        twShow2(direct);
+        direct1 = direct2 = false;
+}
 // API制限情報の受信
 function twLimit(lim) {
+        $("loading").style.display = "none";
         $("tw2c").innerHTML = "<b>Twitter API status:</b><br>" +
                                         "hourly limit : " + lim.remaining_hits + " / " + lim.hourly_limit + "<br>" +
@@ -275 +305 @@
                         s.id = twNode.id + "-" + tw[i].id;
                         s.innerHTML = makeHTML(tw[i], no_name);
-                        if (tw[i].text.match('@'+myname+' '))
+                        if (tw[i].d_dir == 1 || tw[i].text.match('@'+myname+' '))
                                 s.className = "tome";
-                        if (tw[i].user.screen_name == myname)
+                        if (tw[i].d_dir == 2 || tw[i].user.screen_name == myname)
                                 s.className = "fromme";
                         pNode.insertBefore(s, pNode.childNodes[0]);
@@ -327 +357 @@
 function switchReply() {
         switchTo("reply");
+        $("loading").style.display = "block";
         update_ele2 = loadXDomainScript('http://twitter.com/statuses/replies.json?seq=' + (seq++) +
                                                                                 '&callback=twShow2', update_ele2);
@@ -336 +367 @@
         switchTo("user");
         $("tw2h").innerHTML = "<div id=\"user_info\">loading ...</div>";
+        $("loading").style.display = "block";
         update_ele2 = loadXDomainScript('http://twitter.com/statuses/user_timeline.json?seq=' + (seq++) +
                                                                                 '&id=' + user + '&callback=twShow2', update_ele2);
@@ -341 +373 @@
 function switchDirect() {
         switchTo("direct");
+        $("loading").style.display = "block";
         direct_ele1 = loadXDomainScript('http://twitter.com/direct_messages.json?seq=' + (seq++) +
                                                                                 '&callback=twDirect1', direct_ele1);
@@ -350 +383 @@
         $("tw2h").innerHTML = '<p><a target="twitter" href="index.html"><b>twicli</b></a> : browser-base Twitter client</p><hr>' +
                                                                 '<p><form onSubmit="switchUser($(\'user_id\').value); return false;">show user info : @<input type="text" size="15" id="user_id"></form></p><hr>';
+        $("loading").style.display = "block";
         update_ele2 = loadXDomainScript('http://twitter.com/account/rate_limit_status.json?seq=' + (seq++) +
                                                                                 '&id=' + user + '&callback=twLimit', update_ele2);