root/js/webpac.js

// WebPAC AJAX API
//
// Documented in this code only, I'm afraid. Beware of dragons!
// Dobrica Pavlinusic dpavlin(at)rot13(dot)org 2005-11-22

/*
        load another template
*/
function load_template(template_name) {

        var old_template = $('template_name').value;

        Logger.info('load_template: '+template_name+' (old: '+old_template+')');

        if (template_name == old_template) {
                Logger.error('why reload same template?');
                return false;
        }

        $('template_name').value = template_name;
        submit_results_form();
        return false;
}

/*
        pager
*/
function load_results_page(page_nr) {

        if (parseInt(page_nr) != page_nr) {
                Logger.error("load_results_page can't parseInt "+page_nr);
                return false;
        }

        var old_page = get_page_nr();

        if (page_nr < 1) {
                Logger.error("load_results_page called with '"+page_nr+"' < 1");
                return false;
        }

        Logger.info('load_results_page: '+page_nr+' (from page: '+old_page+')');

        if (page_nr == old_page) {
                Logger.error('why reload same page?');
                return false;
        }

        $('page_nr').value = page_nr;
        submit_results_form();

        return false;
}

function get_page_nr() {
        var page_nr = parseInt( $('page_nr').value ) || 1;
        return page_nr;
}

function reset_page_nr( nr ) {
        if (! nr) nr = 1;
        Logger.info('reset_page_nr to '+nr);
        page_nr = nr;
        $('page_nr').value = page_nr;
}

/* syntaxtic sugar */
function set_page_nr(nr) {
        return load_results_page(nr);
}

function next_page() {
        load_results_page( get_page_nr() + 1 );
        return false;
}

function prev_page() {
        load_results_page( get_page_nr() - 1 );
        return false;
}

/* toggle visibility and replace text with something else */
function toggleLinkAndElement ( link, elementID, text ) {

        if ( link.innerHTML != text ) {
                // change link text
                link.oldInnerHTML = link.innerHTML;
                link.innerHTML = text;    
        } else {
                // change it back
                link.innerHTML = link.oldInnerHTML;
        }

        Logger.debug('toggleLinkAndElement '+elementID+': '+Element.visible( elementID )+' text: '+text);

        Element.toggle( elementID );

        // why is this needed, Firefox 1.5?
        if (Element.visible( elementID )) $( elementID ).style.display = 'block';

        return false;
}


/*
        submit results form using AJAX
*/
function submit_results_form() {
        var results_form = $('results_form');

        if (results_form) {
                var form_params = Form.serialize( results_form );

                Logger.debug('Ajax.Updater(results,/results/ajax) '+form_params);

                new Ajax.Updater( 'results', '/search/results/ajax', {
                        parameters: form_params,
                        asynchronous: 1,
                        onLoading: function(request) {
                                show_searching();
                        },
                        onLoaded: function(request) {
                                hide_searching();
                        }
                } ) ;
                return false;
        } else {
                Logger.debug('no results_form element');
                return undef;
        }
        return false;
}

/*
        helper functions for submit_results_form()
*/

var search_active = 0;

function show_searching() {
        Logger.debug('show_searching');
        Element.show('searching');
//      new Effect.Fade('results', { duration: 0.3 });
        search_active = 1;
        return false;
}

function hide_searching() {
        Logger.debug('hide_searching');
        Element.hide('searching');
//      new Effect.Highlight('results');
//      new Effect.Appear('results', { duration: 0.3 });
        search_active = 0;
        return false;
}

/*
        load record nr in some template
*/

function load_rec(record_uri, tmp_template_filename) {
        if (! tmp_template_filename) tmp_template_filename = template_filename;
        Logger.info('load_rec '+record_uri+' in '+tmp_template_filename);

        var results_form = $('results_form');

        if (results_form) {
                var args = '?record_uri='+record_uri+'&template_filename='+tmp_template_filename;
                Logger.debug('Ajax.Updater(results,/search/record) '+args);

                new Ajax.Updater( 'results', '/search/record'+args, {
                        asynchronous: 1,
                        onLoading: function(request) {
                                show_searching();
                        },
                        onLoaded: function(request) {
                                hide_searching();
                        }
                } ) ;
                return false;
        } else {
                Logger.debug('no results_form element');
                return undef;
        }
        return false;
}

