1 |
dpavlin |
97 |
// WebPAC AJAX API |
2 |
|
|
// |
3 |
|
|
// Documented in this code only, I'm afraid. Beware of dragons! |
4 |
|
|
// Dobrica Pavlinusic dpavlin(at)rot13(dot)org 2005-11-22 |
5 |
|
|
|
6 |
dpavlin |
159 |
/* |
7 |
|
|
load another template |
8 |
|
|
*/ |
9 |
dpavlin |
97 |
function load_template(template_name) { |
10 |
dpavlin |
101 |
|
11 |
dpavlin |
159 |
var old_template = $('template_name').value; |
12 |
|
|
|
13 |
|
|
Logger.info('load_template: '+template_name+' (old: '+old_template+')'); |
14 |
|
|
|
15 |
|
|
if (template_name == old_template) { |
16 |
|
|
Logger.error('why reload same template?'); |
17 |
|
|
return false; |
18 |
|
|
} |
19 |
|
|
|
20 |
dpavlin |
101 |
$('template_name').value = template_name; |
21 |
dpavlin |
159 |
submit_results_form(); |
22 |
dpavlin |
160 |
return false; |
23 |
dpavlin |
159 |
} |
24 |
dpavlin |
101 |
|
25 |
dpavlin |
159 |
/* |
26 |
|
|
pager |
27 |
|
|
*/ |
28 |
|
|
function load_results_page(page_nr) { |
29 |
|
|
|
30 |
dpavlin |
160 |
if (parseInt(page_nr) != page_nr) { |
31 |
|
|
Logger.error("load_results_page can't parseInt "+page_nr); |
32 |
|
|
return false; |
33 |
|
|
} |
34 |
dpavlin |
159 |
|
35 |
dpavlin |
160 |
var old_page = get_page_nr(); |
36 |
|
|
|
37 |
|
|
if (page_nr < 1) { |
38 |
|
|
Logger.error("load_results_page called with '"+page_nr+"' < 1"); |
39 |
|
|
return false; |
40 |
|
|
} |
41 |
|
|
|
42 |
dpavlin |
159 |
Logger.info('load_results_page: '+page_nr+' (from page: '+old_page+')'); |
43 |
|
|
|
44 |
|
|
if (page_nr == old_page) { |
45 |
|
|
Logger.error('why reload same page?'); |
46 |
|
|
return false; |
47 |
|
|
} |
48 |
|
|
|
49 |
|
|
$('page_nr').value = page_nr; |
50 |
|
|
submit_results_form(); |
51 |
dpavlin |
160 |
|
52 |
|
|
return false; |
53 |
dpavlin |
159 |
} |
54 |
|
|
|
55 |
dpavlin |
160 |
function get_page_nr() { |
56 |
dpavlin |
162 |
var page_nr = parseInt( $('page_nr').value ) || 1; |
57 |
dpavlin |
159 |
return page_nr; |
58 |
|
|
} |
59 |
|
|
|
60 |
dpavlin |
182 |
function reset_page_nr( nr ) { |
61 |
|
|
if (! nr) nr = 1; |
62 |
|
|
Logger.info('reset_page_nr to '+nr); |
63 |
|
|
page_nr = nr; |
64 |
|
|
$('page_nr').value = page_nr; |
65 |
|
|
} |
66 |
|
|
|
67 |
dpavlin |
160 |
/* syntaxtic sugar */ |
68 |
|
|
function set_page_nr(nr) { |
69 |
|
|
return load_results_page(nr); |
70 |
|
|
} |
71 |
|
|
|
72 |
dpavlin |
159 |
function next_page() { |
73 |
dpavlin |
160 |
load_results_page( get_page_nr() + 1 ); |
74 |
|
|
return false; |
75 |
dpavlin |
159 |
} |
76 |
|
|
|
77 |
|
|
function prev_page() { |
78 |
dpavlin |
160 |
load_results_page( get_page_nr() - 1 ); |
79 |
|
|
return false; |
80 |
dpavlin |
159 |
} |
81 |
|
|
|
82 |
dpavlin |
271 |
/* toggle visibility and replace text with something else */ |
83 |
|
|
function toggleLinkAndElement ( link, elementID, text ) { |
84 |
|
|
|
85 |
|
|
if ( link.innerHTML != text ) { |
86 |
|
|
// change link text |
87 |
|
|
link.oldInnerHTML = link.innerHTML; |
88 |
|
|
link.innerHTML = text; |
89 |
|
|
} else { |
90 |
|
|
// change it back |
91 |
|
|
link.innerHTML = link.oldInnerHTML; |
92 |
|
|
} |
93 |
|
|
|
94 |
dpavlin |
275 |
Logger.debug('toggleLinkAndElement '+elementID+': '+Element.visible( elementID )+' text: '+text); |
95 |
|
|
|
96 |
|
|
Element.toggle( elementID ); |
97 |
|
|
|
98 |
|
|
// why is this needed, Firefox 1.5? |
99 |
|
|
if (Element.visible( elementID )) $( elementID ).style.display = 'block'; |
100 |
|
|
|
101 |
dpavlin |
271 |
return false; |
102 |
|
|
} |
103 |
|
|
|
104 |
|
|
|
105 |
dpavlin |
159 |
/* |
106 |
|
|
submit results form using AJAX |
107 |
|
|
*/ |
108 |
|
|
function submit_results_form() { |
109 |
dpavlin |
138 |
var results_form = $('results_form'); |
110 |
dpavlin |
137 |
|
111 |
dpavlin |
138 |
if (results_form) { |
112 |
dpavlin |
161 |
var form_params = Form.serialize( results_form ); |
113 |
dpavlin |
138 |
|
114 |
dpavlin |
275 |
Logger.debug('Ajax.Updater(results,/results/ajax) '+form_params); |
115 |
dpavlin |
161 |
|
116 |
dpavlin |
275 |
new Ajax.Updater( 'results', '/search/results/ajax', { |
117 |
dpavlin |
161 |
parameters: form_params, |
118 |
dpavlin |
138 |
asynchronous: 1, |
119 |
|
|
onLoading: function(request) { |
120 |
|
|
show_searching(); |
121 |
|
|
}, |
122 |
|
|
onLoaded: function(request) { |
123 |
|
|
hide_searching(); |
124 |
|
|
} |
125 |
|
|
} ) ; |
126 |
|
|
return false; |
127 |
|
|
} else { |
128 |
|
|
Logger.debug('no results_form element'); |
129 |
|
|
return undef; |
130 |
|
|
} |
131 |
dpavlin |
160 |
return false; |
132 |
dpavlin |
97 |
} |
133 |
dpavlin |
106 |
|
134 |
dpavlin |
159 |
/* |
135 |
|
|
helper functions for submit_results_form() |
136 |
|
|
*/ |
137 |
dpavlin |
106 |
function show_searching() { |
138 |
dpavlin |
138 |
Logger.debug('show_searching'); |
139 |
dpavlin |
106 |
Element.show('searching'); |
140 |
dpavlin |
183 |
// new Effect.Fade('results', { duration: 0.3 }); |
141 |
dpavlin |
160 |
return false; |
142 |
dpavlin |
106 |
} |
143 |
|
|
|
144 |
|
|
function hide_searching() { |
145 |
dpavlin |
138 |
Logger.debug('hide_searching'); |
146 |
dpavlin |
106 |
Element.hide('searching'); |
147 |
dpavlin |
186 |
// new Effect.Highlight('results'); |
148 |
dpavlin |
183 |
// new Effect.Appear('results', { duration: 0.3 }); |
149 |
dpavlin |
160 |
return false; |
150 |
dpavlin |
106 |
} |
151 |
|
|
|
152 |
dpavlin |
187 |
/* |
153 |
|
|
load record nr in some template |
154 |
|
|
*/ |
155 |
|
|
|
156 |
dpavlin |
242 |
function load_rec(record_uri, tmp_template_filename) { |
157 |
dpavlin |
187 |
if (! tmp_template_filename) tmp_template_filename = template_filename; |
158 |
dpavlin |
242 |
Logger.info('load_rec '+record_uri+' in '+tmp_template_filename); |
159 |
dpavlin |
187 |
|
160 |
|
|
var results_form = $('results_form'); |
161 |
|
|
|
162 |
|
|
if (results_form) { |
163 |
dpavlin |
242 |
var args = '?record_uri='+record_uri+'&template_filename='+tmp_template_filename; |
164 |
dpavlin |
187 |
Logger.debug('Ajax.Updater(results,/search/record) '+args); |
165 |
|
|
|
166 |
|
|
new Ajax.Updater( 'results', '/search/record'+args, { |
167 |
|
|
asynchronous: 1, |
168 |
|
|
onLoading: function(request) { |
169 |
|
|
show_searching(); |
170 |
|
|
}, |
171 |
|
|
onLoaded: function(request) { |
172 |
|
|
hide_searching(); |
173 |
|
|
} |
174 |
|
|
} ) ; |
175 |
|
|
return false; |
176 |
|
|
} else { |
177 |
|
|
Logger.debug('no results_form element'); |
178 |
|
|
return undef; |
179 |
|
|
} |
180 |
|
|
return false; |
181 |
|
|
} |
182 |
dpavlin |
203 |
|
183 |
dpavlin |
270 |
var WebPAC = { }; |
184 |
|
|
|
185 |
dpavlin |
203 |
/* |
186 |
|
|
autocompleter which isn't (a suggest box) |
187 |
|
|
- don't just on first option on appear |
188 |
|
|
- removed fade-in/out effect |
189 |
|
|
- added configurable width (content width? centered?) |
190 |
|
|
- add icon which means suggest |
191 |
|
|
|
192 |
dpavlin |
270 |
hopefully, this implementation won't break (much) when I update |
193 |
|
|
prototype next time :-) |
194 |
dpavlin |
203 |
*/ |
195 |
|
|
|
196 |
dpavlin |
205 |
|
197 |
dpavlin |
270 |
WebPAC.Suggest = Class.create(); |
198 |
|
|
Logger.debug('Created WebPAC.Suggest Class'); |
199 |
|
|
Object.extend(Object.extend(WebPAC.Suggest.prototype, Ajax.Autocompleter.prototype), { |
200 |
dpavlin |
203 |
initialize: function(element, update, url, options) { |
201 |
dpavlin |
270 |
this.baseInitialize(element, update, options); |
202 |
dpavlin |
203 |
this.options.asynchronous = true; |
203 |
|
|
this.options.onComplete = this.onComplete.bind(this); |
204 |
|
|
this.options.defaultParams = this.options.parameters || null; |
205 |
|
|
this.url = url; |
206 |
|
|
this.ignoreReturn = true; |
207 |
|
|
|
208 |
dpavlin |
270 |
Logger.debug('WebPAC.Sugget initialize '+element+','+update+','+url); |
209 |
dpavlin |
205 |
|
210 |
dpavlin |
203 |
this.options.onShow = function(element, update) { |
211 |
|
|
if(!update.style.position || update.style.position=='absolute') { |
212 |
|
|
update.style.position = 'absolute'; |
213 |
|
|
Position.clone(element, update, {setHeight: false, offsetTop: element.offsetHeight}); |
214 |
|
|
} |
215 |
|
|
new Element.show(update); |
216 |
dpavlin |
270 |
Logger.debug('WebPAC.Suggest.onShow'); |
217 |
dpavlin |
203 |
}; |
218 |
|
|
|
219 |
|
|
this.options.onHide = function(element, update) { |
220 |
|
|
new Element.hide(update); |
221 |
dpavlin |
270 |
Logger.debug('WebPAC.Suggest.onHide'); |
222 |
dpavlin |
203 |
}; |
223 |
|
|
}, |
224 |
|
|
|
225 |
|
|
getUpdatedChoices: function() { |
226 |
|
|
entry = encodeURIComponent(this.options.paramName) + '=' + |
227 |
|
|
encodeURIComponent(this.getToken()); |
228 |
|
|
|
229 |
|
|
this.options.parameters = this.options.callback ? |
230 |
|
|
this.options.callback(this.element, entry) : entry; |
231 |
|
|
|
232 |
|
|
if(this.options.defaultParams) |
233 |
|
|
this.options.parameters += '&' + this.options.defaultParams; |
234 |
|
|
|
235 |
dpavlin |
270 |
Logger.debug('WebPAC.Suggest called '+this.url); |
236 |
dpavlin |
203 |
new Ajax.Request(this.url, this.options); |
237 |
|
|
}, |
238 |
|
|
|
239 |
|
|
onComplete: function(request) { |
240 |
dpavlin |
270 |
Logger.debug('WebPAC.Suggest onComplete called'); |
241 |
dpavlin |
203 |
this.updateChoices(request.responseText); |
242 |
|
|
}, |
243 |
|
|
|
244 |
|
|
markPrevious: function() { |
245 |
|
|
if(this.index > 0) this.index-- |
246 |
|
|
// else this.index = this.entryCount-1; |
247 |
|
|
}, |
248 |
|
|
|
249 |
|
|
markNext: function() { |
250 |
|
|
if(this.index < this.entryCount-1) this.index++ |
251 |
|
|
// else this.index = 0; |
252 |
dpavlin |
205 |
} |
253 |
dpavlin |
203 |
|
254 |
|
|
}); |
255 |
dpavlin |
205 |
|
256 |
dpavlin |
270 |
/* |
257 |
|
|
WebPAC.Updater |
258 |
|
|
*/ |
259 |
dpavlin |
205 |
|
260 |
dpavlin |
270 |
WebPAC.Updater = Class.create(); |
261 |
|
|
Logger.debug('Created WebPAC.Updater Class'); |
262 |
|
|
Object.extend(WebPAC.Updater.prototype, { |
263 |
|
|
initialize: function(container, url, options) { |
264 |
|
|
Logger.debug('WebPAC.Updater initialize '+container+','+url+','+options); |
265 |
dpavlin |
272 |
url += '/ajax'; |
266 |
dpavlin |
270 |
this.updater = new Ajax.Updater(container, url, options); |
267 |
|
|
$('_ajax').value = 1; |
268 |
|
|
if ($('_ajax').value) Logger.info("using AJAX"); |
269 |
|
|
} |
270 |
|
|
}); |
271 |
|
|
|