X-Git-Url: http://git.cyclocoop.org/?p=velocampus%2Fweb%2Fwww.git;a=blobdiff_plain;f=www%2Fprive%2Fjavascript%2Fmultilang.js;fp=www%2Fprive%2Fjavascript%2Fmultilang.js;h=c0b5e17128e3989c01e747de0fad5fe2527d6e63;hp=0000000000000000000000000000000000000000;hb=80b4d3e85f78d402ed2e73f8f5d1bf4c19962eed;hpb=aaf970bf4cdaf76689ecc10609048e18d073820c diff --git a/www/prive/javascript/multilang.js b/www/prive/javascript/multilang.js new file mode 100644 index 0000000..c0b5e17 --- /dev/null +++ b/www/prive/javascript/multilang.js @@ -0,0 +1,238 @@ +/* + * multilang + * + * Copyright (c) 2006-2010 Renato Formato (rformato@gmail.com) + * Licensed under the GPL License: + * http://www.gnu.org/licenses/gpl.html + * + */ + +var multilang_containers={}, //menu containers + forms_fields={}, + multilang_forms, //forms to be processed (jQuery object) + multilang_menu_lang; //template of the menu (jQuery object) +/* +(?:\[([a-z_]+)\]|^[\s\n]*) +[lang] or white space + +((?:.|\n)*?) +all chars not greedy + +(?=\[[a-z_]+\]|$) +[lang] or end string +*/ +var match_multi = /(?:\[([a-z_]+)\]|^[\s\n]*)((?:.|\n|\s)*?)(?=\[[a-z_]+\]|$)/ig; +var multilang_css_link, + multilang_css_cur_link={}, + multilang_root, //root of the search (jQuery object) + multilang_fields_selector, + multilang_menu_selector, + multilang_forms_selector; //selector of the forms to be processed (string) +multilang_css_link = {"cursor":"pointer","margin":"2px 5px","float":"left"}; +$.extend(multilang_css_cur_link,multilang_css_link,{fontWeight:"bold"}); + +/* options is a hash having the following values: + * - fields (mandatory): a jQuery selector to set the fields that have to be internationalized. + * - page (optional): a string to be searched in the current url. if found the plugin is applied. + * - root (optional): the root element of all processing. Default value is 'document'. To speed up search + * - forms (optional): a jQuery selector to set the forms that have to be internationalized. Default value is 'form'. + * - main_menu (optional): a jQuery selector to set the container for the main menu to control all the selected forms. + * - form_menu (optional): a jQuery selector to set the container for the form menus. + */ +function multilang_init_lang(options) { + //Detect if we're on the right page and if multilinguism is activated. If not return. + if((options.page && window.location.search.indexOf(options.page)==-1) || multilang_avail_langs.length<=1) return; + //set the root element of all processing + var root = options.root || document; + multilang_root = $(root); + //set the main menu element + multilang_containers = options.main_menu ? $(options.main_menu,multilang_root) : $([]); + //create menu lang template + multilang_menu_lang =$("
"); + $.each(multilang_avail_langs,function() { + multilang_menu_lang.append($("").html("["+this+"]").css(this==multilang_def_lang?multilang_css_cur_link:multilang_css_link)[0]); + }); + //store all the internationalized forms + multilang_forms_selector = options.forms || "form"; + multilang_forms = $(multilang_forms_selector,multilang_root); + //create menu lang for the global form + if(multilang_containers.size()) forms_make_menu_lang(multilang_containers); + //init fields + multilang_fields_selector = options.fields; + multilang_menu_selector = options.form_menu; + forms_init_multi(); +} + +function forms_make_menu_lang(container,target) { + target = target || multilang_forms; + $(multilang_menu_lang).clone().find("a").click(function() {forms_change_lang(this,container,target)}).end(). + append("
").appendTo(container); +} + +function forms_change_lang(el,container,target) { + var lang = el.innerHTML; + container = container || multilang_containers; + //update lang menu with current selection + container.find("a").each(function(){ + $(this).css("fontWeight",lang==this.innerHTML?"bold":"normal"); + }).end(); + lang = lang.slice(1,-1); + //store the fields inputs for later use (usefull for select) + var target_id = target!=multilang_forms?jQuery.data(target[0]):"undefined"; + if(!forms_fields[target_id]) forms_fields[target_id] = $(multilang_fields_selector,target); + //save the current values + forms_fields[target_id].each(function(){ + forms_save_lang(this,this.form.form_lang); + }); + //change current lang + target.each(function(){this.form_lang = lang}); + //reinit fields to current lang + forms_fields[target_id].each(function(){forms_set_lang(this,lang)}); +} + +function forms_init_multi(options) { + var target = options?options.target:null; + var init_forms; + //Update the list of form if this is an update + if(target) { + //Verify the target is really a form to be internationalized (in case of an ajax request fired by onAjaxLoad) + if(target==document) return; + init_forms = $(target).find('form').in_set($(multilang_forms_selector,multilang_root)); + if(!init_forms.length) return; + multilang_forms.add(init_forms.each(forms_attach_submit).get()); + } else { + //attach multi processing to submit event + init_forms = multilang_forms; + multilang_forms.each(forms_attach_submit); + } + forms_fields = {}; + forms_fields["undefined"] = $(multilang_fields_selector,multilang_forms); + //init the value of the field to current lang + //add a container for the language menu inside the form + init_forms.each(function() { + this.form_lang = multilang_def_lang; + var container = multilang_menu_selector ? $(multilang_menu_selector,this) : $(this); + container.prepend("
"); + }); + $(multilang_fields_selector,init_forms).each(function(){ + forms_init_field(this,this.form.form_lang); + }); + //create menu for each form. The menu is just before the form + $("div.menu_lang",init_forms).empty().each(function() { + //store all form containers to allow menu lang update on each container + //when it is triggered by global menu + multilang_containers.add(this); + forms_make_menu_lang($(this),$(this).parents("form")); + }); +} + +function forms_attach_submit() { + var oldsubmit = this.onsubmit; + this.onsubmit = ""; + if(oldsubmit) $(this).submit(function(){forms_multi_submit.apply(this);return oldsubmit.apply(this);}) + else $(this).submit(forms_multi_submit); +} + +function forms_init_field(el,lang) { + //Retrieves the following data + //1)the title element of the field + //2)boolean multi = the fields has a multi value + //3)various lang string + //if already inited just return + if(el.field_lang) return; + var langs; + var m = el.value.match(/(\d+\.\s+)?((?:.|\n|\s)*?)<\/multi>/); + el.field_lang = {}; + el.field_pre_lang = ""; //this is the 01. part of the string, the will be put outside the + el.titre_el = $("#titre_"+el.id); + if(m!=null) { + el.field_pre_lang = m[1] || ""; + el.multi = true; + match_multi.lastIndex=0; + while((langs=match_multi.exec(m[2]))!=null) { + var text = langs[2].match(/^(\d+\.\s+)((?:.|\n|\s)*)/), value; + if(text!=null) { + value = text[2]; + el.field_pre_lang = text[1] || ""; + } else { + value = langs[2]; + } + el.field_lang[langs[1]||multilang_def_lang] = value; + } + //Put the current lang string only in the field + forms_set_lang(el,lang); + } else { + el.multi = false; + el.field_lang[lang] = el.value; + } +} + +function forms_set_lang(el,lang) { + //if current lang is not setted use default lang value + if(el.field_lang[lang]==undefined) + el.field_lang[lang] = el.field_lang[multilang_def_lang]; + el.value = el.field_pre_lang+(el.field_lang[lang]==undefined?"":el.field_lang[lang]); //show the common part (01. ) before the value + el.titre_el.html(el.value); +} + +function forms_save_lang(el,lang) { + //if the lang value is equal to the def lang do nothing + //else save value but if the field is not empty, delete lang value + var m = el.value.match(/^(\d+\.\s+)((?:.|\n|\s)*)/); + if(m!=null) { + el.field_pre_lang = m[1]; + el.value = m[2]; + } + if(el.field_lang[multilang_def_lang]!=el.value) { + if(!el.value) { + delete el.field_lang[lang]; + return; + } + el.multi = true; + el.field_lang[lang] = el.value; + } +} + +//This func receives the form that is going to be submitted +function forms_multi_submit(params) { + if(multilang_avail_langs.length<=1) return; + var form = this; + //remove the current form from the list of forms + multilang_forms.not(this); + //remove the current menu lang container from the list + multilang_containers.not("div.menu_lang",$(this)); + //build the input values + $(multilang_fields_selector,this).each(function(){ + //save data before submit + forms_save_lang(this,form.form_lang || multilang_def_lang); + //build the string value + var def_value = this.field_lang[multilang_def_lang]; + if(!this.multi) this.value = this.field_pre_lang+(def_value==undefined?"":def_value); + else { + var value="",count=0; + $.each(this.field_lang,function(name){ + //save default lang value and other lang values if different from + //the default one + if(this!=def_value || name==multilang_def_lang) { + value += "["+name+"]"+this; + count++; + } + }); + this.value = this.field_pre_lang+(count!=1?""+value+"":value.replace(/^\[[a-z_]+\]/,'')); + } + }); + //save back the params + if(params) $.extend(params,$(form).formToArray(false)); +} + +jQuery.fn.in_set = function(set) { + var elements = this.get(); + var result = $.grep(set,function(i){ + var found = false; + $.each(elements,function(){ + if(this==i) found=true; + }) + return found; + }); + return jQuery(result); +}