(function ($) { /* * * provides feedback form for zammad * */ var pluginName = 'ZammadForm', defaults = { lang: undefined, debug: false, noCSS: false, prefixCSS: 'zammad-form-', showTitle: false, messageTitle: 'Zammad Form', messageSubmit: 'Submit', messageThankYou: 'Thank you for your inquiry! We\'ll contact you as soon as possible.', messageNoConfig: 'Unable to load form config from server. Maybe feature is disabled.', attachmentSupport: false, attributes: [ { display: 'Name', name: 'name', tag: 'input', type: 'text', id: 'zammad-form-name', required: true, placeholder: 'Your Name', defaultValue: '', }, { display: 'Email', name: 'email', tag: 'input', type: 'email', id: 'zammad-form-email', required: true, placeholder: 'Your Email', defaultValue: '', }, { display: 'Message', name: 'body', tag: 'textarea', id: 'zammad-form-body', required: true, placeholder: 'Your Message...', defaultValue: '', rows: 7, }, ], translations: { 'de': { 'Name': 'Name', 'Your Name': 'Ihr Name', 'Email': 'E-Mail', 'Your Email': 'Ihre E-Mail', 'Message': 'Nachricht', 'Attachments': 'Anhänge', 'Your Message...': 'Ihre Nachricht...', }, 'ru': { 'Name': 'Имя', 'Your Name': 'Ваше имя', 'Email': 'E-Mail', 'Your Email': 'Ваша почта', 'Message': 'Сообщение', 'Attachments': 'Прикрепленные', 'Your Message...': 'Ваше Сообщение...', }, 'es': { 'Name': 'Nombre', 'Your Name': 'tu Nombre', 'Email': 'correo electrónico', 'Your Email': 'Tu correo electrónico', 'Message': 'Mensaje', 'Attachments': 'archivos adjuntos', 'Your Message...': 'tu Mensaje...', }, 'fr': { 'Name': 'Prénom', 'Your Name': 'Votre nom', 'Email': 'Email', 'Your Email': 'Votre Email', 'Message': 'Message', 'Attachments': 'Pièces jointes', 'Your Message...': 'Votre message...', }, 'nl': { 'Name': 'Naam', 'Your Name': 'Uw naam', 'Email': 'Email adres', 'Your Email': 'Uw Email adres', 'Message': 'Bericht', 'Attachments': 'Bijlage', 'Your Message...': 'Uw bericht...', }, 'it': { 'Name': 'Nome', 'Your Name': 'Il tuo nome', 'Email': 'E-mail', 'Your Email': 'Il tuo indirizzo e-mail', 'Message': 'Messaggio', 'Attachments': 'Allegati', 'Your Message...': 'Il tuo messaggio...', }, 'pl': { 'Name': 'Nazwa', 'Your Name': 'Imię i nazwisko', 'Email': 'Email adres', 'Your Email': 'Adres e-mail', 'Message': 'Wiadomość', 'Attachments': 'Załączniki', 'Your Message...': 'Twoja wiadomość...', }, 'zh-cn': { 'Name': '联系人', 'Your Name': '您的尊姓大名', 'Email': '电子邮件', 'Your Email': '您的邮件地址', 'Message': '留言', 'Attachments': '附件', 'Your Message...': '您的留言...', }, 'zh-tw': { 'Name': '聯絡人', 'Your Name': '您的尊姓大名', 'Email': 'E-Mail', 'Your Email': '請留下您的電子郵件地址', 'Message': '留言', 'Attachments': '附檔', 'Your Message...': '請寫下您的留言...' }, } }; function Plugin(element, options) { this.element = element this.$element = $(element) this._defaults = defaults; this._name = pluginName; this._endpoint_config = '/api/v1/form_config' this._endpoint_submit = '/api/v1/form_submit' this._script_location = '/assets/form/form.js' this._css_location = '/assets/form/form.css' this._src = document.getElementById('zammad_form_script').src this.css_location = this._src.replace(this._script_location, this._css_location) 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.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._token = '' this.init() } Plugin.prototype.init = function () { var _this = this, params = {} _this.log('debug', 'init', this._src) if (!_this.options.noCSS) { _this.loadCss(_this.css_location) } $.each(_this.options.attributes, function(index, item) { if (item.name == 'file[]') { _this.options.attributes.splice(index, 1); } }) if (_this.options.attachmentSupport === true || _this.options.attachmentSupport === 'true') { var attachment = { display: 'Attachments', name: 'file[]', tag: 'input', type: 'file', repeat: 1, } _this.options.attributes.push(attachment) } _this.log('debug', 'endpoint_config: ' + _this.endpoint_config) _this.log('debug', 'endpoint_submit: ' + _this.endpoint_submit) // load config if (this.options.test) { params.test = true } params.fingerprint = this.fingerprint() $.ajax({ method: 'post', url: _this.endpoint_config, cache: false, processData: true, data: params }).done(function(data) { _this.log('debug', 'config:', data) _this._config = data }).fail(function(jqXHR, textStatus, errorThrown) { if (jqXHR.status == 401) { _this.log('error', 'Faild to load form config, wrong authentication data!') } else if (jqXHR.status == 403) { _this.log('error', 'Faild to load form config, feature is disabled or request is wrong!') } else { _this.log('error', 'Faild to load form config!') } _this.noConfig() }); // show form if (!this.options.modal) { _this.render() } // bind form on call else { this.$element.off('click.zammad-form').on('click.zammad-form', function (e) { e.preventDefault() _this.render() return true }) } } // load css Plugin.prototype.loadCss = function(filename) { if (document.createStyleSheet) { document.createStyleSheet(filename) } else { $('').appendTo('head') } } // send Plugin.prototype.submit = function() { var _this = this // check min modal open time if (_this.modalOpenTime) { var currentTime = new Date().getTime() var diff = currentTime - _this.modalOpenTime.getTime() _this.log('debug', 'currentTime', currentTime) _this.log('debug', 'modalOpenTime', _this.modalOpenTime.getTime()) _this.log('debug', 'diffTime', diff) if (diff < 1000*10) { alert('Sorry, you look like an robot!') return } } // disable form _this.$form.find('button').prop('disabled', true) $.ajax({ method: 'post', url: _this.endpoint_submit, data: _this.getParams(), cache: false, contentType: false, processData: false, }).done(function(data) { // removed errors _this.$form.find('.has-error').removeClass('has-error') // set errors if (data.errors) { $.each(data.errors, function( key, value ) { _this.$form.find('[name=' + key + ']').closest('.form-group').addClass('has-error') }) if (data.errors.token) { alert(data.errors.token) } _this.$form.find('button').prop('disabled', false) return } // ticket has been created _this.thanks(data) }).fail(function() { _this.$form.find('button').prop('disabled', false) alert('Faild to submit form!') }); } // get params Plugin.prototype.getParams = function() { var _this = this var formData = new FormData(_this.$form[0]) /* unfortunaly not working in safari and some IEs - https://developer.mozilla.org/en-US/docs/Web/API/FormData if (!formData.has('title')) { formData.append('title', this.options.messageTitle) } */ if (!_this.$form.find('[name=title]').val()) { formData.append('title', this.options.messageTitle) } if (this.options.test) { formData.append('test', true) } formData.append('token', this._config.token) formData.append('fingerprint', this.fingerprint()) _this.log('debug', 'formData', formData) return formData } Plugin.prototype.closeModal = function() { if (this.$modal) { this.$modal.remove() } } // render form Plugin.prototype.render = function(e) { var _this = this _this.closeModal() _this.modalOpenTime = new Date() _this.log('debug', 'modalOpenTime:', _this.modalOpenTime) var element = "
\
\
\
\
\
" if (!this.options.modal) { element = '
' } var $element = $(element) var $form = $element.find('form') if (this.options.showTitle && this.options.messageTitle != '') { $form.append('

' + this.options.messageTitle + '

') } $.each(this.options.attributes, function(index, value) { var valueId = _this.options.modal ? value.id + '-modal' : value.id + '-inline' var item = $('
'); var defaultValue = (typeof value.defaultValue === 'function') ? value.defaultValue() : value.defaultValue; for (var i=0; i < (value.repeat ? value.repeat : 1); i++) { if (value.tag == 'input') { item.append('') } else if (value.tag == 'textarea') { item.append('') } } $form.append(item) }) $form.append('