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 |
|
|
/* |
83 |
|
|
submit results form using AJAX |
84 |
|
|
*/ |
85 |
|
|
function submit_results_form() { |
86 |
dpavlin |
138 |
var results_form = $('results_form'); |
87 |
dpavlin |
137 |
|
88 |
dpavlin |
138 |
if (results_form) { |
89 |
dpavlin |
161 |
var form_params = Form.serialize( results_form ); |
90 |
dpavlin |
138 |
|
91 |
dpavlin |
161 |
Logger.debug('Ajax.Updater(results,/results) '+form_params); |
92 |
|
|
|
93 |
dpavlin |
153 |
new Ajax.Updater( 'results', '/search/results', { |
94 |
dpavlin |
161 |
parameters: form_params, |
95 |
dpavlin |
138 |
asynchronous: 1, |
96 |
|
|
onLoading: function(request) { |
97 |
|
|
show_searching(); |
98 |
|
|
}, |
99 |
|
|
onLoaded: function(request) { |
100 |
|
|
hide_searching(); |
101 |
|
|
} |
102 |
|
|
} ) ; |
103 |
|
|
return false; |
104 |
|
|
} else { |
105 |
|
|
Logger.debug('no results_form element'); |
106 |
|
|
return undef; |
107 |
|
|
} |
108 |
dpavlin |
160 |
return false; |
109 |
dpavlin |
97 |
} |
110 |
dpavlin |
106 |
|
111 |
dpavlin |
159 |
/* |
112 |
|
|
helper functions for submit_results_form() |
113 |
|
|
*/ |
114 |
dpavlin |
106 |
function show_searching() { |
115 |
dpavlin |
138 |
Logger.debug('show_searching'); |
116 |
dpavlin |
106 |
Element.show('searching'); |
117 |
dpavlin |
183 |
// new Effect.Fade('results', { duration: 0.3 }); |
118 |
dpavlin |
160 |
return false; |
119 |
dpavlin |
106 |
} |
120 |
|
|
|
121 |
|
|
function hide_searching() { |
122 |
dpavlin |
138 |
Logger.debug('hide_searching'); |
123 |
dpavlin |
106 |
Element.hide('searching'); |
124 |
dpavlin |
186 |
// new Effect.Highlight('results'); |
125 |
dpavlin |
183 |
// new Effect.Appear('results', { duration: 0.3 }); |
126 |
dpavlin |
160 |
return false; |
127 |
dpavlin |
106 |
} |
128 |
|
|
|
129 |
dpavlin |
187 |
/* |
130 |
|
|
load record nr in some template |
131 |
|
|
*/ |
132 |
|
|
|
133 |
dpavlin |
242 |
function load_rec(record_uri, tmp_template_filename) { |
134 |
dpavlin |
187 |
if (! tmp_template_filename) tmp_template_filename = template_filename; |
135 |
dpavlin |
242 |
Logger.info('load_rec '+record_uri+' in '+tmp_template_filename); |
136 |
dpavlin |
187 |
|
137 |
|
|
var results_form = $('results_form'); |
138 |
|
|
|
139 |
|
|
if (results_form) { |
140 |
dpavlin |
242 |
var args = '?record_uri='+record_uri+'&template_filename='+tmp_template_filename; |
141 |
dpavlin |
187 |
Logger.debug('Ajax.Updater(results,/search/record) '+args); |
142 |
|
|
|
143 |
|
|
new Ajax.Updater( 'results', '/search/record'+args, { |
144 |
|
|
asynchronous: 1, |
145 |
|
|
onLoading: function(request) { |
146 |
|
|
show_searching(); |
147 |
|
|
}, |
148 |
|
|
onLoaded: function(request) { |
149 |
|
|
hide_searching(); |
150 |
|
|
} |
151 |
|
|
} ) ; |
152 |
|
|
return false; |
153 |
|
|
} else { |
154 |
|
|
Logger.debug('no results_form element'); |
155 |
|
|
return undef; |
156 |
|
|
} |
157 |
|
|
return false; |
158 |
|
|
} |
159 |
dpavlin |
203 |
|
160 |
dpavlin |
270 |
var WebPAC = { }; |
161 |
|
|
|
162 |
dpavlin |
203 |
/* |
163 |
|
|
autocompleter which isn't (a suggest box) |
164 |
|
|
- don't just on first option on appear |
165 |
|
|
- removed fade-in/out effect |
166 |
|
|
- added configurable width (content width? centered?) |
167 |
|
|
- add icon which means suggest |
168 |
|
|
|
169 |
dpavlin |
270 |
hopefully, this implementation won't break (much) when I update |
170 |
|
|
prototype next time :-) |
171 |
dpavlin |
203 |
*/ |
172 |
|
|
|
173 |
dpavlin |
205 |
|
174 |
dpavlin |
270 |
WebPAC.Suggest = Class.create(); |
175 |
|
|
Logger.debug('Created WebPAC.Suggest Class'); |
176 |
|
|
Object.extend(Object.extend(WebPAC.Suggest.prototype, Ajax.Autocompleter.prototype), { |
177 |
dpavlin |
203 |
initialize: function(element, update, url, options) { |
178 |
dpavlin |
270 |
this.baseInitialize(element, update, options); |
179 |
dpavlin |
203 |
this.options.asynchronous = true; |
180 |
|
|
this.options.onComplete = this.onComplete.bind(this); |
181 |
|
|
this.options.defaultParams = this.options.parameters || null; |
182 |
|
|
this.url = url; |
183 |
|
|
this.ignoreReturn = true; |
184 |
|
|
|
185 |
dpavlin |
270 |
Logger.debug('WebPAC.Sugget initialize '+element+','+update+','+url); |
186 |
dpavlin |
205 |
|
187 |
dpavlin |
203 |
this.options.onShow = function(element, update) { |
188 |
|
|
if(!update.style.position || update.style.position=='absolute') { |
189 |
|
|
update.style.position = 'absolute'; |
190 |
|
|
Position.clone(element, update, {setHeight: false, offsetTop: element.offsetHeight}); |
191 |
|
|
} |
192 |
|
|
new Element.show(update); |
193 |
dpavlin |
270 |
Logger.debug('WebPAC.Suggest.onShow'); |
194 |
dpavlin |
203 |
}; |
195 |
|
|
|
196 |
|
|
this.options.onHide = function(element, update) { |
197 |
|
|
new Element.hide(update); |
198 |
dpavlin |
270 |
Logger.debug('WebPAC.Suggest.onHide'); |
199 |
dpavlin |
203 |
}; |
200 |
|
|
}, |
201 |
|
|
|
202 |
|
|
getUpdatedChoices: function() { |
203 |
|
|
entry = encodeURIComponent(this.options.paramName) + '=' + |
204 |
|
|
encodeURIComponent(this.getToken()); |
205 |
|
|
|
206 |
|
|
this.options.parameters = this.options.callback ? |
207 |
|
|
this.options.callback(this.element, entry) : entry; |
208 |
|
|
|
209 |
|
|
if(this.options.defaultParams) |
210 |
|
|
this.options.parameters += '&' + this.options.defaultParams; |
211 |
|
|
|
212 |
dpavlin |
270 |
Logger.debug('WebPAC.Suggest called '+this.url); |
213 |
dpavlin |
203 |
new Ajax.Request(this.url, this.options); |
214 |
|
|
}, |
215 |
|
|
|
216 |
|
|
onComplete: function(request) { |
217 |
dpavlin |
270 |
Logger.debug('WebPAC.Suggest onComplete called'); |
218 |
dpavlin |
203 |
this.updateChoices(request.responseText); |
219 |
|
|
}, |
220 |
|
|
|
221 |
|
|
markPrevious: function() { |
222 |
|
|
if(this.index > 0) this.index-- |
223 |
|
|
// else this.index = this.entryCount-1; |
224 |
|
|
}, |
225 |
|
|
|
226 |
|
|
markNext: function() { |
227 |
|
|
if(this.index < this.entryCount-1) this.index++ |
228 |
|
|
// else this.index = 0; |
229 |
dpavlin |
205 |
} |
230 |
dpavlin |
203 |
|
231 |
|
|
}); |
232 |
dpavlin |
205 |
|
233 |
dpavlin |
270 |
/* |
234 |
|
|
WebPAC.Updater |
235 |
|
|
*/ |
236 |
dpavlin |
205 |
|
237 |
dpavlin |
270 |
WebPAC.Updater = Class.create(); |
238 |
|
|
Logger.debug('Created WebPAC.Updater Class'); |
239 |
|
|
Object.extend(WebPAC.Updater.prototype, { |
240 |
|
|
initialize: function(container, url, options) { |
241 |
|
|
Logger.debug('WebPAC.Updater initialize '+container+','+url+','+options); |
242 |
|
|
this.updater = new Ajax.Updater(container, url, options); |
243 |
|
|
$('_ajax').value = 1; |
244 |
|
|
if ($('_ajax').value) Logger.info("using AJAX"); |
245 |
|
|
} |
246 |
|
|
}); |
247 |
|
|
|