-rw-r--r-- | content/fireflix-panel.xul | 2 | ||||
-rw-r--r-- | content/fireflix.css | 7 | ||||
-rw-r--r-- | content/fireflix.js | 20 |
3 files changed, 14 insertions, 15 deletions
diff --git a/content/fireflix-panel.xul b/content/fireflix-panel.xul index b84b596..e5e1742 100644 --- a/content/fireflix-panel.xul +++ b/content/fireflix-panel.xul | |||
@@ -1,272 +1,272 @@ | |||
1 | <?xml version="1.0"?> | 1 | <?xml version="1.0"?> |
2 | <?xml-stylesheet href="chrome://global/skin/" type="text/css"?> | 2 | <?xml-stylesheet href="chrome://global/skin/" type="text/css"?> |
3 | <?xml-stylesheet href="fireflix.css" type="text/css"?> | 3 | <?xml-stylesheet href="fireflix.css" type="text/css"?> |
4 | <!DOCTYPE page SYSTEM "chrome://fireflix/locale/fireflix.dtd"> | 4 | <!DOCTYPE page SYSTEM "chrome://fireflix/locale/fireflix.dtd"> |
5 | <page | 5 | <page |
6 | xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" | 6 | xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" |
7 | id="fireflixwindow" title="Fireflix" | 7 | id="fireflixwindow" title="Fireflix" |
8 | onload="fireflix.init()" | 8 | onload="fireflix.init()" |
9 | orient="vertical" | 9 | orient="vertical" |
10 | ondragover="nsDragAndDrop.dragOver(event,fireflix.uploadObserver)" | 10 | ondragover="nsDragAndDrop.dragOver(event,fireflix.uploadObserver)" |
11 | ondragdrop="nsDragAndDrop.drop(event,fireflix.uploadObserver)" | 11 | ondragdrop="nsDragAndDrop.drop(event,fireflix.uploadObserver)" |
12 | > | 12 | > |
13 | 13 | ||
14 | <script src="chrome://global/content/nsDragAndDrop.js"/> | 14 | <script src="chrome://global/content/nsDragAndDrop.js"/> |
15 | <script src="chrome://global/content/nsTransferable.js"/> | 15 | <script src="chrome://global/content/nsTransferable.js"/> |
16 | <script type="application/x-javascript" src="md5.js" /> | 16 | <script type="application/x-javascript" src="md5.js" /> |
17 | <script type="application/x-javascript" src="util.js" /> | 17 | <script type="application/x-javascript" src="util.js" /> |
18 | <script type="application/x-javascript" src="flickr.js" /> | 18 | <script type="application/x-javascript" src="flickr.js" /> |
19 | <script type="application/x-javascript" src="fireflix.js" /> | 19 | <script type="application/x-javascript" src="fireflix.js" /> |
20 | 20 | ||
21 | <stringbundleset> | 21 | <stringbundleset> |
22 | <stringbundle id="loc_strings" src="chrome://fireflix/locale/fireflix.properties" /> | 22 | <stringbundle id="loc_strings" src="chrome://fireflix/locale/fireflix.properties" /> |
23 | </stringbundleset> | 23 | </stringbundleset> |
24 | 24 | ||
25 | <commandset> | 25 | <commandset> |
26 | <command id="cmd_auth_auth" label="&panel.auth.auth.label;" | 26 | <command id="cmd_auth_auth" label="&panel.auth.auth.label;" |
27 | oncommand="fireflix.on_cmd_auth()"/> | 27 | oncommand="fireflix.on_cmd_auth()"/> |
28 | <command id="cmd_auth_done" label="&panel.auth.done.label;" | 28 | <command id="cmd_auth_done" label="&panel.auth.done.label;" |
29 | oncommand="fireflix.on_cmd_auth_done()" disabled="true"/> | 29 | oncommand="fireflix.on_cmd_auth_done()" disabled="true"/> |
30 | <command id="cmd_auth_open_flickr" label="&panel.auth.flickr.label;" | 30 | <command id="cmd_auth_open_flickr" label="&panel.auth.flickr.label;" |
31 | oncommand="fireflix.openTab('htp://www.flickr.com/')" /> | 31 | oncommand="fireflix.openTab('htp://www.flickr.com/')" /> |
32 | <command id="cmd_auth_unauth" label="&panel.auth.unauth.label;" | 32 | <command id="cmd_auth_unauth" label="&panel.auth.unauth.label;" |
33 | oncommand="fireflix.on_cmd_auth_unauth()" /> | 33 | oncommand="fireflix.on_cmd_auth_unauth()" /> |
34 | </commandset> | 34 | </commandset> |
35 | 35 | ||
36 | <popupset> | 36 | <popupset> |
37 | <popup id="auth_menu"> | 37 | <popup id="auth_menu"> |
38 | <menuitem command="cmd_auth_auth"/> | 38 | <menuitem command="cmd_auth_auth"/> |
39 | <menuitem command="cmd_auth_done" hidden="true" id="menu_auth_done"/> | 39 | <menuitem command="cmd_auth_done" hidden="true" id="menu_auth_done"/> |
40 | <menuitem command="cmd_auth_unauth" /> | 40 | <menuitem command="cmd_auth_unauth" /> |
41 | <menuseparator/> | 41 | <menuseparator/> |
42 | <menuitem command="cmd_auth_open_flickr"/> | 42 | <menuitem command="cmd_auth_open_flickr"/> |
43 | </popup> | 43 | </popup> |
44 | </popupset> | 44 | </popupset> |
45 | 45 | ||
46 | <commandset id="cmdset_search"> | 46 | <commandset id="cmdset_search"> |
47 | <command id="cmd_search" label="&panel.search.cmd_search.label;" | 47 | <command id="cmd_search" label="&panel.search.cmd_search.label;" |
48 | oncommand="fireflix.foundphotos.search_photos()"/> | 48 | oncommand="fireflix.foundphotos.search_photos()"/> |
49 | <command id="cmd_search_open" label="&panel.search.cmd_search_open.label;" | 49 | <command id="cmd_search_open" label="&panel.search.cmd_search_open.label;" |
50 | oncommand="fireflix.foundphotos.on_cmd_open(event)" /> | 50 | oncommand="fireflix.foundphotos.on_cmd_open(event)" /> |
51 | </commandset> | 51 | </commandset> |
52 | 52 | ||
53 | <commandset id="cmdset_sets"> | 53 | <commandset id="cmdset_sets"> |
54 | <command id="cmd_refresh_sets" label="&panel.sets.cmd_refresh_sets;" | 54 | <command id="cmd_refresh_sets" label="&panel.sets.cmd_refresh_sets;" |
55 | oncommand="fireflix.on_refresh_sets()" /> | 55 | oncommand="fireflix.on_refresh_sets()" /> |
56 | <command id="cmd_set_props" label="&panel.sets.cmd_properties;" | 56 | <command id="cmd_set_props" label="&panel.sets.cmd_properties;" |
57 | oncommand="fireflix.on_set_props()" disabled="true" /> | 57 | oncommand="fireflix.on_set_props()" disabled="true" /> |
58 | </commandset> | 58 | </commandset> |
59 | 59 | ||
60 | <popupset> | 60 | <popupset> |
61 | <popup id="sets_menu"> | 61 | <popup id="sets_menu"> |
62 | <menuitem command="cmd_set_props"/> | 62 | <menuitem command="cmd_set_props"/> |
63 | <menuitem command="cmd_refresh_sets"/> | 63 | <menuitem command="cmd_refresh_sets"/> |
64 | <menuseparator/> | 64 | <menuseparator/> |
65 | <menu label="&panel.sets.generate_html;" id="sets_html_menu"/> | 65 | <menu label="&panel.sets.generate_html;" id="sets_html_menu"/> |
66 | </popup> | 66 | </popup> |
67 | </popupset> | 67 | </popupset> |
68 | 68 | ||
69 | <commandset id="cmdset_uploads"> | 69 | <commandset id="cmdset_uploads"> |
70 | <command id="cmd_uploads_clear" label="&panel.uploads.clear.label;" | 70 | <command id="cmd_uploads_clear" label="&panel.uploads.clear.label;" |
71 | oncommand="fireflix.uploads.on_clear()" /> | 71 | oncommand="fireflix.uploads.on_clear()" /> |
72 | <command id="cmd_uploads_upload" label="&panel.uploads.upload.label;" | 72 | <command id="cmd_uploads_upload" label="&panel.uploads.upload.label;" |
73 | oncommand="fireflix.uploads.on_upload()" /> | 73 | oncommand="fireflix.uploads.on_upload()" /> |
74 | <command id="cmd_uploads_remove" label="&panel.uploads.remove.label;" | 74 | <command id="cmd_uploads_remove" label="&panel.uploads.remove.label;" |
75 | oncommand="fireflix.uploads.on_remove()" /> | 75 | oncommand="fireflix.uploads.on_remove()" /> |
76 | <command id="cmd_uploads_add" label="&panel.uploads.add.label;" | 76 | <command id="cmd_uploads_add" label="&panel.uploads.add.label;" |
77 | oncommand="fireflix.uploads.on_add()" /> | 77 | oncommand="fireflix.uploads.on_add()" /> |
78 | </commandset> | 78 | </commandset> |
79 | 79 | ||
80 | <popupset> | 80 | <popupset> |
81 | <popup id="uploads_menu"> | 81 | <popup id="uploads_menu"> |
82 | <menuitem command="cmd_uploads_add"/> | 82 | <menuitem command="cmd_uploads_add"/> |
83 | <menuitem command="cmd_uploads_clear"/> | 83 | <menuitem command="cmd_uploads_clear"/> |
84 | <menuitem command="cmd_uploads_remove"/> | 84 | <menuitem command="cmd_uploads_remove"/> |
85 | <menuseparator/> | 85 | <menuseparator/> |
86 | <menuitem command="cmd_uploads_upload"/> | 86 | <menuitem command="cmd_uploads_upload"/> |
87 | <menuseparator/> | 87 | <menuseparator/> |
88 | <menu label="&panel.uploads.generate_html;" id="uploads_html_menu"/> | 88 | <menu label="&panel.uploads.generate_html;" id="uploads_html_menu"/> |
89 | </popup> | 89 | </popup> |
90 | </popupset> | 90 | </popupset> |
91 | 91 | ||
92 | <vbox class="wholething" flex="1"> | 92 | <vbox class="wholething" flex="1"> |
93 | 93 | ||
94 | <groupbox context="auth_menu"> | 94 | <groupbox context="auth_menu"> |
95 | <caption label="&panel.auth_info;"/> | 95 | <caption label="&panel.auth_info;"/> |
96 | <hbox> | 96 | <hbox> |
97 | <label id="auth_info" value="&panel.no_auth_info;" flex="1" disabled="true" crop="end"/> | 97 | <label id="auth_info" value="&panel.no_auth_info;" flex="1" disabled="true" crop="end"/> |
98 | <button id="b_auth" command="cmd_auth_auth"/> | 98 | <button id="b_auth" command="cmd_auth_auth"/> |
99 | <button id="b_auth_done" command="cmd_auth_done" hidden="true"/> | 99 | <button id="b_auth_done" command="cmd_auth_done" hidden="true"/> |
100 | <button command="cmd_auth_open_flickr" | 100 | <button command="cmd_auth_open_flickr" |
101 | tooltiptext="&panel.auth.flickr.tip;"/> | 101 | tooltiptext="&panel.auth.flickr.tip;"/> |
102 | </hbox> | 102 | </hbox> |
103 | </groupbox> | 103 | </groupbox> |
104 | 104 | ||
105 | <tabbox flex="1" id="fireflix_tabs"> | 105 | <tabbox flex="1" id="fireflix_tabs"> |
106 | 106 | ||
107 | <tabs> | 107 | <tabs> |
108 | <tab label="&panel.tabs.search;"/> | 108 | <tab label="&panel.tabs.search;"/> |
109 | <tab label="&panel.tabs.sets;"/> | 109 | <tab label="&panel.tabs.sets;"/> |
110 | <tab label="&panel.tabs.tags;" hidden="true"/> <!-- TODO: --> | 110 | <tab label="&panel.tabs.tags;" hidden="true"/> <!-- TODO: --> |
111 | <tab id="tab_upload" label="&panel.tabs.upload;"/> | 111 | <tab id="tab_upload" label="&panel.tabs.upload;"/> |
112 | </tabs> | 112 | </tabs> |
113 | 113 | ||
114 | <tabpanels flex="1"> | 114 | <tabpanels flex="1"> |
115 | 115 | ||
116 | <tabpanel id="tabpanel_search" flex="1"> | 116 | <tabpanel id="tabpanel_search" flex="1"> |
117 | <vbox flex="1"> | 117 | <vbox flex="1"> |
118 | <groupbox class="search_params" orient="vertical" onkeypress="if(event.keyCode==event.DOM_VK_RETURN) fireflix.foundphotos.search_photos()"> | 118 | <groupbox class="search_params" orient="vertical" onkeypress="if(event.keyCode==event.DOM_VK_RETURN) fireflix.foundphotos.search_photos()"> |
119 | <hbox> | 119 | <hbox> |
120 | <label control="search_for" value="&panel.search.search_for.label;" | 120 | <label control="search_for" value="&panel.search.search_for.label;" |
121 | accesskey="s"/> | 121 | accesskey="s"/> |
122 | <textbox id="search_for" flex="1"/> | 122 | <textbox id="search_for" flex="1"/> |
123 | </hbox> | 123 | </hbox> |
124 | <hbox> | 124 | <hbox> |
125 | <checkbox id="search_tags" label="&panel.search.mode.tagsonly.label;" | 125 | <checkbox id="search_tags" label="&panel.search.mode.tagsonly.label;" |
126 | tooltiptext="&panel.search.mode.tagsonly.tip;" checked="false" | 126 | tooltiptext="&panel.search.mode.tagsonly.tip;" checked="false" |
127 | accesskey="t" /> | 127 | accesskey="t" /> |
128 | <checkbox id="search_mine" label="&panel.search.mode.mine.label;" checked="true" accesskey="m"/> | 128 | <checkbox id="search_mine" label="&panel.search.mode.mine.label;" checked="true" accesskey="m"/> |
129 | <spacer flex="1"/> | 129 | <spacer flex="1"/> |
130 | <button command="cmd_search"/> | 130 | <button command="cmd_search"/> |
131 | </hbox> | 131 | </hbox> |
132 | </groupbox> | 132 | </groupbox> |
133 | <tree id="searchresults" rows="2" flex="1" | 133 | <tree id="searchresults" rows="2" flex="1" |
134 | onselect="fireflix.foundphotos.on_select()" | 134 | onselect="fireflix.foundphotos.on_select()" |
135 | ondblclick="fireflix.foundphotos.on_cmd_open(event)" | 135 | ondblclick="fireflix.foundphotos.on_cmd_open(event)" |
136 | onkeypress="if(event.keyCode==event.DOM_VK_RETURN) | 136 | onkeypress="if(event.keyCode==event.DOM_VK_RETURN) |
137 | fireflix.foundphotos.on_cmd_open(event)"> | 137 | fireflix.foundphotos.on_cmd_open(event)"> |
138 | <treecols> | 138 | <treecols> |
139 | <treecol id="sr_title" label="&panel.search.col.title.label;" flex="2" crop="end" align="start" /> | 139 | <treecol id="sr_title" label="&panel.search.col.title.label;" flex="2" crop="end" align="start" /> |
140 | </treecols> | 140 | </treecols> |
141 | <treechildren/> | 141 | <treechildren/> |
142 | </tree> | 142 | </tree> |
143 | <groupbox id="searchresult_props" orient="horizontal" hidden="true"> | 143 | <groupbox id="searchresult_props" orient="horizontal" hidden="true"> |
144 | <vbox width="100" pack="center"> | 144 | <vbox width="100" pack="center"> |
145 | <hbox pack="center"> | 145 | <hbox pack="center"> |
146 | <image id="search_photo"/> | 146 | <image id="search_photo"/> |
147 | </hbox> | 147 | </hbox> |
148 | </vbox> | 148 | </vbox> |
149 | <vbox flex="1"> | 149 | <vbox flex="1"> |
150 | <label id="searchresult_title"/> | 150 | <label id="searchresult_title"/> |
151 | <iframe flex="1" id="searchresult_description"/> | 151 | <div flex="1" id="searchresult_description" xmlns="http://www.w3.org/1999/xhtml"/> |
152 | <hbox pack="end"> | 152 | <hbox pack="end"> |
153 | <button command="cmd_search_open"/> | 153 | <button command="cmd_search_open"/> |
154 | </hbox> | 154 | </hbox> |
155 | </vbox> | 155 | </vbox> |
156 | </groupbox> | 156 | </groupbox> |
157 | </vbox> | 157 | </vbox> |
158 | </tabpanel> | 158 | </tabpanel> |
159 | 159 | ||
160 | <tabpanel id="tabpanel_sets" flex="1" | 160 | <tabpanel id="tabpanel_sets" flex="1" |
161 | onkeypress="if(event.keyCode==event.DOM_VK_RETURN) | 161 | onkeypress="if(event.keyCode==event.DOM_VK_RETURN) |
162 | document.getElementById('setphotos').focus()"> | 162 | document.getElementById('setphotos').focus()"> |
163 | <vbox flex="1"> | 163 | <vbox flex="1"> |
164 | <tree id="setslist" rows="2" onselect="fireflix.photosets.on_select()" | 164 | <tree id="setslist" rows="2" onselect="fireflix.photosets.on_select()" |
165 | flex="1" context="sets_menu" | 165 | flex="1" context="sets_menu" |
166 | > | 166 | > |
167 | <treecols> | 167 | <treecols> |
168 | <treecol id="sl_name" label="&panel.sets.name.label;" flex="4" crop="end" align="start" tooltiptext="&panel.sets.name.tip;"/> | 168 | <treecol id="sl_name" label="&panel.sets.name.label;" flex="4" crop="end" align="start" tooltiptext="&panel.sets.name.tip;"/> |
169 | <splitter class="tree-splitter" /> | 169 | <splitter class="tree-splitter" /> |
170 | <treecol id="sl_photos" label="&panel.sets.photos.label;" flex="1" align="end" tooltiptext="&panel.sets.photos.tip;" /> | 170 | <treecol id="sl_photos" label="&panel.sets.photos.label;" flex="1" align="end" tooltiptext="&panel.sets.photos.tip;" /> |
171 | </treecols> | 171 | </treecols> |
172 | <treechildren/> | 172 | <treechildren/> |
173 | </tree> | 173 | </tree> |
174 | <hbox> | 174 | <hbox> |
175 | <button command="cmd_refresh_sets" /> | 175 | <button command="cmd_refresh_sets" /> |
176 | <button command="cmd_set_props" /> | 176 | <button command="cmd_set_props" /> |
177 | </hbox> | 177 | </hbox> |
178 | <tree id="setphotos" rows="2" onselect="fireflix.photoset.on_select()" | 178 | <tree id="setphotos" rows="2" onselect="fireflix.photoset.on_select()" |
179 | flex="1"> | 179 | flex="1"> |
180 | <treecols> | 180 | <treecols> |
181 | <treecol id="sp_title" label="&panel.setphotos.title.label;" flex="1" crop="end" align="start" tooltiptext="&panel.setphotos.title.tip;" /> | 181 | <treecol id="sp_title" label="&panel.setphotos.title.label;" flex="1" crop="end" align="start" tooltiptext="&panel.setphotos.title.tip;" /> |
182 | <splitter class="tree-splitter" /> | 182 | <splitter class="tree-splitter" /> |
183 | <treecol id="sp_taken" label="&panel.setphotos.taken.label;" crop="end" align="start" tooltiptext="&panel.setphotos.taken.tip;" hidden="true" /> | 183 | <treecol id="sp_taken" label="&panel.setphotos.taken.label;" crop="end" align="start" tooltiptext="&panel.setphotos.taken.tip;" hidden="true" /> |
184 | <treecol id="sp_upload" label="&panel.setphotos.upload.label;" crop="end" align="start" tooltiptext="&panel.setphotos.upload.tip;" hidden="true" /> | 184 | <treecol id="sp_upload" label="&panel.setphotos.upload.label;" crop="end" align="start" tooltiptext="&panel.setphotos.upload.tip;" hidden="true" /> |
185 | </treecols> | 185 | </treecols> |
186 | <treechildren/> | 186 | <treechildren/> |
187 | </tree> | 187 | </tree> |
188 | <groupbox id="set_photo_props" orient="horizontal"> | 188 | <groupbox id="set_photo_props" orient="horizontal"> |
189 | <vbox width="100" pack="center"> | 189 | <vbox width="100" pack="center"> |
190 | <hbox pack="center"> | 190 | <hbox pack="center"> |
191 | <image id="set_photo" hidden="true"/> | 191 | <image id="set_photo" hidden="true"/> |
192 | </hbox> | 192 | </hbox> |
193 | </vbox> | 193 | </vbox> |
194 | <spacer flex="1"/> | 194 | <spacer flex="1"/> |
195 | </groupbox> | 195 | </groupbox> |
196 | </vbox> | 196 | </vbox> |
197 | </tabpanel> | 197 | </tabpanel> |
198 | 198 | ||
199 | <tabpanel id="tabpanel_tags"> | 199 | <tabpanel id="tabpanel_tags"> |
200 | <listbox id="tagslist" rows="8" flex="1"> | 200 | <listbox id="tagslist" rows="8" flex="1"> |
201 | <listhead> | 201 | <listhead> |
202 | <listheader label="&panel.tagslist.tag.label;"/> | 202 | <listheader label="&panel.tagslist.tag.label;"/> |
203 | </listhead> | 203 | </listhead> |
204 | <listcols> | 204 | <listcols> |
205 | <listcol flex="1"/> | 205 | <listcol flex="1"/> |
206 | </listcols> | 206 | </listcols> |
207 | </listbox> | 207 | </listbox> |
208 | </tabpanel> | 208 | </tabpanel> |
209 | 209 | ||
210 | <tabpanel id="tabpanel_upload"> | 210 | <tabpanel id="tabpanel_upload"> |
211 | <vbox flex="1"> | 211 | <vbox flex="1"> |
212 | <tree id="uploadlist" rows="2" flex="1" | 212 | <tree id="uploadlist" rows="2" flex="1" |
213 | onselect="fireflix.uploads.selectionChanged()" | 213 | onselect="fireflix.uploads.selectionChanged()" |
214 | context="uploads_menu"> | 214 | context="uploads_menu"> |
215 | <treecols> | 215 | <treecols> |
216 | <treecol id="up_file" label="&panel.uploadlist.file.label;" flex="4" crop="start" align="start"/> | 216 | <treecol id="up_file" label="&panel.uploadlist.file.label;" flex="4" crop="start" align="start"/> |
217 | <splitter class="tree-splitter" /> | 217 | <splitter class="tree-splitter" /> |
218 | <treecol id="up_title" label="&panel.uploadlist.title.label;" flex="5" crop="end" align="start" /> | 218 | <treecol id="up_title" label="&panel.uploadlist.title.label;" flex="5" crop="end" align="start" /> |
219 | <splitter class="tree-splitter" /> | 219 | <splitter class="tree-splitter" /> |
220 | <treecol id="up_status" label="&panel.uploadlist.status.label;" flex="1" crop="end" align="start" /> | 220 | <treecol id="up_status" label="&panel.uploadlist.status.label;" flex="1" crop="end" align="start" /> |
221 | </treecols> | 221 | </treecols> |
222 | <treechildren/> | 222 | <treechildren/> |
223 | </tree> | 223 | </tree> |
224 | <progressmeter id="upload_progress" mode="undetermined" hidden="true" /> | 224 | <progressmeter id="upload_progress" mode="undetermined" hidden="true" /> |
225 | <groupbox id="upload_file_props" orient="horizontal" hidden="true"> | 225 | <groupbox id="upload_file_props" orient="horizontal" hidden="true"> |
226 | <image id="upload_file_preview" width="100" height="100" /> | 226 | <image id="upload_file_preview" width="100" height="100" /> |
227 | <grid flex="1"> | 227 | <grid flex="1"> |
228 | <columns> | 228 | <columns> |
229 | <column/> | 229 | <column/> |
230 | <column flex="1"/> | 230 | <column flex="1"/> |
231 | </columns> | 231 | </columns> |
232 | <rows> | 232 | <rows> |
233 | <row> | 233 | <row> |
234 | <label control="upload_filename" | 234 | <label control="upload_filename" |
235 | value="&panel.upload_props.filename.label;" /> | 235 | value="&panel.upload_props.filename.label;" /> |
236 | <textbox id="upload_filename" | 236 | <textbox id="upload_filename" |
237 | oninput="fireflix.uploads.propsToSel('filename')"/> | 237 | oninput="fireflix.uploads.propsToSel('filename')"/> |
238 | </row> | 238 | </row> |
239 | <row> | 239 | <row> |
240 | <label control="upload_title" value="&panel.upload_props.title.label;" /> | 240 | <label control="upload_title" value="&panel.upload_props.title.label;" /> |
241 | <textbox id="upload_title" | 241 | <textbox id="upload_title" |
242 | oninput="fireflix.uploads.propsToSel('title')"/> | 242 | oninput="fireflix.uploads.propsToSel('title')"/> |
243 | </row> | 243 | </row> |
244 | <row> | 244 | <row> |
245 | <label control="uplod_tags" value="&panel.upload_props.tags.label;" /> | 245 | <label control="uplod_tags" value="&panel.upload_props.tags.label;" /> |
246 | <textbox id="upload_tags" | 246 | <textbox id="upload_tags" |
247 | oninput="fireflix.uploads.propsToSel('tags')"/> | 247 | oninput="fireflix.uploads.propsToSel('tags')"/> |
248 | </row> | 248 | </row> |
249 | <!-- TODO: description, public, friend, family --> | 249 | <!-- TODO: description, public, friend, family --> |
250 | </rows> | 250 | </rows> |
251 | </grid> | 251 | </grid> |
252 | </groupbox> | 252 | </groupbox> |
253 | <hbox> | 253 | <hbox> |
254 | <button command="cmd_uploads_add" /> | 254 | <button command="cmd_uploads_add" /> |
255 | <spacer flex="1"/> | 255 | <spacer flex="1"/> |
256 | <button command="cmd_uploads_remove" /> | 256 | <button command="cmd_uploads_remove" /> |
257 | <spacer flex="1"/> | 257 | <spacer flex="1"/> |
258 | <button command="cmd_uploads_clear" /> | 258 | <button command="cmd_uploads_clear" /> |
259 | </hbox> | 259 | </hbox> |
260 | <hbox pack="center"> | 260 | <hbox pack="center"> |
261 | <button command="cmd_uploads_upload" flex="1"/> | 261 | <button command="cmd_uploads_upload" flex="1"/> |
262 | </hbox> | 262 | </hbox> |
263 | </vbox> | 263 | </vbox> |
264 | </tabpanel> | 264 | </tabpanel> |
265 | 265 | ||
266 | </tabpanels> | 266 | </tabpanels> |
267 | 267 | ||
268 | </tabbox> | 268 | </tabbox> |
269 | 269 | ||
270 | </vbox> | 270 | </vbox> |
271 | 271 | ||
272 | </page> | 272 | </page> |
diff --git a/content/fireflix.css b/content/fireflix.css index 4a3228f..c16dca6 100644 --- a/content/fireflix.css +++ b/content/fireflix.css | |||
@@ -1,82 +1,89 @@ | |||
1 | .generated.wholething, | 1 | .generated.wholething, |
2 | .about.wholething, | 2 | .about.wholething, |
3 | tabbox, tabpanels, tabpanel { | 3 | tabbox, tabpanels, tabpanel { |
4 | background: url("background.jpeg"); | 4 | background: url("background.jpeg"); |
5 | } | 5 | } |
6 | tabpanels { | 6 | tabpanels { |
7 | padding: 0px; | 7 | padding: 0px; |
8 | } | 8 | } |
9 | 9 | ||
10 | tree { | 10 | tree { |
11 | margin-top: 2px; | 11 | margin-top: 2px; |
12 | background: rgb(12,167,0); | 12 | background: rgb(12,167,0); |
13 | color: rgb(255,255,0); | 13 | color: rgb(255,255,0); |
14 | font-size: 90%; | 14 | font-size: 90%; |
15 | } | 15 | } |
16 | tree treechildren { /* for windows */ | 16 | tree treechildren { /* for windows */ |
17 | background: rgb(12,167,0); | 17 | background: rgb(12,167,0); |
18 | } | 18 | } |
19 | 19 | ||
20 | tree#uploadlist treechildren::-moz-tree-cell-text(pending) { | 20 | tree#uploadlist treechildren::-moz-tree-cell-text(pending) { |
21 | } | 21 | } |
22 | tree#uploadlist treechildren::-moz-tree-cell-text(completed) { | 22 | tree#uploadlist treechildren::-moz-tree-cell-text(completed) { |
23 | color: white; | 23 | color: white; |
24 | } | 24 | } |
25 | tree#uploadlist treechildren::-moz-tree-row(failed) { | 25 | tree#uploadlist treechildren::-moz-tree-row(failed) { |
26 | background: yellow; | 26 | background: yellow; |
27 | } | 27 | } |
28 | tree#uploadlist treechildren::-moz-tree-cell-text(failed) { | 28 | tree#uploadlist treechildren::-moz-tree-cell-text(failed) { |
29 | color: red; | 29 | color: red; |
30 | } | 30 | } |
31 | tree#uploadlist treechildren::-moz-tree-cell-text(uploading) { | 31 | tree#uploadlist treechildren::-moz-tree-cell-text(uploading) { |
32 | font-weight: bold; | 32 | font-weight: bold; |
33 | } | 33 | } |
34 | 34 | ||
35 | groupbox#searchresult_props, | 35 | groupbox#searchresult_props, |
36 | groupbox.search_params, | 36 | groupbox.search_params, |
37 | groupbox#upload_file_props, | 37 | groupbox#upload_file_props, |
38 | groupbox#set_props, | 38 | groupbox#set_props, |
39 | groupbox#set_photo_props { | 39 | groupbox#set_photo_props { |
40 | background: white; | 40 | background: white; |
41 | } | 41 | } |
42 | 42 | ||
43 | groupbox#upload_file_props label { | 43 | groupbox#upload_file_props label { |
44 | text-align: right; | 44 | text-align: right; |
45 | } | 45 | } |
46 | 46 | ||
47 | image#set_photo, image#set_primary { | 47 | image#set_photo, image#set_primary { |
48 | border: black 1px solid; | 48 | border: black 1px solid; |
49 | } | 49 | } |
50 | 50 | ||
51 | .about .insides { | 51 | .about .insides { |
52 | margin: 1ex; | 52 | margin: 1ex; |
53 | } | 53 | } |
54 | .about .text { | 54 | .about .text { |
55 | border: yellow solid 1px; | 55 | border: yellow solid 1px; |
56 | background: green; | 56 | background: green; |
57 | } | 57 | } |
58 | .about .title { | 58 | .about .title { |
59 | font-size: 300%; | 59 | font-size: 300%; |
60 | font-weight: bold; | 60 | font-weight: bold; |
61 | color: yellow; | 61 | color: yellow; |
62 | } | 62 | } |
63 | .about .link { | 63 | .about .link { |
64 | text-decoration: underline; | 64 | text-decoration: underline; |
65 | color: white; | 65 | color: white; |
66 | cursor: pointer; | 66 | cursor: pointer; |
67 | } | 67 | } |
68 | 68 | ||
69 | menuitem.menuhead { | 69 | menuitem.menuhead { |
70 | background: gray; | 70 | background: gray; |
71 | color: black; | 71 | color: black; |
72 | font-weight: bold; | 72 | font-weight: bold; |
73 | } | 73 | } |
74 | 74 | ||
75 | div#searchresult_description { | ||
76 | min-height: 5em; max-height: 8em; | ||
77 | overflow: auto; | ||
78 | font-size: 90%; | ||
79 | margin: 0.1ex 0.5ex; | ||
80 | } | ||
81 | |||
75 | #copying div { | 82 | #copying div { |
76 | margin: 1ex 1em; | 83 | margin: 1ex 1em; |
77 | font-family: courier, monospace; | 84 | font-family: courier, monospace; |
78 | font-size: 9pt; | 85 | font-size: 9pt; |
79 | padding: 2px; | 86 | padding: 2px; |
80 | border: dotted 1px gray; | 87 | border: dotted 1px gray; |
81 | background: white; | 88 | background: white; |
82 | } | 89 | } |
diff --git a/content/fireflix.js b/content/fireflix.js index 6773134..6681303 100644 --- a/content/fireflix.js +++ b/content/fireflix.js | |||
@@ -567,345 +567,337 @@ var fireflix = { | |||
567 | var ifp = Components.interfaces.nsIFilePicker; | 567 | var ifp = Components.interfaces.nsIFilePicker; |
568 | var fp = Components.classes["@mozilla.org/filepicker;1"].createInstance(ifp); | 568 | var fp = Components.classes["@mozilla.org/filepicker;1"].createInstance(ifp); |
569 | fp.init(window, "Select a File", ifp.modeOpenMultiple); | 569 | fp.init(window, "Select a File", ifp.modeOpenMultiple); |
570 | fp.appendFilters(ifp.filterImages); | 570 | fp.appendFilters(ifp.filterImages); |
571 | var rv = fp.show(); | 571 | var rv = fp.show(); |
572 | if(rv==ifp.returnOK) { | 572 | if(rv==ifp.returnOK) { |
573 | var ff = fp.files; | 573 | var ff = fp.files; |
574 | while(ff.hasMoreElements()) { | 574 | while(ff.hasMoreElements()) { |
575 | var f = ff.getNext(); | 575 | var f = ff.getNext(); |
576 | f.QueryInterface(Components.interfaces.nsIFile); | 576 | f.QueryInterface(Components.interfaces.nsIFile); |
577 | this.add(f.path); | 577 | this.add(f.path); |
578 | } | 578 | } |
579 | } | 579 | } |
580 | } | 580 | } |
581 | }, | 581 | }, |
582 | 582 | ||
583 | on_set_props: function() { | 583 | on_set_props: function() { |
584 | var pset = this.photosets.sets[this.photosets.selection.currentIndex]; | 584 | var pset = this.photosets.sets[this.photosets.selection.currentIndex]; |
585 | window.openDialog( | 585 | window.openDialog( |
586 | "chrome://fireflix/content/photoset-props.xul", | 586 | "chrome://fireflix/content/photoset-props.xul", |
587 | null, "dependent,modal,dialog,chrome", this, | 587 | null, "dependent,modal,dialog,chrome", this, |
588 | pset ); | 588 | pset ); |
589 | if(pset.dirty) { | 589 | if(pset.dirty) { |
590 | var _this = this; | 590 | var _this = this; |
591 | this.flickr.api_call( | 591 | this.flickr.api_call( |
592 | { | 592 | { |
593 | method: 'flickr.photosets.editMeta', | 593 | method: 'flickr.photosets.editMeta', |
594 | auth_token: 'default', | 594 | auth_token: 'default', |
595 | photoset_id: pset.id, | 595 | photoset_id: pset.id, |
596 | title: pset.title, | 596 | title: pset.title, |
597 | description: pset.description | 597 | description: pset.description |
598 | }, function(xr) { | 598 | }, function(xr) { |
599 | pset.dirty = false; | 599 | pset.dirty = false; |
600 | _this.flickr.api_call( | 600 | _this.flickr.api_call( |
601 | { | 601 | { |
602 | method: 'flickr.photosets.getPhotos', | 602 | method: 'flickr.photosets.getPhotos', |
603 | auth_token: 'default', | 603 | auth_token: 'default', |
604 | photoset_id: pset.id | 604 | photoset_id: pset.id |
605 | }, function(xr) { | 605 | }, function(xr) { |
606 | var x = xr.responseXML; | 606 | var x = xr.responseXML; |
607 | var xp = x.evaluate( | 607 | var xp = x.evaluate( |
608 | '/rsp/photoset/photo', x, null, | 608 | '/rsp/photoset/photo', x, null, |
609 | XPathResult.ORDERED_NODE_ITERATOR_TYPE, null ); | 609 | XPathResult.ORDERED_NODE_ITERATOR_TYPE, null ); |
610 | var phids = new Array(); | 610 | var phids = new Array(); |
611 | var priph = null; | 611 | var priph = null; |
612 | var n; while(n=xp.iterateNext()) { | 612 | var n; while(n=xp.iterateNext()) { |
613 | var pid = n.getAttribute('id'); | 613 | var pid = n.getAttribute('id'); |
614 | phids.push( pid ); | 614 | phids.push( pid ); |
615 | if(pid==pset.primary && n.getAttribute('isprimary')!='1') | 615 | if(pid==pset.primary && n.getAttribute('isprimary')!='1') |
616 | priph = pid; | 616 | priph = pid; |
617 | } | 617 | } |
618 | if(priph) { | 618 | if(priph) { |
619 | _this.flickr.api_call( | 619 | _this.flickr.api_call( |
620 | { | 620 | { |
621 | method: 'flickr.photosets.editPhotos', | 621 | method: 'flickr.photosets.editPhotos', |
622 | auth_token: 'default', | 622 | auth_token: 'default', |
623 | photoset_id: pset.id, | 623 | photoset_id: pset.id, |
624 | primary_photo_id: priph, | 624 | primary_photo_id: priph, |
625 | photo_ids: phids.join(',') | 625 | photo_ids: phids.join(',') |
626 | }, function() { }, function(x,s,c,m) { /* flickr.photosets.editPhotos */ | 626 | }, function() { }, function(x,s,c,m) { /* flickr.photosets.editPhotos */ |
627 | _this.flickr_failure(x,s,c,m); | 627 | _this.flickr_failure(x,s,c,m); |
628 | } | 628 | } |
629 | ); | 629 | ); |
630 | } | 630 | } |
631 | }, function(x,s,c,m) { /* flickr.photosets.getPhotos */ | 631 | }, function(x,s,c,m) { /* flickr.photosets.getPhotos */ |
632 | _this.flickr_failure(x,s,c,m); | 632 | _this.flickr_failure(x,s,c,m); |
633 | } | 633 | } |
634 | ); | 634 | ); |
635 | }, function(x,s,c,m) { /* flickr.photosets.editMeta */ | 635 | }, function(x,s,c,m) { /* flickr.photosets.editMeta */ |
636 | _this.flickr_failure(x,s,c,m); | 636 | _this.flickr_failure(x,s,c,m); |
637 | } | 637 | } |
638 | ); | 638 | ); |
639 | } | 639 | } |
640 | }, | 640 | }, |
641 | on_refresh_sets: function() { | 641 | on_refresh_sets: function() { |
642 | this.refresh_sets(); | 642 | this.refresh_sets(); |
643 | }, | 643 | }, |
644 | on_cmd_sets_html: function(csfx,ev) { | 644 | on_cmd_sets_html: function(csfx,ev) { |
645 | var uti = csfx.charAt(0); var utl = csfx.charAt(1); | 645 | var uti = csfx.charAt(0); var utl = csfx.charAt(1); |
646 | var rv = this.build_html(this.photoset.photos,uti,utl); | 646 | var rv = this.build_html(this.photoset.photos,uti,utl); |
647 | this.popup_content(rv); | 647 | this.popup_content(rv); |
648 | }, | 648 | }, |
649 | 649 | ||
650 | on_cmd_uploads_html: function(csfx,ev) { | 650 | on_cmd_uploads_html: function(csfx,ev) { |
651 | var uti = csfx.charAt(0); var utl = csfx.charAt(1); | 651 | var uti = csfx.charAt(0); var utl = csfx.charAt(1); |
652 | var pids = new Array(); | 652 | var pids = new Array(); |
653 | for(var f in this.uploads.files) { | 653 | for(var f in this.uploads.files) { |
654 | if(this.uploads.selection.isSelected(f)) | 654 | if(this.uploads.selection.isSelected(f)) |
655 | if(this.uploads.files[f].photoid) | 655 | if(this.uploads.files[f].photoid) |
656 | pids.push(this.uploads.files[f].photoid); | 656 | pids.push(this.uploads.files[f].photoid); |
657 | } | 657 | } |
658 | var pp = this.uploads.rowCount*2; if(pp>500) pp = 500; | 658 | var pp = this.uploads.rowCount*2; if(pp>500) pp = 500; |
659 | var _this = this; | 659 | var _this = this; |
660 | this.flickr.api_call( | 660 | this.flickr.api_call( |
661 | { | 661 | { |
662 | method: 'flickr.photos.search', | 662 | method: 'flickr.photos.search', |
663 | auth_token: 'default', | 663 | auth_token: 'default', |
664 | extras: 'original_format', | 664 | extras: 'original_format', |
665 | user_id: 'me', | 665 | user_id: 'me', |
666 | per_page: pp | 666 | per_page: pp |
667 | }, | 667 | }, |
668 | function(xr) { | 668 | function(xr) { |
669 | var x = xr.responseXML; | 669 | var x = xr.responseXML; |
670 | var rv = ''; | 670 | var rv = ''; |
671 | for(var pn in pids) { | 671 | for(var pn in pids) { |
672 | var p = pids[pn]; | 672 | var p = pids[pn]; |
673 | var pp = new Photo(xp_node('/rsp/photos/photo[@id='+p+']',x)); | 673 | var pp = new Photo(xp_node('/rsp/photos/photo[@id='+p+']',x)); |
674 | rv += _this.photo_html(pp,uti,utl)+'\n'; | 674 | rv += _this.photo_html(pp,uti,utl)+'\n'; |
675 | } | 675 | } |
676 | _this.popup_content(rv); | 676 | _this.popup_content(rv); |
677 | }, function(x,s,c,m) { | 677 | }, function(x,s,c,m) { |
678 | _this.flickr_failure(x,s,c,m); | 678 | _this.flickr_failure(x,s,c,m); |
679 | } | 679 | } |
680 | ); | 680 | ); |
681 | }, | 681 | }, |
682 | 682 | ||
683 | /* | 683 | /* |
684 | * | 684 | * |
685 | */ | 685 | */ |
686 | foundphotos: { | 686 | foundphotos: { |
687 | fireflix: null, | 687 | fireflix: null, |
688 | init: function(f) { | 688 | init: function(f) { |
689 | this.fireflix = f; | 689 | this.fireflix = f; |
690 | pull_elements(this,document,[ | 690 | pull_elements(this,document,[ |
691 | 'search_for','search_tags','search_mine', | 691 | 'search_for','search_tags','search_mine', |
692 | 'searchresult_props','search_photo', | 692 | 'searchresult_props','search_photo', |
693 | 'searchresult_title','searchresult_description' | 693 | 'searchresult_title','searchresult_description' |
694 | ]); | 694 | ]); |
695 | document.getElementById('searchresults').view = this; | 695 | document.getElementById('searchresults').view = this; |
696 | }, | 696 | }, |
697 | photos: new Array(), | 697 | photos: new Array(), |
698 | rowCount: 0, | 698 | rowCount: 0, |
699 | getCellText: function(r,c) { | 699 | getCellText: function(r,c) { |
700 | var p = this.photos[r]; | 700 | var p = this.photos[r]; |
701 | if(c.id=='sr_title') return p.title; | 701 | if(c.id=='sr_title') return p.title; |
702 | return c.id; | 702 | return c.id; |
703 | }, | 703 | }, |
704 | setTree: function(t) { this.tree = t }, | 704 | setTree: function(t) { this.tree = t }, |
705 | isContainer: function(r) { return false }, | 705 | isContainer: function(r) { return false }, |
706 | isSeparator: function(r) { return false }, | 706 | isSeparator: function(r) { return false }, |
707 | isSorted: function(r) { return false }, | 707 | isSorted: function(r) { return false }, |
708 | getLevel: function(r) { return 0 }, | 708 | getLevel: function(r) { return 0 }, |
709 | getImageSrc: function(r,c) { return null }, | 709 | getImageSrc: function(r,c) { return null }, |
710 | getRowProperties: function(r,p) { }, | 710 | getRowProperties: function(r,p) { }, |
711 | getCellProperties: function(cid,cel,p) { }, | 711 | getCellProperties: function(cid,cel,p) { }, |
712 | getColumnProperties: function(cid,cel,p) { }, | 712 | getColumnProperties: function(cid,cel,p) { }, |
713 | cycleHeader: function(cid,e) { }, | 713 | cycleHeader: function(cid,e) { }, |
714 | getParentIndex: function(r) { return -1 }, | 714 | getParentIndex: function(r) { return -1 }, |
715 | drop: function(r,o) { }, | 715 | drop: function(r,o) { }, |
716 | canDropBeforeAfter: function(r,b) { return false }, | 716 | canDropBeforeAfter: function(r,b) { return false }, |
717 | 717 | ||
718 | importXPR: function(xp) { | 718 | importXPR: function(xp) { |
719 | this.selection.clearSelection(); | 719 | this.selection.clearSelection(); |
720 | this.selection.currentIndex = -1; | 720 | this.selection.currentIndex = -1; |
721 | this.searchresult_props.hidden = true; | 721 | this.searchresult_props.hidden = true; |
722 | this.tree.beginUpdateBatch(); | 722 | this.tree.beginUpdateBatch(); |
723 | this.photos = new Array(); | 723 | this.photos = new Array(); |
724 | var n; while(n=xp.iterateNext()) { | 724 | var n; while(n=xp.iterateNext()) { |
725 | this.photos.push(new Photo(n)); | 725 | this.photos.push(new Photo(n)); |
726 | } | 726 | } |
727 | this.rowCount = this.photos.length; | 727 | this.rowCount = this.photos.length; |
728 | this.tree.endUpdateBatch(); | 728 | this.tree.endUpdateBatch(); |
729 | }, | 729 | }, |
730 | search_photos: function() { | 730 | search_photos: function() { |
731 | var pars = { | 731 | var pars = { |
732 | method: 'flickr.photos.search', | 732 | method: 'flickr.photos.search', |
733 | auth_token: 'default', | 733 | auth_token: 'default', |
734 | extras: 'license,date_upload,date_taken,owner_name,icon_server,original_format,last_update,geo' | 734 | extras: 'license,date_upload,date_taken,owner_name,icon_server,original_format,last_update,geo' |
735 | }; | 735 | }; |
736 | if(this.search_mine.checked) | 736 | if(this.search_mine.checked) |
737 | pars.user_id='me'; | 737 | pars.user_id='me'; |
738 | if(this.search_tags.checked) { | 738 | if(this.search_tags.checked) { |
739 | pars.tags=this.search_for.value.split(/ +/).join(','); | 739 | pars.tags=this.search_for.value.split(/ +/).join(','); |
740 | }else{ | 740 | }else{ |
741 | pars.text=this.search_for.value; | 741 | pars.text=this.search_for.value; |
742 | } | 742 | } |
743 | var _this = this; | 743 | var _this = this; |
744 | this.fireflix.flickr.api_call( pars, | 744 | this.fireflix.flickr.api_call( pars, |
745 | function(xr) { | 745 | function(xr) { |
746 | var x = xr.responseXML; | 746 | var x = xr.responseXML; |
747 | var xp = x.evaluate( | 747 | var xp = x.evaluate( |
748 | '/rsp/photos/photo', x, null, | 748 | '/rsp/photos/photo', x, null, |
749 | XPathResult.ORDERED_NODE_ITERATOR_TYPE, null ); | 749 | XPathResult.ORDERED_NODE_ITERATOR_TYPE, null ); |
750 | _this.importXPR(xp); | 750 | _this.importXPR(xp); |
751 | _this.on_select(); | 751 | _this.on_select(); |
752 | }, function(x,s,c,m) { | 752 | }, function(x,s,c,m) { |
753 | _this.fireflix.flickr_failure(x,s,c,m); | 753 | _this.fireflix.flickr_failure(x,s,c,m); |
754 | } | 754 | } |
755 | ); | 755 | ); |
756 | }, | 756 | }, |
757 | render_description_frame: function(content) { | 757 | render_description_frame: function(content) { |
758 | if(!content) { | 758 | if(!content) { |
759 | try { | 759 | this.searchresult_description.innerHTML = ''; |
760 | this.searchresult_description.contentDocument.lastChild.innerHTML | ||
761 | = ''; | ||
762 | }catch(e) { } /* it will throw exceptions when the iframe isn't well | ||
763 | prepared to meet me, but it's unimportant then, anyway */ | ||
764 | }else{ | 760 | }else{ |
765 | this.searchresult_description.contentDocument.lastChild.setAttribute( | 761 | this.searchresult_description.innerHTML = content?content:''; |
766 | 'style', | 762 | /* of all linking elements flickr only allows a */ |
767 | 'font-size: 80%; margin: 1px 3px; font-family: arial, sans-serif' | 763 | var as = this.searchresult_description.getElementsByTagName('a'); |
768 | ); | 764 | for(var a=0;a<as.length;++a) |
769 | this.searchresult_description.contentDocument.lastChild.innerHTML | 765 | as.item(a).setAttribute('target','_blank'); |
770 | = content; | ||
771 | var ls = this.searchresult_description.contentDocument.links; | ||
772 | for(var l=0;l<ls.length;++l) | ||
773 | ls.item(l).setAttribute('target','_blank'); | ||
774 | } | 766 | } |
775 | }, | 767 | }, |
776 | on_select: function() { | 768 | on_select: function() { |
777 | if(this.selection.currentIndex<0) { | 769 | if(this.selection.currentIndex<0) { |
778 | this.searchresult_props.hidden = true; | 770 | this.searchresult_props.hidden = true; |
779 | }else{ | 771 | }else{ |
780 | var p = this.photos[this.selection.currentIndex]; | 772 | var p = this.photos[this.selection.currentIndex]; |
781 | if(!p) { | 773 | if(!p) { |
782 | this.searchresult_props.hidden = true; | 774 | this.searchresult_props.hidden = true; |
783 | }else{ | 775 | }else{ |
784 | this.search_photo.src = this.fireflix.flickr.make_photo_url(p,'t'); | 776 | this.search_photo.src = this.fireflix.flickr.make_photo_url(p,'t'); |
785 | this.searchresult_title.value = p.title; | 777 | this.searchresult_title.value = p.title; |
786 | this.render_description_frame(null); | 778 | this.render_description_frame(null); |
787 | if(p.description==null && p.description==undefined) { | 779 | if(p.description==null && p.description==undefined) { |
788 | var pid = p.id; | 780 | var pid = p.id; |
789 | var ci = this.selection.currentIndex; | 781 | var ci = this.selection.currentIndex; |
790 | var _this = this; | 782 | var _this = this; |
791 | this.fireflix.flickr.api_call( | 783 | this.fireflix.flickr.api_call( |
792 | { | 784 | { |
793 | method: 'flickr.photos.getInfo', | 785 | method: 'flickr.photos.getInfo', |
794 | auth_token: 'default', | 786 | auth_token: 'default', |
795 | photo_id: p.id, | 787 | photo_id: p.id, |
796 | secret: p.secret | 788 | secret: p.secret |
797 | }, function(xr) { | 789 | }, function(xr) { |
798 | var pp = _this.photos[ci]; | 790 | var pp = _this.photos[ci]; |
799 | if(ci==_this.selection.currentIndex && pp.id==pid) { | 791 | if(ci==_this.selection.currentIndex && pp.id==pid) { |
800 | var n = xp_node('/rsp/photo',xr.responseXML); | 792 | var n = xp_node('/rsp/photo',xr.responseXML); |
801 | pp.fromNode_(n); | 793 | pp.fromNode_(n); |
802 | _this.render_description_frame(pp.description); | 794 | _this.render_description_frame(pp.description); |
803 | } | 795 | } |
804 | }, function(x,s,c,m) { | 796 | }, function(x,s,c,m) { |
805 | _this.fireflix.flickr_failure(x,s,c,m); | 797 | _this.fireflix.flickr_failure(x,s,c,m); |
806 | } | 798 | } |
807 | ); | 799 | ); |
808 | this.searchresult_props.hidden = false; | 800 | this.searchresult_props.hidden = false; |
809 | }else{ | 801 | }else{ |
810 | this.render_description_frame(p.description); | 802 | this.render_description_frame(p.description); |
811 | } | 803 | } |
812 | } | 804 | } |
813 | } | 805 | } |
814 | }, | 806 | }, |
815 | on_cmd_open: function(ev) { | 807 | on_cmd_open: function(ev) { |
816 | if(this.selection.currentIndex<0) | 808 | if(this.selection.currentIndex<0) |
817 | return; | 809 | return; |
818 | var p = this.photos[this.selection.currentIndex]; | 810 | var p = this.photos[this.selection.currentIndex]; |
819 | if(!p.id) | 811 | if(!p.id) |
820 | return; | 812 | return; |
821 | this.fireflix.openTab(this.fireflix.flickr.make_photo_url(p,'p')); | 813 | this.fireflix.openTab(this.fireflix.flickr.make_photo_url(p,'p')); |
822 | } | 814 | } |
823 | }, | 815 | }, |
824 | 816 | ||
825 | photo_html: function(p,i,l) { | 817 | photo_html: function(p,i,l) { |
826 | // TODO: add alt/title when possible | 818 | // TODO: add alt/title when possible |
827 | var rv = | 819 | var rv = |
828 | '<a href="'+this.flickr.make_photo_url(p,l)+'">' + | 820 | '<a href="'+this.flickr.make_photo_url(p,l)+'">' + |
829 | '<img src="'+this.flickr.make_photo_url(p,i)+'" />'+ | 821 | '<img src="'+this.flickr.make_photo_url(p,i)+'" />'+ |
830 | '</a>'; | 822 | '</a>'; |
831 | return rv; | 823 | return rv; |
832 | }, | 824 | }, |
833 | build_html: function(photos,uti,utl) { | 825 | build_html: function(photos,uti,utl) { |
834 | var rv = ''; | 826 | var rv = ''; |
835 | for(var i in photos) { | 827 | for(var i in photos) { |
836 | var p = photos[i]; | 828 | var p = photos[i]; |
837 | rv += this.photo_html(p,utl,uti)+'\n'; | 829 | rv += this.photo_html(p,utl,uti)+'\n'; |
838 | } | 830 | } |
839 | return rv; | 831 | return rv; |
840 | }, | 832 | }, |
841 | 833 | ||
842 | popup_content: function(s) { | 834 | popup_content: function(s) { |
843 | window.openDialog( | 835 | window.openDialog( |
844 | "chrome://fireflix/content/generated-content.xul", | 836 | "chrome://fireflix/content/generated-content.xul", |
845 | null, "dialog,chrome", this, s ); | 837 | null, "dialog,chrome", this, s ); |
846 | }, | 838 | }, |
847 | copy_to_clipboard: function(s) { | 839 | copy_to_clipboard: function(s) { |
848 | var ch = Components.classes["@mozilla.org/widget/clipboardhelper;1"] | 840 | var ch = Components.classes["@mozilla.org/widget/clipboardhelper;1"] |
849 | .getService(Components.interfaces.nsIClipboardHelper); | 841 | .getService(Components.interfaces.nsIClipboardHelper); |
850 | ch.copyString(s); | 842 | ch.copyString(s); |
851 | }, | 843 | }, |
852 | openTab: function(l) { | 844 | openTab: function(l) { |
853 | var wm = Components.classes['@mozilla.org/appshell/window-mediator;1'].getService( | 845 | var wm = Components.classes['@mozilla.org/appshell/window-mediator;1'].getService( |
854 | Components.interfaces.nsIWindowMediator ); | 846 | Components.interfaces.nsIWindowMediator ); |
855 | var bw = wm.getMostRecentWindow('navigator:browser'); | 847 | var bw = wm.getMostRecentWindow('navigator:browser'); |
856 | var b = bw.getBrowser(); | 848 | var b = bw.getBrowser(); |
857 | var t = b.addTab(l); | 849 | var t = b.addTab(l); |
858 | b.selectedTab = t; | 850 | b.selectedTab = t; |
859 | }, | 851 | }, |
860 | 852 | ||
861 | build_menus: function() { | 853 | build_menus: function() { |
862 | this.append_html_menu( | 854 | this.append_html_menu( |
863 | document.getElementById('sets_html_menu'), | 855 | document.getElementById('sets_html_menu'), |
864 | 'stm_','m_bop','cmdset_sets','cmd_sets_html' | 856 | 'stm_','m_bop','cmdset_sets','cmd_sets_html' |
865 | ); | 857 | ); |
866 | this.append_html_menu( | 858 | this.append_html_menu( |
867 | document.getElementById('uploads_html_menu'), | 859 | document.getElementById('uploads_html_menu'), |
868 | 'stm_','m_bop','cmdset_uploads','cmd_uploads_html' | 860 | 'stm_','m_bop','cmdset_uploads','cmd_uploads_html' |
869 | ); | 861 | ); |
870 | return; | 862 | return; |
871 | }, | 863 | }, |
872 | append_html_menu: function(m,imgt,lnkt,csid,cpfx) { | 864 | append_html_menu: function(m,imgt,lnkt,csid,cpfx) { |
873 | var mp = m.appendChild(document.createElement('menupopup')); | 865 | var mp = m.appendChild(document.createElement('menupopup')); |
874 | var t; | 866 | var t; |
875 | t=mp.appendChild(document.createElement('menuitem')); | 867 | t=mp.appendChild(document.createElement('menuitem')); |
876 | t.setAttribute('label',this.loc_strings.getString('menutitle_Images')); | 868 | t.setAttribute('label',this.loc_strings.getString('menutitle_Images')); |
877 | t.setAttribute('class','menuhead');t.setAttribute('disabled','true'); | 869 | t.setAttribute('class','menuhead');t.setAttribute('disabled','true'); |
878 | mp.appendChild(document.createElement('menuseparator')); | 870 | mp.appendChild(document.createElement('menuseparator')); |
879 | var cs = document.getElementById(csid); | 871 | var cs = document.getElementById(csid); |
880 | for(var iti=0;iti<imgt.length;++iti) { | 872 | for(var iti=0;iti<imgt.length;++iti) { |
881 | t = mp.appendChild(document.createElement('menu')); | 873 | t = mp.appendChild(document.createElement('menu')); |
882 | t.setAttribute('label',this.loc_strings.getString('urltype_'+imgt.charAt(iti))); | 874 | t.setAttribute('label',this.loc_strings.getString('urltype_'+imgt.charAt(iti))); |
883 | var smp = t.appendChild(document.createElement('menupopup')); | 875 | var smp = t.appendChild(document.createElement('menupopup')); |
884 | t=smp.appendChild(document.createElement('menuitem')); | 876 | t=smp.appendChild(document.createElement('menuitem')); |
885 | t.setAttribute('label',this.loc_strings.getString('menutitle_Links')); | 877 | t.setAttribute('label',this.loc_strings.getString('menutitle_Links')); |
886 | t.setAttribute('class','menuhead');t.setAttribute('disabled','true'); | 878 | t.setAttribute('class','menuhead');t.setAttribute('disabled','true'); |
887 | smp.appendChild(document.createElement('menuseparator')); | 879 | smp.appendChild(document.createElement('menuseparator')); |
888 | for(var lti=0;lti<lnkt.length;++lti) { | 880 | for(var lti=0;lti<lnkt.length;++lti) { |
889 | var csfx = imgt.charAt(iti)+lnkt.charAt(lti); | 881 | var csfx = imgt.charAt(iti)+lnkt.charAt(lti); |
890 | t=smp.appendChild(document.createElement('menuitem')); | 882 | t=smp.appendChild(document.createElement('menuitem')); |
891 | t.setAttribute('label',this.loc_strings.getString('urltype_'+lnkt.charAt(lti))); | 883 | t.setAttribute('label',this.loc_strings.getString('urltype_'+lnkt.charAt(lti))); |
892 | t.setAttribute('command',cpfx+'_'+csfx); | 884 | t.setAttribute('command',cpfx+'_'+csfx); |
893 | t=cs.appendChild(document.createElement('command')); | 885 | t=cs.appendChild(document.createElement('command')); |
894 | t.setAttribute('id',cpfx+'_'+csfx); | 886 | t.setAttribute('id',cpfx+'_'+csfx); |
895 | t.setAttribute('oncommand','fireflix.on_'+cpfx+"('"+csfx+"',event)"); | 887 | t.setAttribute('oncommand','fireflix.on_'+cpfx+"('"+csfx+"',event)"); |
896 | } | 888 | } |
897 | } | 889 | } |
898 | return mp; | 890 | return mp; |
899 | }, | 891 | }, |
900 | 892 | ||
901 | flickr_failure: function(x,s,c,m) { | 893 | flickr_failure: function(x,s,c,m) { |
902 | if(c==98) { // Invalid auth token | 894 | if(c==98) { // Invalid auth token |
903 | this.flickr.reset_token(); | 895 | this.flickr.reset_token(); |
904 | this.set_auth_state(false,false); | 896 | this.set_auth_state(false,false); |
905 | return; | 897 | return; |
906 | } | 898 | } |
907 | // TODO: is that beauty? | 899 | // TODO: is that beauty? |
908 | alert('flickr api call failed\n'+c+' '+m); | 900 | alert('flickr api call failed\n'+c+' '+m); |
909 | } | 901 | } |
910 | 902 | ||
911 | }; | 903 | }; |