diff options
Diffstat (limited to 'resources/assets')
| -rw-r--r-- | resources/assets/javascripts/bootstrap/forms.js | 191 |
1 files changed, 7 insertions, 184 deletions
diff --git a/resources/assets/javascripts/bootstrap/forms.js b/resources/assets/javascripts/bootstrap/forms.js index 7643612..7ee123d 100644 --- a/resources/assets/javascripts/bootstrap/forms.js +++ b/resources/assets/javascripts/bootstrap/forms.js @@ -242,190 +242,13 @@ function createSelect2(element) { } STUDIP.ready(function () { - let forms = window.document.querySelectorAll('form.default.studipform:not(.vueified)'); - if (forms.length > 0) { - STUDIP.Vue.load().then(({createApp}) => { - forms.forEach(f => { - createApp({ - el: f, - data() { - let params = JSON.parse(f.dataset.inputs); - params.STUDIPFORM_REQUIRED = f.dataset.required ? JSON.parse(f.dataset.required) : []; - params.STUDIPFORM_SERVERVALIDATION = f.dataset.server_validation > 0; - params.STUDIPFORM_DISPLAYVALIDATION = false; - params.STUDIPFORM_VALIDATIONNOTES = []; - params.STUDIPFORM_AUTOSAVEURL = f.dataset.autosave; - params.STUDIPFORM_VALIDATION_URL = f.dataset.validation_url; - params.STUDIPFORM_VALIDATED = false; - params.STUDIPFORM_REDIRECTURL = f.dataset.url; - params.STUDIPFORM_INPUTS_ORDER = []; - params.STUDIPFORM_SELECTEDLANGUAGES = {}; - for (let i in JSON.parse(f.dataset.inputs)) { - params.STUDIPFORM_INPUTS_ORDER.push(i); - } - return params; - }, - methods: { - submit: function (e) { - if (this.STUDIPFORM_VALIDATED) { - return; - } - let v = this; - v.STUDIPFORM_VALIDATIONNOTES = []; - this.STUDIPFORM_DISPLAYVALIDATION = true; - - //validation: - let validation_promise = this.validate(); - validation_promise.then(function (validated) { - if (!validated) { - v.$el.scrollIntoView({ - behavior: 'smooth' - }); - return; - } - - if (v.STUDIPFORM_AUTOSAVEURL) { - let params = v.getFormValues(); - params.STUDIPFORM_AUTOSTORE = 1; - - $.ajax({ - url: v.STUDIPFORM_AUTOSAVEURL, - data: params, - type: 'post', - success(output) { - if (output === 'STUDIPFORM_STORE_SUCCESS' && v.STUDIPFORM_REDIRECTURL) { - //The form has been stored successfully: - window.location.href = v.STUDIPFORM_REDIRECTURL; - } else if (output !== 'STUDIPFORM_STORE_SUCCESS') { - Report.error($gettext('Es ist ein Fehler aufgetreten'), output); - } - } - }); - } else { - v.STUDIPFORM_VALIDATED = true; - v.$el.submit(); - } - }); - e.preventDefault(); - }, - getFormValues() { - let v = this; - let params = { - security_token: this.$refs.securityToken.value - }; - Object.keys(v.$data).forEach(function (i) { - if (!i.startsWith('STUDIPFORM_')) { - if (typeof v.$data[i] === 'boolean') { - params[i] = v.$data[i] ? 1 : 0; - } else { - params[i] = v.$data[i]; - } - } - }); - return params; - }, - validate() { - let v = this; - this.STUDIPFORM_VALIDATIONNOTES = []; - - return new Promise((resolve, reject) => { - let validated = v.$el.checkValidity(); - - $(v.$el).find('input, select, textarea').each(function () { - if (!this.validity.valid) { - let note = { - name: this.name, - label: $(this.labels[0]).find('.textlabel').text(), - description: $gettext('Fehler!'), - describedby: this.id - }; - if ($(this).data('validation_requirement')) { - note.description = $(this).data('validation_requirement'); - } - if (this.validity.tooShort) { - note.description = $gettextInterpolate( - $gettext('Geben Sie mindestens %{min} Zeichen ein.'), - {min: this.minLength} - ); - } - if (this.validity.valueMissing) { - if (this.type === 'checkbox') { - note.description = $gettext('Dieses Feld muss ausgewählt sein.'); - } else { - if (this.minLength > 0) { - note.description = $gettextInterpolate( - $gettext('Hier muss ein Wert mit mindestens %{min} Zeichen eingetragen werden.'), - {min: this.minLength} - ); - } else { - note.description = $gettext('Hier muss ein Wert eingetragen werden.'); - } - - } - } - v.STUDIPFORM_VALIDATIONNOTES.push(note); - } - }); - - if (v.STUDIPFORM_SERVERVALIDATION) { - let params = v.getFormValues(); - if (v.STUDIPFORM_AUTOSAVEURL) { - params.STUDIPFORM_AUTOSTORE = 1; - } - params.STUDIPFORM_SERVERVALIDATION = 1; - - $.post(v.STUDIPFORM_VALIDATION_URL, params).done((output) => { - for (let i in output) { - v.STUDIPFORM_VALIDATIONNOTES.push({ - name: output[i].name, - label: output[i].label, - description: output[i].error, - describedby: null - }); - } - validated = v.STUDIPFORM_VALIDATIONNOTES.length < 1; - resolve(validated); - }); - } else { - resolve(validated); - } - }); - }, - setInputs(inputs) { - for (const [key, value] of Object.entries(inputs)) { - if (this[key] !== undefined) { - this[key] = value; - } - } - }, - selectLanguage(input_name, language_id) { - let languages = { - ...this.STUDIPFORM_SELECTEDLANGUAGES - }; - languages[input_name] = language_id; - this.STUDIPFORM_SELECTEDLANGUAGES = languages; - } - }, - computed: { - ordererValidationNotes: function () { - let orderedNotes = []; - for (let i in this.STUDIPFORM_INPUTS_ORDER) { - for (let k in this.STUDIPFORM_VALIDATIONNOTES) { - if (this.STUDIPFORM_VALIDATIONNOTES[k].name === this.STUDIPFORM_INPUTS_ORDER[i]) { - orderedNotes.push(this.STUDIPFORM_VALIDATIONNOTES[k]); - } - } - } - return orderedNotes; - } - }, - mounted () { - $(this.$el).addClass("vueified"); - } - }); - }); - }); - } + // let forms = window.document.querySelectorAll('form.default.studipform:not(.vueified)'); + // if (forms.length > 0) { + // STUDIP.Vue.load().then(({createApp}) => { + // forms.forEach(f => { + // }); + // }); + // } /* * Form elements with the "simplevue" class are meant for forms that just need some vue components |