Sutty/trabajo-afectivo
5
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Fixed issue##388 - Added translation support for forms based on <html lang=“xx”> tag.

Browse source
This commit is contained in:
Martin Edenhofer 2016-11-09 23:04:49 +01:00
parent 575f15273d
commit fc8008b7e4
1 changed files with 68 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

76
public/assets/form/form.js
View file

@ -16,6 +16,7 @@ $(function() {
messageThankYou: 'Thank you for your inquiry! We\'ll contact you soon as possible.', // optional messageThankYou: 'Thank you for your inquiry! We\'ll contact you soon as possible.', // optional
messageNoConfig: 'Unable to load form config from server. Maybe featrue is disabled.', // optional messageNoConfig: 'Unable to load form config from server. Maybe featrue is disabled.', // optional
showTitle: true, showTitle: true,
lang: 'de', // optional, <html lang="xx"> will be used per default
modal: true, modal: true,
attributes: [ attributes: [
{ {
@ -48,6 +49,7 @@ $(function() {
var pluginName = 'ZammadForm', var pluginName = 'ZammadForm',
defaults = { defaults = {
lang: undefined,
debug: false, debug: false,
noCSS: false, noCSS: false,
prefixCSS: 'zammad-form-', prefixCSS: 'zammad-form-',
@ -78,15 +80,39 @@ $(function() {
placeholder: 'Your Message...', placeholder: 'Your Message...',
rows: 7, rows: 7,
}, },
] ],
translations: {
de: {
'Name': 'Name',
'Your Name': 'Ihr Name',
'Email': 'E-Mail',
'Your Email': 'Ihre E-Mail',
'Message': 'Nachricht',
'Your Message...': 'Ihre Nachricht...',
},
es: {
'Name': 'Nombre',
'Your Name': 'tu Nombre',
'Email': 'correo electrónico',
'Your Email': 'Tu correo electrónico',
'Message': 'Mensaje',
'Your Message...': 'tu Mensaje...',
},
fr: {
'Name': 'Prénom',
'Your Name': 'Votre nom',
'Email': 'Email',
'Your Email': 'Votre Email',
'Message': 'Message',
'Your Message...': 'Votre message...',
},
}
}; };
function Plugin(element, options) { function Plugin(element, options) {
this.element = element; this.element = element
this.$element = $(element) this.$element = $(element)
this.options = $.extend({}, defaults, options);
this._defaults = defaults; this._defaults = defaults;
this._name = pluginName; this._name = pluginName;
@ -100,9 +126,18 @@ $(function() {
this.endpoint_config = this._src.replace(this._script_location, this._endpoint_config) this.endpoint_config = this._src.replace(this._script_location, this._endpoint_config)
this.endpoint_submit = this._src.replace(this._script_location, this._endpoint_submit) this.endpoint_submit = this._src.replace(this._script_location, this._endpoint_submit)
this.options = $.extend({}, defaults, options)
if (!this.options.lang) {
this.options.lang = $('html').attr('lang')
}
if (this.options.lang) {
this.options.lang = this.options.lang.replace(/-.+?$/, '')
this.log('debug', "lang: " + this.options.lang)
}
this._config = {} this._config = {}
this.init(); this.init()
} }
Plugin.prototype.init = function () { Plugin.prototype.init = function () {
@ -260,12 +295,12 @@ $(function() {
$form.append('<h2>' + this.options.messageTitle + '</h2>') $form.append('<h2>' + this.options.messageTitle + '</h2>')
} }
$.each(this.options.attributes, function(index, value) { $.each(this.options.attributes, function(index, value) {
var item = $('<div class="form-group"><label>' + value.display + '</label></div>') var item = $('<div class="form-group"><label>' + _this.T(value.display) + '</label></div>')
if (value.tag == 'input') { if (value.tag == 'input') {
item.append('<input class="form-control" name="' + value.name + '" type="' + value.type + '" placeholder="' + value.placeholder + '">') item.append('<input class="form-control" name="' + value.name + '" type="' + value.type + '" placeholder="' + _this.T(value.placeholder) + '">')
} }
else if (value.tag == 'textarea') { else if (value.tag == 'textarea') {
item.append('<textarea class="form-control" name="' + value.name + '" placeholder="' + value.placeholder + '" rows="' + value.rows + '"></textarea>') item.append('<textarea class="form-control" name="' + value.name + '" placeholder="' + _this.T(value.placeholder) + '" rows="' + value.rows + '"></textarea>')
} }
$form.append(item) $form.append(item)
}) })
@ -341,6 +376,31 @@ $(function() {
$('.js-logDisplay').prepend('<div>' + logString + '</div>') $('.js-logDisplay').prepend('<div>' + logString + '</div>')
} }
// translation method
Plugin.prototype.T = function() {
var string = arguments[0]
var items = 2 <= arguments.length ? slice.call(arguments, 1) : []
if (this.options.lang && this.options.lang !== 'en') {
if (!this.options.translations[this.options.lang]) {
this.log('debug', "Translation '" + this.options.lang + "' needed!")
}
else {
translations = this.options.translations[this.options.lang]
if (!translations[string]) {
this.log('debug', "Translation needed for '" + this.options.lang + "' " + string + "'")
}
string = translations[string] || string
}
}
if (items) {
for (i = 0, len = items.length; i < len; i++) {
item = items[i]
string = string.replace(/%s/, item)
}
}
return string
}
$.fn[pluginName] = function (options) { $.fn[pluginName] = function (options) {
return this.each(function () { return this.each(function () {
var instance = $.data(this, 'plugin_' + pluginName) var instance = $.data(this, 'plugin_' + pluginName)