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 ) {

        Element.toggle( elementID ); // toggle the element

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

        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) '+form_params);

                new Ajax.Updater( 'results', '/search/results', {
                        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()
*/
function show_searching() {
        Logger.debug('show_searching');
        Element.show('searching');
//      new Effect.Fade('results', { duration: 0.3 });
        return false;
}

function hide_searching() {
        Logger.debug('hide_searching');
        Element.hide('searching');
//      new Effect.Highlight('results');
//      new Effect.Appear('results', { duration: 0.3 });
        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;
}

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