38 |
44 | 网站暂时停止服务, 上班再恢复
39 |饭否ABC是个通过手机访问饭否API的非正式开源网站， 41 | 主要目的探索一些web开发的前沿技术，如HTML5, API等，为各种饭否应用作技术准备。 42 |
43 |
32 |
37 |
33 |
34 |
35 |
36 |
11 |
12 |
13 |
16 |
24 |
25 |
26 |
12 |
13 | 首页
14 |
15 |
16 |
24 |
27 |
28 |
53 |
54 |
55 |
--------------------------------------------------------------------------------
/web/public/js/auth.js:
--------------------------------------------------------------------------------
1 | // Define the router
2 | var AuthRouter = Backbone.Router.extend({
3 | routes: {
4 | '!/login': 'login',
5 | '!/register': 'register',
6 | '': "enter",
7 | },
8 |
9 | enter: function () {
10 | window.location.hash = '#!/login';
11 | },
12 |
13 | register: function () {
14 | var view = new RegisterView({
15 | 'el': $('#content'),
16 | });
17 | view.render();
18 | },
19 |
20 | login: function () {
21 | var view = new LoginView({
22 | 'el': $('#content'),
23 | });
24 | view.render();
25 | },
26 | });
27 |
28 | var Auth = function () {
29 | var auth_router;
30 |
31 | function template(temp_selector, data) {
32 | return Mustache.to_html($(temp_selector).html(),
33 | data);
34 | }
35 |
36 | function notify(text) {
37 | $('.notify').html(text).show();
38 | }
39 |
40 | function headElement(leftel, centerel, rightel) {
41 | function setel(pos, el) {
42 | var e = $('#head-' + pos).empty();
43 | if(el) {
44 | var h = $('');
45 | var text;
46 | if(typeof el == 'string') {
47 | text = el;
48 | } else {
49 | text = el.text;
50 | if(el.href) {
51 | h.attr('href', el.href);
52 | }
53 | }
54 | h.html(text);
55 | e.append(h);
56 | }
57 | }
58 |
59 | setel('left', leftel);
60 | setel('center', centerel);
61 | setel('right', rightel);
62 | }
63 |
64 |
65 | function initialize() {
66 | auth_router = new AuthRouter();
67 | Backbone.history.start();
68 | $('#loading').bind('ajaxSend', function (){
69 | $(this).show();
70 | }).ajaxComplete(function () {
71 | $(this).hide();
72 | });
73 |
74 | $('.notify').click(function () {
75 | $(this).hide();
76 | });
77 | }
78 | // Exports
79 | return {
80 | 'notify': notify,
81 | 'initialize': initialize,
82 | 'template': template,
83 | 'headElement': headElement
84 | };
85 | }();
--------------------------------------------------------------------------------
/mobile/public/js/auth.js:
--------------------------------------------------------------------------------
1 | // Define the router
2 | var AuthRouter = Backbone.Router.extend({
3 | routes: {
4 | '!/login': 'login',
5 | '!/register': 'register',
6 | '': "enter",
7 | },
8 |
9 | enter: function () {
10 | window.location.hash = '#!/login';
11 | },
12 |
13 | register: function () {
14 | var view = new RegisterView({
15 | 'el': $('#content'),
16 | });
17 | view.render();
18 | },
19 |
20 | login: function () {
21 | var view = new LoginView({
22 | 'el': $('#content'),
23 | });
24 | view.render();
25 | },
26 | });
27 |
28 | var Auth = function () {
29 | var auth_router;
30 |
31 | function template(temp_selector, data) {
32 | return Mustache.to_html($(temp_selector).html(),
33 | data);
34 | }
35 |
36 | function notify(text) {
37 | $('.notify').html(text).show();
38 | }
39 |
40 | function headElement(leftel, centerel, rightel) {
41 | function setel(pos, el) {
42 | var e = $('#head-' + pos).empty();
43 | if(el) {
44 | var h = $('');
45 | var text;
46 | if(typeof el == 'string') {
47 | text = el;
48 | } else {
49 | text = el.text;
50 | if(el.href) {
51 | h.attr('href', el.href);
52 | }
53 | }
54 | h.html(text);
55 | e.append(h);
56 | }
57 | }
58 |
59 | setel('left', leftel);
60 | setel('center', centerel);
61 | setel('right', rightel);
62 | }
63 |
64 |
65 | function initialize() {
66 | auth_router = new AuthRouter();
67 | Backbone.history.start();
68 | $('#loading').bind('ajaxSend', function (){
69 | $(this).show();
70 | }).ajaxComplete(function () {
71 | $(this).hide();
72 | });
73 |
74 | $('.notify').click(function () {
75 | $(this).hide();
76 | });
77 | }
78 | // Exports
79 | return {
80 | 'notify': notify,
81 | 'initialize': initialize,
82 | 'template': template,
83 | 'headElement': headElement
84 | };
85 | }();
--------------------------------------------------------------------------------
/web/public/js/model.js:
--------------------------------------------------------------------------------
1 | // Backbone model
2 | var Status = Backbone.Model.extend({
3 | });
4 |
5 | var User = Backbone.Model.extend({
6 | set_background: function () {
7 | var u = this.toJSON();
8 | var body = $(document.body);
9 | if(u.profile_background_image_url) {
10 | body.removeClass('default')
11 | .css('background-color', u.profile_background_color)
12 | .css('background-image', 'url(' + u.profile_background_image_url + ')');
13 | if(u.profile_background_tile) {
14 | body.css('background-repeat', 'repeat');
15 | } else {
16 | body.css('background-repeat', 'no-repeat');
17 | }
18 | } else {
19 | body.css('background-color', '')
20 | .css('background-image', '')
21 | .css('background-repeat', '')
22 | .addClass('default');
23 | }
24 | }
25 | });
26 |
27 | var Query = Backbone.Model.extend({});
28 | var DirectMessage = Backbone.Model.extend({});
29 | var List = Backbone.Model.extend({});
30 |
31 | // Collections
32 | var Timeline = Backbone.Collection.extend({
33 | model: Status,
34 | parse: function (resp, xhr) {
35 | var sk = exports.decodeTimeline(resp);
36 | return sk;
37 | }
38 | });
39 |
40 | var QueryList = Backbone.Collection.extend({
41 | model: Query
42 | });
43 |
44 | var Trends = Backbone.Model.extend({
45 | });
46 |
47 | var UserList = Backbone.Collection.extend({
48 | model: User,
49 | parse: function (resp, xhr) {
50 | var sk = exports.decodeUserList(resp);
51 | return sk;
52 | }
53 | });
54 |
55 | var DMList = Backbone.Collection.extend({
56 | model: DirectMessage,
57 | parse: function (resp, xhr) {
58 | var sk = exports.decodeDMList(resp);
59 | return sk;
60 | }
61 | });
62 |
63 | var DMConvList = Backbone.Collection.extend({
64 | model: DirectMessage,
65 | parse: function (resp, xhr) {
66 | var sk = exports.decodeDMConvList(resp);
67 | return sk;
68 | }
69 | });
70 |
71 | var ListCollection = Backbone.Collection.extend({
72 | model: List,
73 | });
--------------------------------------------------------------------------------
/web/public/dashboard/pres.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
29 |
51 |
52 |
30 |
50 | 饭否Timeline.Core是个API的试验平台 31 | 开源网站， 33 | 主要目的探索一些web开发的前沿技术，如HTML5, API等，为各种饭否应用作技术准备。 34 |
35 |36 | 为了集中力量在研究上，我们在UI上并没有过多加工，喜欢漂亮简洁界面的同学请访问 37 | fanfou.com. 38 |
39 |由于HTML5/CSS3的技术要求，您的浏览器可能不能正常访问最好使用HTML5/CSS3兼容浏览器访问
40 |
41 | 登录(智能选择模式) >>
42 |
43 |
44 | 登录Web模式 >>
45 |
46 |
47 | 登录简版(手机版) >>
48 |
49 |
25 |
29 |
30 |
37 |
38 |
51 |
52 |
58 |
59 |
60 |
--------------------------------------------------------------------------------
/mobile/public/dashboard/pres.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
26 |
27 |
28 |
25 |
29 |
30 |
37 |
38 |
51 |
52 |
58 |
59 |
60 |
--------------------------------------------------------------------------------
/helper.js:
--------------------------------------------------------------------------------
1 | //var querystring = require('querystring');
2 | var fs = require('fs');
3 |
4 | exports.compose_multipart = function (fields, files, callback) {
5 | var boundary = '-----------ksadfsfwXXX';
6 | var buffer = new Buffer(1024 * 1024 * 4, 'binary');
7 | var offset = 0;
8 |
9 | for(var key in files) {
10 | offset += buffer.write('--' + boundary + '\r\n', offset);
11 | var entry = files[key];
12 | offset += buffer.write('Content-Disposition: form-data; name="' +
13 | key + '"; filename="' + 'aaa.png' +
14 | '"\r\n', offset);
15 | offset += buffer.write('Content-Type: ' + entry.type + '\r\n\r\n', offset);
16 | //var fbuffer = fs.readFileSync(entry.path, 'binary');
17 | var fd = fs.openSync(entry.path, 'r');
18 | var fbuffer = new Buffer(entry.size, 'binary');
19 | var sz = fs.readSync(fd, fbuffer, 0, entry.size, 0);
20 | fbuffer.copy(buffer, offset, 0, sz);
21 | offset += sz;
22 | //offset += buffer.write(fbuffer, offset);
23 | offset += buffer.write('\r\n', offset);
24 | fs.closeSync(fd);
25 | }
26 |
27 | for(var key in fields) {
28 | offset += buffer.write('--' + boundary + '\r\n', offset);
29 | offset += buffer.write('Content-Disposition: form-data; name="' + key + '"\r\n\r\n', offset);
30 | //offset += buffer.write(querystring.escape(fields[key]), offset);
31 | offset += buffer.write(fields[key], offset);
32 | offset += buffer.write('\r\n', offset);
33 | }
34 |
35 | // End boundary
36 | offset += buffer.write('--' + boundary + '--\r\n', offset);
37 | var data = buffer.toString('binary', 0, offset);
38 | callback(boundary, data);
39 | }
40 |
41 | function get_last_modified() {
42 | var lm = 0;
43 | var modified = {};
44 | for(var i=0; i
26 |
27 |
28 |
29 |
47 |
30 |
36 |
37 |
38 | +
31 |
32 |
33 | 饭否首页
34 | ...
35 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
48 |
49 |
50 |
51 |
57 |
58 |
59 |
--------------------------------------------------------------------------------
/web/public/js/mustache.min.js:
--------------------------------------------------------------------------------
1 | var Mustache=function(){var j=function(){};j.prototype={otag:"{{",ctag:"}}",pragmas:{},buffer:[],pragmas_implemented:{"IMPLICIT-ITERATOR":!0},context:{},render:function(a,b,d,c){if(!c){this.context=b,this.buffer=[];}if(!this.includes("",a)){if(c){return a;}else{this.send(a);return;}}a=this.render_pragmas(a);a=this.render_section(a,b,d);if(c){return this.render_tags(a,b,d,c);}this.render_tags(a,b,d,c);},send:function(a){a!=""&&this.buffer.push(a);},render_pragmas:function(a){if(!this.includes("%",a)){return a;}var b=this;return a.replace(RegExp(this.otag+"%([\\w-]+) ?([\\w]+=[\\w]+)?"+this.ctag),function(a,c,e){if(!b.pragmas_implemented[c]){throw {message:"This implementation of mustache doesn't understand the '"+c+"' pragma"};}b.pragmas[c]={};e&&(a=e.split("="),b.pragmas[c][a[0]]=a[1]);return "";});},render_partial:function(a,b,d){a=this.trim(a);if(!d||d[a]===void 0){throw {message:"unknown_partial '"+a+"'"};}if(typeof b[a]!="object"){return this.render(d[a],b,d,!0);}return this.render(d[a],b[a],d,!0);},render_section:function(a,b,d){if(!this.includes("#",a)&&!this.includes("^",a)){return a;}var c=this;return a.replace(RegExp(this.otag+"(\\^|\\#)\\s*(.+)\\s*"+this.ctag+"\n*([\\s\\S]+?)"+this.otag+"\\/\\s*\\2\\s*"+this.ctag+"\\s*","mg"),function(a,g,i,f){a=c.find(i,b);if(g=="^"){return !a||c.is_array(a)&&a.length===0?c.render(f,b,d,!0):"";}else{if(g=="#"){return c.is_array(a)?c.map(a,function(a){return c.render(f,c.create_context(a),d,!0);}).join(""):c.is_object(a)?c.render(f,c.create_context(a),d,!0):typeof a==="function"?a.call(b,f,function(a){return c.render(a,b,d,!0);}):a?c.render(f,b,d,!0):"";}}});},render_tags:function(a,b,d,c){for(var e=this,g=function(){return RegExp(e.otag+"(=|!|>|\\{|%)?([^\\/#\\^]+?)\\1?"+e.ctag+"+","g");},i=g(),f=function(a,c,f){switch(c){case "!":return "";case "=":return e.set_delimiters(f),i=g(),"";case ">":return e.render_partial(f,b,d);case "{":return e.find(f,b);default:return e.escape(e.find(f,b));}},a=a.split("\n"),h=0;h
3 |
50 |
51 |
52 |
53 |
86 |
87 |
93 |
94 |
115 |
116 |
123 |
124 |
127 |
128 |
138 |
139 |
179 |
180 |
220 |
221 |
235 |
236 |
245 |
246 |
263 |
264 |
278 |
279 |
296 |
297 |
323 |
324 |
329 |
330 |
335 |
336 |
362 |
363 |
374 |
375 |
397 |
398 |
408 |
409 |
415 |
--------------------------------------------------------------------------------
/mobile/public/js/view.js:
--------------------------------------------------------------------------------
1 | var NotifyView = Backbone.View.extend({
2 | events: {},
3 | initialize: function (opts) {
4 | this.content = opts.content;
5 | },
6 | render: function () {
7 | var html = App.template('#notify-template', {content: this.content});
8 | var dom = $(html);
9 | //dom.height(window.innerHeight - 10);
10 | this.el.html(dom);
11 | }
12 | });
13 |
14 | var SearchView = Backbone.View.extend({
15 | events: {
16 | 'click #exec': 'do_search',
17 | 'keydown #id_q': 'do_keydown'
18 | },
19 | do_keydown: function (evt) {
20 | if(evt.keyCode == 13) {
21 | this.$('#exec').focus().click();
22 | }
23 | },
24 | do_search: function (evt) {
25 | var v = $(evt.currentTarget).siblings('#id_q').val();
26 | if(v) {
27 | App.gohash('#!/q/' + encodeURIComponent(v));
28 | }
29 | },
30 | initialize: function () {},
31 |
32 | render: function () {
33 | var html = App.template('#query-template', {});
34 | this.el.html(html);
35 | }
36 | });
37 |
38 | var StatusView = Backbone.View.extend({
39 | events: {
40 | 'click a.user': 'click_userlink'
41 | },
42 |
43 | click_userlink: function (evt) {
44 | evt.preventDefault();
45 | var userid = $(evt.currentTarget).attr('rel');
46 | if(userid) {
47 | App.gotoUserTimeline(userid);
48 | }
49 | evt.stopPropagation();
50 | },
51 |
52 | initialize: function (){},
53 |
54 | render: function() {
55 | var status = this.model.toJSON();
56 | var re = /^(\-?[\d\.]+)[,\s](\-?[\d\.]+)/.exec(status.location);
57 | if(re) {
58 | var loc = re[1] + ',' + re[2];
59 | status.map_image = ('http://maps.googleapis.com/maps/api/staticmap?center=' +
60 | loc + '&zoom=13&size=200x200&sensor=false');
61 | }
62 | status.created_at = parse_date(status.created_at);
63 | status.load_avatar = App.load_avatar;
64 | var html = App.template('#status-template', status);
65 | var dom = $(html);
66 | process_status_dom(dom);
67 | this.el.html(dom);
68 | }
69 | });
70 |
71 | var TimelineView = Backbone.View.extend({
72 | events: {
73 | 'click a.user': 'click_userlink',
74 | 'touchstart .status-row': 'touchstart_status',
75 | 'touchend .status-row': 'touchend_status',
76 | 'mousedown .status-row': 'touchstart_status',
77 | 'mouseup .status-row': 'touchend_status'
78 | },
79 |
80 | touchend_status: function (evt) {
81 | if(this.touched_row) {
82 | var target = $(evt.currentTarget);
83 | if(!target.hasClass('status-row')) {
84 | target = target.parents('.status-row');
85 | }
86 | var statusid = target.attr('rel');
87 | if(statusid && statusid == this.touched_row.statusid) {
88 | var pageX = evt.type == 'mouseup'?evt.pageX:evt.originalEvent.changedTouches[0].pageX;
89 | if(Math.abs(pageX - this.touched_row.pageX) > 80) {
90 | this.show_commands(target);
91 | }
92 | }
93 | this.touched_row = null;
94 | }
95 | },
96 |
97 | touchstart_status: function (evt) {
98 | var target = $(evt.currentTarget);
99 | if(!target.hasClass('status-row')) {
100 | target = target.parents('.status-row');
101 | }
102 | if(target.length) {
103 | var pageX = evt.type == 'mousedown'?evt.pageX:evt.originalEvent.changedTouches[0].pageX;
104 | this.touched_row = {
105 | 'statusid': target.attr('rel'),
106 | 'pageX': pageX
107 | };
108 | }
109 | },
110 |
111 | click_userlink: function (evt) {
112 | evt.preventDefault();
113 | var userid = $(evt.currentTarget).attr('rel');
114 | if(userid) {
115 | App.gotoUserTimeline(userid);
116 | }
117 | evt.stopPropagation();
118 | },
119 |
120 | show_commands: function (dock) {
121 | if($('#status-commands', dock).length) {
122 | $('#status-commands').remove();
123 | } else {
124 | $('#status-commands').remove();
125 | var statusid = dock.attr('rel');
126 | var repost_status_id = dock.attr('repost');
127 |
128 | var status = null;
129 | var created_at = '';
130 | for(var i=0; i
4 |
5 |
6 |
9 |
25 |
26 |
27 |
5 |
6 | 首页
7 |
8 |
9 |
25 |
28 |
29 |
43 |
44 |
49 |
30 |
41 |
42 |
31 |
38 |
40 |