([\s\S]*?)<\/div>/;
var matches = response.responseText.match(pattern);
var new_results = matches[1];
// place new html in container
if (new_results) {
$('recipes_found_container').innerHTML = new_results;
}
// re-attach events
attachClickFunctions();
// remove waiting status
$(document.body).removeClassName('waiting');
}
function on_load_failure() {
$(document.body).removeClassName('waiting');
}
attachClickFunctions();
}
/* }}} */
/* Recipe rating {{{ */
// Rate a recipe on a five-star scale:
function recipesAttachRatingFunctions() {
// if voted, give feedback
function voted() {
var votedspan = $('recipe_rating_voted');
if (votedspan) {
$(votedspan).observe('mouseover',function(){
var span = $('rating_feedback');
if (span) span.innerHTML = 'U hebt al gestemd';
});
$(votedspan).observe('mouseout',function(){
var span = $('rating_feedback');
if (span) span.innerHTML = 'Waardering';
});
}
}
voted();
$$('#recipe_info .recipe_rating span span').each(function(a, aID) {
// Setup event handlers on the five stars:
var ratingbox = a.parentNode.parentNode;
var initbox = a.parentNode;
var position = aID + 1;
a.position = aID+1;
function on_mouse_over(ev) {
$(this.parentNode).addClassName('stars_' + this.position);
var span = $('rating_feedback');
if (span) span.innerHTML = 'Geef uw beoordeling: ' + this.position + ((this.position==1)?' ster':' sterren');
}
function on_mouse_out(ev) {
$(this.parentNode).removeClassName('stars_' + this.position);
var span = $('rating_feedback');
if (span) span.innerHTML = ' ';
}
/**
* Callback for successful rate post.
*
* The response is a working plain HTML for non-ajax browser;
* The new data is stuck on the response as X-JSON as well.
*/
function on_rating_success (response) {
if (response.headerJSON == null) {
throw 'Missing JSON data in response header.';
}
var span = $('rating_feedback');
if (span) {
span.innerHTML = 'Bedankt voor uw beoordeling';
}
span = $('recipe_rating_number');
if (span) {
span.innerHTML = new String(parseInt(response.headerJSON.noOfRates));
}
initbox.className = 'recipe_rating_stars initstars_'
+ parseInt(response.headerJSON.newrate);
initbox.innerHTML = parseInt(response.headerJSON.newrate)
+ ((response.headerJSON.newrate == 1) ? ' ster' : ' sterren');
initbox.id = 'recipe_rating_voted';
}
/**
* Callback for failed rate post.
*/
function on_rating_failure (response) {
initbox.className = 'recipe_rating_stars initstars_';
// TODO better feedback.
}
/**
* Post this rate
*/
function on_post_rating (ev) {
// Set form and run submit:
var rbutton = $('rate_form_rate' + this.position);
if ( ! rbutton ) {
return;
}
rbutton.checked = 'checked';
var request = new Ajax.Request('/recepten/raterecept', {
method: 'post',
parameters: $('rate_form').serialize(),
onSuccess: on_rating_success,
onFailure: on_rating_failure
});
Event.stop(ev);
return false;
}
a.observe('mouseover', on_mouse_over);
a.observe('mouseout', on_mouse_out);
a.observe('click', on_post_rating);
});
}
/* }}} */
/* Recipe search autocomplete {{{ */
function recipeAjaxSearcher() {
$$('#primary form input.autocompleter,#secondary form input.autocompleter').each(
function(inputComplete) {
if (inputComplete.readAttribute('data-url')) {
var default_text;
inputComplete.observe('focus', function(ev) {
if (inputComplete.value.indexOf('Vul een ingredi') == 0) {
default_text = inputComplete.value;
inputComplete.value = '';
}
this.select();
});
// reset the text to the original, instructive text:
inputComplete.observe('blur', function (ev) {
if (inputComplete.value == '' && default_text != undefined) {
inputComplete.value = default_text;
}
});
var div = new Element('div');
div.id=inputComplete.id+'_auto_complete';
div.className="autocompleter_container";
$('main').insert(div); // outside to prevent positioning problems.
new Ajax.Autocompleter(
inputComplete.id,
div.id,
inputComplete.readAttribute('data-url'),
{frequency: 0.1, minChars: 2}
);
}
});
}
/* }}} */
/* Create the recipe instruction video on a recipe detail page. {{{ */
function recipesInstructionVideo()
{
function InstructionVideoController(self, placeholder) {
// private members:
var url;
var state = 'closed';
// initialize the controller. call this first.
self.init = function (placeholder) {
url = _init_url(placeholder);
_create_control(placeholder);
}
// returns the URL for the movie
self.get_url = function () { return url; }
// show or hide the player:
self.toggle_movie = function (ev) {
var controller = $('recipe_movie_controller');
if (state == 'closed') {
this.show_movie(ev);
if (controller) controller.addClassName('playing');
} else {
this.hide_movie(ev);
if (controller) controller.removeClassName('playing');
}
}
// show and play the movie:
self.show_movie = function(ev) {
var player = $('recipe_instruction_video_player');
// create and play movie:
var fo = new SWFObject(
'/_swf/videoplayer-v1.swf',
'recipe_instruction_video_movie',
'100%' /* width; 545px */,
'326' /* height */,
'8' /* Version 8 player */,
'#FFFFFF'
);
fo.addParam('quality', 'High');
fo.addParam('menu', 'false');
fo.addParam('allowScriptAccess', 'always');
fo.addParam("wmode", "opaque");
fo.addParam('flashvars', 'autoplay=true&theme=food&path=' + this.get_url());
fo.write('recipe_instruction_video_player');
// create close control;
var cb = $(document.createElement('a'));
cb.className = 'singular';
cb.href = '#close_video';
cb.innerHTML = 'video sluiten';
cb.observe('click', self.toggle_movie.bindAsEventListener(self));
player.appendChild(cb);
player.style.display = 'block';
state = 'opened';
}
self.hide_movie = function(ev) {
var player = $('recipe_instruction_video_player');
player.style.display = 'none';
player.innerHTML = '';
state = 'closed';
}
function _init_url(placeholder) {
var url = placeholder.firstDescendant().readAttribute('href');
if (url === null) {
throw 'Missing href in instruction video tag.';
}
return url;
}
function _create_control(placeholder) {
if (typeof showSWFObject === undefined) {
throw 'Missing SWFObject library.';
}
var d = $(document.createElement('span'));
d.addClassName('recipe_instruction_video_control');
d.innerHTML = '
play';
d.firstDescendant().observe(
'click', self.toggle_movie.bindAsEventListener(self));
placeholder.appendChild(d);
var c =$(document.createElement('div'));
c.setAttribute('id', 'recipe_instruction_video_player');
$('recipe_info').appendChild(c);
return d;
}
// run:
self.init(placeholder);
return self;
}
var placeholder = $('recipe_instruction_video');
if ( ! placeholder) { // test'n'skip
return;
}
// check for flash version
if (deconcept.SWFObjectUtil.getPlayerVersion().major >= 8) {
InstructionVideoController({}, placeholder);
}
}
/* }}} */
/*
DOM enhancements only applicable for recipepages
*/
if (loader) {
loader.schedule("recipeAjaxSearcher autocomplete", recipeAjaxSearcher);
loader.schedule("setupRefinement", setupRefinement);
loader.schedule("recipesAttachRatingFunctions", recipesAttachRatingFunctions);
loader.schedule("recipeInitRecipeSuggestions", recipeInitRecipeSuggestions);
loader.schedule("recipesCreateFoundList", recipesCreateFoundList);
loader.schedule("recipesInstructionVideo", recipesInstructionVideo);
}
// vim: fdm=marker ts=4 sts=4 sw=4 noet