-rw-r--r-- | content/fireflix.js | 52 |
1 files changed, 35 insertions, 17 deletions
diff --git a/content/fireflix.js b/content/fireflix.js index 9518480..82c7b0c 100644 --- a/content/fireflix.js +++ b/content/fireflix.js | |||
@@ -1,161 +1,181 @@ | |||
1 | function splitascii(s) { | 1 | function splitascii(s) { |
2 | var rv=''; | 2 | var rv=''; |
3 | for(var i=0;i<s.length;++i) { | 3 | for(var i=0;i<s.length;++i) { |
4 | var w = s.charCodeAt(i); | 4 | var w = s.charCodeAt(i); |
5 | rv += String.fromCharCode( | 5 | rv += String.fromCharCode( |
6 | w&0xff, (w>>8)&0xff ); | 6 | w&0xff, (w>>8)&0xff ); |
7 | } | 7 | } |
8 | return rv; | 8 | return rv; |
9 | } | 9 | } |
10 | 10 | ||
11 | 11 | ||
12 | var fireflix = { | 12 | var fireflix = { |
13 | flickr: new Flickr(), | 13 | flickr: new Flickr(), |
14 | init: function() { | 14 | init: function() { |
15 | this.cmd_auth_auth = document.getElementById('cmd_auth_auth'); | ||
16 | this.cmd_auth_done = document.getElementById('cmd_auth_done'); | ||
17 | this.cmd_auth_unauth = document.getElementById('cmd_auth_unauth'); | ||
18 | this.menu_auth_done = document.getElementById('menu_auth_done'); | ||
19 | this.b_auth = document.getElementById('b_auth'); | ||
20 | this.b_auth_done = document.getElementById('b_auth_done'); | ||
21 | this.auth_info = document.getElementById('auth_info'); | ||
15 | this.loc_strings = document.getElementById('loc_strings'); | 22 | this.loc_strings = document.getElementById('loc_strings'); |
16 | this.build_menus(); | 23 | this.build_menus(); |
17 | this.cmd_set_props = document.getElementById('cmd_set_props'); | 24 | this.cmd_set_props = document.getElementById('cmd_set_props'); |
18 | this.foundphotos.init(this); | 25 | this.foundphotos.init(this); |
19 | this.photosets.init(this); | 26 | this.photosets.init(this); |
20 | this.photoset.init(this); | 27 | this.photoset.init(this); |
21 | this.uploads.init(this); | 28 | this.uploads.init(this); |
22 | this.uploadObserver.init(this); | 29 | this.uploadObserver.init(this); |
23 | this.flickr.api_key = '9c43cd66947a57e6f29db1a9da3f72e3'; | 30 | this.flickr.api_key = '9c43cd66947a57e6f29db1a9da3f72e3'; |
24 | this.flickr.api_shs = '9c33c9e2f0f0cfd5'; | 31 | this.flickr.api_shs = '9c33c9e2f0f0cfd5'; |
25 | this.flickr.prefs_root = 'net.klever.kin.fireflix'; | 32 | this.flickr.prefs_root = 'net.klever.kin.fireflix'; |
26 | this.flickr.load_token(); | 33 | this.flickr.load_token(); |
27 | document.getElementById('setslist').view = this.photosets; | 34 | document.getElementById('setslist').view = this.photosets; |
28 | document.getElementById('setphotos').view = this.photoset; | 35 | document.getElementById('setphotos').view = this.photoset; |
29 | document.getElementById('uploadlist').view = this.uploads; | 36 | document.getElementById('uploadlist').view = this.uploads; |
30 | this.flickr.no_auth_info_label = document.getElementById('auth_info').value; | 37 | this.no_auth_info_label = this.auth_info.value; |
38 | this.set_auth_state(this.flickr.token,false); | ||
31 | if(this.flickr.token) { | 39 | if(this.flickr.token) { |
32 | this.refresh_stuff(); | 40 | this.refresh_stuff(); |
33 | document.getElementById('auth_info').value = | ||
34 | this.flickr.user.fullname+' ['+this.flickr.user.username+']'; | ||
35 | document.getElementById('auth_info').disabled = false; | ||
36 | document.getElementById('b_auth').hidden = true; | ||
37 | } | 41 | } |
38 | }, | 42 | }, |
39 | on_auth: function() { | 43 | set_auth_state: function(au,inp) { /* authorized, in progress */ |
44 | this.cmd_auth_unauth.disabled = !au; | ||
45 | this.b_auth.hidden = au || inp; | ||
46 | this.b_auth_done.hidden = !inp; | ||
47 | this.menu_auth_done.hidden = !inp; | ||
48 | this.cmd_auth_done.setAttribute('disabled',!inp); | ||
49 | this.auth_info.disabled = !au; | ||
50 | if(au) { | ||
51 | this.auth_info.value = this.flickr.user.fullname+' ['+this.flickr.user.username+']'; /* TODO: move to locale */ | ||
52 | }else{ | ||
53 | this.auth_info.value = this.no_auth_info_label; | ||
54 | } | ||
55 | }, | ||
56 | on_cmd_auth: function() { | ||
40 | var _this = this; | 57 | var _this = this; |
41 | this.flickr.authorize_0( | 58 | this.flickr.authorize_0( |
42 | function() { | 59 | function() { |
43 | document.getElementById('b_auth').hidden = true; | 60 | _this.set_auth_state(_this.flickr.token,true); |
44 | document.getElementById('b_auth_done').hidden = false; | ||
45 | }, function(x,s,c,m) { | 61 | }, function(x,s,c,m) { |
46 | _this.flickr_failure(x,s,c,m); | 62 | _this.flickr_failure(x,s,c,m); |
47 | } | 63 | } |
48 | ); | 64 | ); |
49 | }, | 65 | }, |
50 | on_auth_done: function() { | 66 | on_cmd_auth_done: function() { |
51 | document.getElementById('b_auth_done').hidden = true; | 67 | this.set_auth_state(this.flickr.token,false); |
52 | var _this = this; | 68 | var _this = this; |
53 | this.flickr.authorize_1( | 69 | this.flickr.authorize_1( |
54 | function() { | 70 | function() { |
55 | _this.flickr.save_token(); | 71 | _this.flickr.save_token(); |
56 | _this.refresh_stuff(); | 72 | _this.refresh_stuff(); |
57 | document.getElementById('auth_info').value = | 73 | _this.set_auth_state(_this.flickr.token,false); |
74 | _this.auth_info.value = | ||
58 | _this.flickr.user.fullname+' ['+_this.flickr.user.username+']'; | 75 | _this.flickr.user.fullname+' ['+_this.flickr.user.username+']'; |
59 | document.getElementById('auth_info').disabled = false; | ||
60 | }, function(x,s,c,m) { | 76 | }, function(x,s,c,m) { |
61 | document.getElementById('b_auth').hidden = false; | 77 | _this.set_auth_state(_this.flickr.token,false); /* XXX: no reset token? */ |
62 | _this.flickr_failure(x,s,c,m); | 78 | _this.flickr_failure(x,s,c,m); |
63 | } | 79 | } |
64 | ); | 80 | ); |
65 | }, | 81 | }, |
82 | on_cmd_auth_unauth: function() { | ||
83 | this.flickr.reset_token(); | ||
84 | this.set_auth_state(false,false); | ||
85 | }, | ||
66 | 86 | ||
67 | refresh_sets: function() { this.photosets.refresh_sets(); }, | 87 | refresh_sets: function() { this.photosets.refresh_sets(); }, |
68 | refresh_stuff: function() { | 88 | refresh_stuff: function() { |
69 | this.refresh_sets(); | 89 | this.refresh_sets(); |
70 | this.refresh_user_tags(); | 90 | this.refresh_user_tags(); |
71 | }, | 91 | }, |
72 | 92 | ||
73 | /* photoset treeview */ | 93 | /* photoset treeview */ |
74 | photoset: { | 94 | photoset: { |
75 | photos: new Array(), | 95 | photos: new Array(), |
76 | fireflix: null, | 96 | fireflix: null, |
77 | init: function(f) { | 97 | init: function(f) { |
78 | this.fireflix = f; | 98 | this.fireflix = f; |
79 | }, | 99 | }, |
80 | rowCount: 0, | 100 | rowCount: 0, |
81 | getCellText: function(r,c) { | 101 | getCellText: function(r,c) { |
82 | var p = this.photos[r]; | 102 | var p = this.photos[r]; |
83 | if(c.id=='sp_title') return p.title; | 103 | if(c.id=='sp_title') return p.title; |
84 | if(c.id=='sp_taken') return p.datetaken; | 104 | if(c.id=='sp_taken') return p.datetaken; |
85 | if(c.id=='sp_upload') return p.dateupload; /* TODO: unixtime conversion */ | 105 | if(c.id=='sp_upload') return p.dateupload; /* TODO: unixtime conversion */ |
86 | return c.id; | 106 | return c.id; |
87 | }, | 107 | }, |
88 | setTree: function(t) { this.tree = t }, | 108 | setTree: function(t) { this.tree = t }, |
89 | isContainer: function(r) { return false; }, | 109 | isContainer: function(r) { return false; }, |
90 | isSeparator: function(r) { return false; }, | 110 | isSeparator: function(r) { return false; }, |
91 | isSorted: function(r) { return false; }, | 111 | isSorted: function(r) { return false; }, |
92 | getLevel: function(r) { return 0; }, | 112 | getLevel: function(r) { return 0; }, |
93 | getImageSrc: function(r,c) { return null }, | 113 | getImageSrc: function(r,c) { return null }, |
94 | getRowProperties: function(r,p) {}, | 114 | getRowProperties: function(r,p) {}, |
95 | getCellProperties: function(cid,cel,p) {}, | 115 | getCellProperties: function(cid,cel,p) {}, |
96 | getColumnProperties: function(cid,cel,p) { }, | 116 | getColumnProperties: function(cid,cel,p) { }, |
97 | cycleHeader: function(cid,e) { }, | 117 | cycleHeader: function(cid,e) { }, |
98 | getParentIndex: function(r) { return -1; }, | 118 | getParentIndex: function(r) { return -1; }, |
99 | drop: function(r,o) { }, | 119 | drop: function(r,o) { }, |
100 | canDropBeforeAfter: function(r,b) { return false }, | 120 | canDropBeforeAfter: function(r,b) { return false }, |
101 | 121 | ||
102 | importXPR: function(xp) { | 122 | importXPR: function(xp) { |
103 | this.tree.beginUpdateBatch(); | 123 | this.tree.beginUpdateBatch(); |
104 | this.photos = new Array(); | 124 | this.photos = new Array(); |
105 | var n; while(n=xp.iterateNext()) { | 125 | var n; while(n=xp.iterateNext()) { |
106 | this.photos.push(new Photo(n)); | 126 | this.photos.push(new Photo(n)); |
107 | } | 127 | } |
108 | this.rowCount = this.photos.length; | 128 | this.rowCount = this.photos.length; |
109 | this.tree.endUpdateBatch(); | 129 | this.tree.endUpdateBatch(); |
110 | }, | 130 | }, |
111 | load_photos: function(psid) { | 131 | load_photos: function(psid) { |
112 | var _this = this; | 132 | var _this = this; |
113 | this.fireflix.flickr.api_call( | 133 | this.fireflix.flickr.api_call( |
114 | { | 134 | { |
115 | method: 'flickr.photosets.getPhotos', | 135 | method: 'flickr.photosets.getPhotos', |
116 | auth_token: 'default', | 136 | auth_token: 'default', |
117 | photoset_id: psid, | 137 | photoset_id: psid, |
118 | extras: 'license,date_upload,date_taken,owner_name,icon_server,original_format,last_update' | 138 | extras: 'license,date_upload,date_taken,owner_name,icon_server,original_format,last_update' |
119 | }, function(xr) { | 139 | }, function(xr) { |
120 | var x = xr.responseXML; | 140 | var x = xr.responseXML; |
121 | var xp = x.evaluate( | 141 | var xp = x.evaluate( |
122 | '/rsp/photoset/photo', x, null, | 142 | '/rsp/photoset/photo', x, null, |
123 | XPathResult.ORDERED_NODE_ITERATOR_TYPE, null ); | 143 | XPathResult.ORDERED_NODE_ITERATOR_TYPE, null ); |
124 | _this.importXPR(xp); | 144 | _this.importXPR(xp); |
125 | }, function(x,s,c,m) { | 145 | }, function(x,s,c,m) { |
126 | _this.fireflix.flickr_failure(x,s,c,m); | 146 | _this.fireflix.flickr_failure(x,s,c,m); |
127 | } | 147 | } |
128 | ); | 148 | ); |
129 | }, | 149 | }, |
130 | on_select: function() { | 150 | on_select: function() { |
131 | if(this.selection.count==1) { | 151 | if(this.selection.count==1) { |
132 | var p = this.photos[this.selection.currentIndex]; | 152 | var p = this.photos[this.selection.currentIndex]; |
133 | document.getElementById('set_photo').src = | 153 | document.getElementById('set_photo').src = |
134 | this.fireflix.flickr.get_photo_url(p.server,p.id,p.secret,'t'); | 154 | this.fireflix.flickr.get_photo_url(p.server,p.id,p.secret,'t'); |
135 | document.getElementById('set_photo').hidden = false; | 155 | document.getElementById('set_photo').hidden = false; |
136 | }else{ | 156 | }else{ |
137 | document.getElementById('set_photo').hidden = true; | 157 | document.getElementById('set_photo').hidden = true; |
138 | } | 158 | } |
139 | } | 159 | } |
140 | }, | 160 | }, |
141 | 161 | ||
142 | /* photosets treeview */ | 162 | /* photosets treeview */ |
143 | photosets: { | 163 | photosets: { |
144 | sets: new Array(), | 164 | sets: new Array(), |
145 | fireflix: null, | 165 | fireflix: null, |
146 | init: function(f) { | 166 | init: function(f) { |
147 | this.fireflix = f; | 167 | this.fireflix = f; |
148 | }, | 168 | }, |
149 | rowCount: 0, | 169 | rowCount: 0, |
150 | getCellText: function(r,c) { | 170 | getCellText: function(r,c) { |
151 | var s = this.sets[r]; | 171 | var s = this.sets[r]; |
152 | if(c.id=='sl_name') return s.title; | 172 | if(c.id=='sl_name') return s.title; |
153 | if(c.id=='sl_photos') return s.photos; | 173 | if(c.id=='sl_photos') return s.photos; |
154 | return c.id; | 174 | return c.id; |
155 | }, | 175 | }, |
156 | setTree: function(t) { this.tree = t }, | 176 | setTree: function(t) { this.tree = t }, |
157 | isContainer: function(r) { return false; }, | 177 | isContainer: function(r) { return false; }, |
158 | isSeparator: function(r) { return false; }, | 178 | isSeparator: function(r) { return false; }, |
159 | isSorted: function() { return false; }, | 179 | isSorted: function() { return false; }, |
160 | getLevel: function(r) { return 0; }, | 180 | getLevel: function(r) { return 0; }, |
161 | getImageSrc: function(r,c) { return null }, | 181 | getImageSrc: function(r,c) { return null }, |
@@ -773,106 +793,104 @@ var fireflix = { | |||
773 | this.searchresult_props.hidden = false; | 793 | this.searchresult_props.hidden = false; |
774 | }else{ | 794 | }else{ |
775 | this.searchresult_description.value=p.description?p.description:null; | 795 | this.searchresult_description.value=p.description?p.description:null; |
776 | } | 796 | } |
777 | } | 797 | } |
778 | } | 798 | } |
779 | }, | 799 | }, |
780 | on_cmd_open: function(ev) { | 800 | on_cmd_open: function(ev) { |
781 | if(this.selection.currentIndex<0) | 801 | if(this.selection.currentIndex<0) |
782 | return; | 802 | return; |
783 | var p = this.photos[this.selection.currentIndex]; | 803 | var p = this.photos[this.selection.currentIndex]; |
784 | if(!p.id) | 804 | if(!p.id) |
785 | return; | 805 | return; |
786 | this.fireflix.openTab(this.fireflix.flickr.make_photo_url(p,'p')); | 806 | this.fireflix.openTab(this.fireflix.flickr.make_photo_url(p,'p')); |
787 | } | 807 | } |
788 | }, | 808 | }, |
789 | 809 | ||
790 | photo_html: function(p,i,l) { | 810 | photo_html: function(p,i,l) { |
791 | // TODO: add alt/title when possible | 811 | // TODO: add alt/title when possible |
792 | var rv = | 812 | var rv = |
793 | '<a href="'+this.flickr.make_photo_url(p,l)+'">' + | 813 | '<a href="'+this.flickr.make_photo_url(p,l)+'">' + |
794 | '<img src="'+this.flickr.make_photo_url(p,i)+'" />'+ | 814 | '<img src="'+this.flickr.make_photo_url(p,i)+'" />'+ |
795 | '</a>'; | 815 | '</a>'; |
796 | return rv; | 816 | return rv; |
797 | }, | 817 | }, |
798 | build_html: function(photos,uti,utl) { | 818 | build_html: function(photos,uti,utl) { |
799 | var rv = ''; | 819 | var rv = ''; |
800 | for(var i in photos) { | 820 | for(var i in photos) { |
801 | var p = photos[i]; | 821 | var p = photos[i]; |
802 | rv += this.photo_html(p,utl,uti)+'\n'; | 822 | rv += this.photo_html(p,utl,uti)+'\n'; |
803 | } | 823 | } |
804 | return rv; | 824 | return rv; |
805 | }, | 825 | }, |
806 | 826 | ||
807 | popup_content: function(s) { | 827 | popup_content: function(s) { |
808 | window.openDialog( | 828 | window.openDialog( |
809 | "chrome://fireflix/content/generated-content.xul", | 829 | "chrome://fireflix/content/generated-content.xul", |
810 | null, "dialog,chrome", this, s ); | 830 | null, "dialog,chrome", this, s ); |
811 | }, | 831 | }, |
812 | copy_to_clipboard: function(s) { | 832 | copy_to_clipboard: function(s) { |
813 | var ch = Components.classes["@mozilla.org/widget/clipboardhelper;1"] | 833 | var ch = Components.classes["@mozilla.org/widget/clipboardhelper;1"] |
814 | .getService(Components.interfaces.nsIClipboardHelper); | 834 | .getService(Components.interfaces.nsIClipboardHelper); |
815 | ch.copyString(s); | 835 | ch.copyString(s); |
816 | }, | 836 | }, |
817 | openTab: function(l) { | 837 | openTab: function(l) { |
818 | var wm = Components.classes['@mozilla.org/appshell/window-mediator;1'].getService( | 838 | var wm = Components.classes['@mozilla.org/appshell/window-mediator;1'].getService( |
819 | Components.interfaces.nsIWindowMediator ); | 839 | Components.interfaces.nsIWindowMediator ); |
820 | var bw = wm.getMostRecentWindow('navigator:browser'); | 840 | var bw = wm.getMostRecentWindow('navigator:browser'); |
821 | var b = bw.getBrowser(); | 841 | var b = bw.getBrowser(); |
822 | var t = b.addTab(l); | 842 | var t = b.addTab(l); |
823 | b.selectedTab = t; | 843 | b.selectedTab = t; |
824 | }, | 844 | }, |
825 | 845 | ||
826 | build_menus: function() { | 846 | build_menus: function() { |
827 | this.append_html_menu( | 847 | this.append_html_menu( |
828 | document.getElementById('sets_html_menu'), | 848 | document.getElementById('sets_html_menu'), |
829 | 'stm_','m_bop','cmdset_sets','cmd_sets_html' | 849 | 'stm_','m_bop','cmdset_sets','cmd_sets_html' |
830 | ); | 850 | ); |
831 | this.append_html_menu( | 851 | this.append_html_menu( |
832 | document.getElementById('uploads_html_menu'), | 852 | document.getElementById('uploads_html_menu'), |
833 | 'stm_','m_bop','cmdset_uploads','cmd_uploads_html' | 853 | 'stm_','m_bop','cmdset_uploads','cmd_uploads_html' |
834 | ); | 854 | ); |
835 | return; | 855 | return; |
836 | }, | 856 | }, |
837 | append_html_menu: function(m,imgt,lnkt,csid,cpfx) { | 857 | append_html_menu: function(m,imgt,lnkt,csid,cpfx) { |
838 | var mp = m.appendChild(document.createElement('menupopup')); | 858 | var mp = m.appendChild(document.createElement('menupopup')); |
839 | var t; | 859 | var t; |
840 | t=mp.appendChild(document.createElement('menuitem')); | 860 | t=mp.appendChild(document.createElement('menuitem')); |
841 | t.setAttribute('label',this.loc_strings.getString('menutitle_Images')); | 861 | t.setAttribute('label',this.loc_strings.getString('menutitle_Images')); |
842 | t.setAttribute('class','menuhead');t.setAttribute('disabled','true'); | 862 | t.setAttribute('class','menuhead');t.setAttribute('disabled','true'); |
843 | mp.appendChild(document.createElement('menuseparator')); | 863 | mp.appendChild(document.createElement('menuseparator')); |
844 | var cs = document.getElementById(csid); | 864 | var cs = document.getElementById(csid); |
845 | for(var iti=0;iti<imgt.length;++iti) { | 865 | for(var iti=0;iti<imgt.length;++iti) { |
846 | t = mp.appendChild(document.createElement('menu')); | 866 | t = mp.appendChild(document.createElement('menu')); |
847 | t.setAttribute('label',this.loc_strings.getString('urltype_'+imgt.charAt(iti))); | 867 | t.setAttribute('label',this.loc_strings.getString('urltype_'+imgt.charAt(iti))); |
848 | var smp = t.appendChild(document.createElement('menupopup')); | 868 | var smp = t.appendChild(document.createElement('menupopup')); |
849 | t=smp.appendChild(document.createElement('menuitem')); | 869 | t=smp.appendChild(document.createElement('menuitem')); |
850 | t.setAttribute('label',this.loc_strings.getString('menutitle_Links')); | 870 | t.setAttribute('label',this.loc_strings.getString('menutitle_Links')); |
851 | t.setAttribute('class','menuhead');t.setAttribute('disabled','true'); | 871 | t.setAttribute('class','menuhead');t.setAttribute('disabled','true'); |
852 | smp.appendChild(document.createElement('menuseparator')); | 872 | smp.appendChild(document.createElement('menuseparator')); |
853 | for(var lti=0;lti<lnkt.length;++lti) { | 873 | for(var lti=0;lti<lnkt.length;++lti) { |
854 | var csfx = imgt.charAt(iti)+lnkt.charAt(lti); | 874 | var csfx = imgt.charAt(iti)+lnkt.charAt(lti); |
855 | t=smp.appendChild(document.createElement('menuitem')); | 875 | t=smp.appendChild(document.createElement('menuitem')); |
856 | t.setAttribute('label',this.loc_strings.getString('urltype_'+lnkt.charAt(lti))); | 876 | t.setAttribute('label',this.loc_strings.getString('urltype_'+lnkt.charAt(lti))); |
857 | t.setAttribute('command',cpfx+'_'+csfx); | 877 | t.setAttribute('command',cpfx+'_'+csfx); |
858 | t=cs.appendChild(document.createElement('command')); | 878 | t=cs.appendChild(document.createElement('command')); |
859 | t.setAttribute('id',cpfx+'_'+csfx); | 879 | t.setAttribute('id',cpfx+'_'+csfx); |
860 | t.setAttribute('oncommand','fireflix.on_'+cpfx+"('"+csfx+"',event)"); | 880 | t.setAttribute('oncommand','fireflix.on_'+cpfx+"('"+csfx+"',event)"); |
861 | } | 881 | } |
862 | } | 882 | } |
863 | return mp; | 883 | return mp; |
864 | }, | 884 | }, |
865 | 885 | ||
866 | flickr_failure: function(x,s,c,m) { | 886 | flickr_failure: function(x,s,c,m) { |
867 | if(c==98) { // Invalid auth token | 887 | if(c==98) { // Invalid auth token |
868 | this.flickr.reset_token(); | 888 | this.flickr.reset_token(); |
869 | document.getElementById('auth_info').value = this.no_auth_info_label; | 889 | this.set_auth_state(false,false); |
870 | document.getElementById('auth_info').disabled = true; | ||
871 | document.getElementById('b_auth').hidden = false; | ||
872 | return; | 890 | return; |
873 | } | 891 | } |
874 | // TODO: is that beauty | 892 | // TODO: is that beauty? |
875 | alert('flickr api call failed\n'+c+' '+m); | 893 | alert('flickr api call failed\n'+c+' '+m); |
876 | } | 894 | } |
877 | 895 | ||
878 | }; | 896 | }; |