/* click on checkbox */

function checkbox_click() {
        if (search_active) return false;
        submit_results_form();
        Logger.debug('checkbox_click');
        return true;
}


var WebPAC = { };

/*
        autocompleter which isn't (a suggest box)
        - don't just on first option on appear
        - removed fade-in/out effect
        - added configurable width (content width? centered?)
        - add icon which means suggest

        hopefully, this implementation won't break (much) when I update
        prototype next time :-)
*/


WebPAC.Suggest = Class.create();
Logger.debug('Created WebPAC.Suggest Class');
Object.extend(Object.extend(WebPAC.Suggest.prototype, Ajax.Autocompleter.prototype), {
  initialize: function(element, update, url, options) {
    this.baseInitialize(element, update, options);
    this.options.asynchronous  = true;
    this.options.onComplete    = this.onComplete.bind(this);
    this.options.defaultParams = this.options.parameters || null;
    this.url                   = url;
    this.ignoreReturn = true;

    Logger.debug('WebPAC.Sugget initialize '+element+','+update+','+url);

    this.options.onShow = function(element, update) {
      if(!update.style.position || update.style.position=='absolute') {
        update.style.position = 'absolute';
        Position.clone(element, update, {setHeight: false, offsetTop: element.offsetHeight});
      }
      new Element.show(update);
      Logger.debug('WebPAC.Suggest.onShow');
    };

    this.options.onHide = function(element, update) {
        new Element.hide(update);
        Logger.debug('WebPAC.Suggest.onHide');
    };
  },

  getUpdatedChoices: function() {
    entry = encodeURIComponent(this.options.paramName) + '=' +
      encodeURIComponent(this.getToken());

    this.options.parameters = this.options.callback ?
      this.options.callback(this.element, entry) : entry;

    if(this.options.defaultParams)
      this.options.parameters += '&' + this.options.defaultParams;

    Logger.debug('WebPAC.Suggest called '+this.url);
    new Ajax.Request(this.url, this.options);
  },

  onComplete: function(request) {
    Logger.debug('WebPAC.Suggest onComplete called');
    this.updateChoices(request.responseText);
  },

  markPrevious: function() {
    if(this.index > 0) this.index--
    //  else this.index = this.entryCount-1;
  },

  markNext: function() {
    if(this.index < this.entryCount-1) this.index++
    //  else this.index = 0;
  }

});

/*
        WebPAC.Updater
*/

WebPAC.Updater = Class.create();
Logger.debug('Created WebPAC.Updater Class');
Object.extend(WebPAC.Updater.prototype, {
  initialize: function(container, url, options) {
    Logger.debug('WebPAC.Updater initialize '+container+','+url+','+options);
    url += '/ajax';
    this.updater = new Ajax.Updater(container, url, options);
    $('_ajax').value = 1;
    if ($('_ajax').value) Logger.info("using AJAX");
  }
});

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	278
138			var search_active = 0;
139
140	dpavlin	106	function show_searching() {
141	dpavlin	138	Logger.debug('show_searching');
142	dpavlin	106	Element.show('searching');
143	dpavlin	183	// new Effect.Fade('results', { duration: 0.3 });
144	dpavlin	278	search_active = 1;
145	dpavlin	160	return false;
146	dpavlin	106	}
147
148			function hide_searching() {
149	dpavlin	138	Logger.debug('hide_searching');
150	dpavlin	106	Element.hide('searching');
151	dpavlin	186	// new Effect.Highlight('results');
152	dpavlin	183	// new Effect.Appear('results', { duration: 0.3 });
153	dpavlin	278	search_active = 0;
154	dpavlin	160	return false;
155	dpavlin	106	}
156
157	dpavlin	187	/*
158			load record nr in some template
159			*/
160
161	dpavlin	242	function load_rec(record_uri, tmp_template_filename) {
162	dpavlin	187	if (! tmp_template_filename) tmp_template_filename = template_filename;
163	dpavlin	242	Logger.info('load_rec '+record_uri+' in '+tmp_template_filename);
164	dpavlin	187
165			var results_form = $('results_form');
166
167			if (results_form) {
168	dpavlin	242	var args = '?record_uri='+record_uri+'&template_filename='+tmp_template_filename;
169	dpavlin	187	Logger.debug('Ajax.Updater(results,/search/record) '+args);
170
171			new Ajax.Updater( 'results', '/search/record'+args, {
172			asynchronous: 1,
173			onLoading: function(request) {
174			show_searching();
175			},
176			onLoaded: function(request) {
177			hide_searching();
178			}
179			} ) ;
180			return false;
181			} else {
182			Logger.debug('no results_form element');
183			return undef;
184			}
185			return false;
186			}
187	dpavlin	203
188	dpavlin	278	/* click on checkbox */
189
190			function checkbox_click() {
191			if (search_active) return false;
192			submit_results_form();
193			Logger.debug('checkbox_click');
194			return true;
195			}
196
197
198	dpavlin	270	var WebPAC = { };
199
200	dpavlin	203	/*
201			autocompleter which isn't (a suggest box)
202			- don't just on first option on appear
203			- removed fade-in/out effect
204			- added configurable width (content width? centered?)
205			- add icon which means suggest
206
207	dpavlin	270	hopefully, this implementation won't break (much) when I update
208			prototype next time :-)
209	dpavlin	203	*/
210
211	dpavlin	205
212	dpavlin	270	WebPAC.Suggest = Class.create();
213			Logger.debug('Created WebPAC.Suggest Class');
214			Object.extend(Object.extend(WebPAC.Suggest.prototype, Ajax.Autocompleter.prototype), {
215	dpavlin	203	initialize: function(element, update, url, options) {
216	dpavlin	270	this.baseInitialize(element, update, options);
217	dpavlin	203	this.options.asynchronous = true;
218			this.options.onComplete = this.onComplete.bind(this);
219			this.options.defaultParams = this.options.parameters \|\| null;
220			this.url = url;
221			this.ignoreReturn = true;
222
223	dpavlin	270	Logger.debug('WebPAC.Sugget initialize '+element+','+update+','+url);
224	dpavlin	205
225	dpavlin	203	this.options.onShow = function(element, update) {
226			if(!update.style.position \|\| update.style.position=='absolute') {
227			update.style.position = 'absolute';
228			Position.clone(element, update, {setHeight: false, offsetTop: element.offsetHeight});
229			}
230			new Element.show(update);
231	dpavlin	270	Logger.debug('WebPAC.Suggest.onShow');
232	dpavlin	203	};
233
234			this.options.onHide = function(element, update) {
235			new Element.hide(update);
236	dpavlin	270	Logger.debug('WebPAC.Suggest.onHide');
237	dpavlin	203	};
238			},
239
240			getUpdatedChoices: function() {
241			entry = encodeURIComponent(this.options.paramName) + '=' +
242			encodeURIComponent(this.getToken());
243
244			this.options.parameters = this.options.callback ?
245			this.options.callback(this.element, entry) : entry;
246
247			if(this.options.defaultParams)
248			this.options.parameters += '&' + this.options.defaultParams;
249
250	dpavlin	270	Logger.debug('WebPAC.Suggest called '+this.url);
251	dpavlin	203	new Ajax.Request(this.url, this.options);
252			},
253
254			onComplete: function(request) {
255	dpavlin	270	Logger.debug('WebPAC.Suggest onComplete called');
256	dpavlin	203	this.updateChoices(request.responseText);
257			},
258
259			markPrevious: function() {
260			if(this.index > 0) this.index--
261			// else this.index = this.entryCount-1;
262			},
263
264			markNext: function() {
265			if(this.index < this.entryCount-1) this.index++
266			// else this.index = 0;
267	dpavlin	205	}
268	dpavlin	203
269			});
270	dpavlin	205
271	dpavlin	270	/*
272			WebPAC.Updater
273			*/
274	dpavlin	205
275	dpavlin	270	WebPAC.Updater = Class.create();
276			Logger.debug('Created WebPAC.Updater Class');
277			Object.extend(WebPAC.Updater.prototype, {
278			initialize: function(container, url, options) {
279			Logger.debug('WebPAC.Updater initialize '+container+','+url+','+options);
280	dpavlin	272	url += '/ajax';
281	dpavlin	270	this.updater = new Ajax.Updater(container, url, options);
282			$('_ajax').value = 1;
283			if ($('_ajax').value) Logger.info("using AJAX");
284			}
285			});
286