-
+
@@ -42,23 +23,64 @@ export default {
Home-Office
+
+
+
+
`,
components: {
'gueltigkeit': gueltigkeit
},
+ mixins: [
+ configurable
+ ],
+ emits: {
+ removeVB: null
+ },
+ data: function () {
+ return {
+ zeitaufzeichnung: '',
+ azgrelevant: '',
+ homeoffice: '',
+ gueltig_ab: '',
+ gueltig_bis: ''
+ }
+ },
+ created: function() {
+ this.setDataFromConfig();
+ },
methods: {
+ setDataFromConfig: function() {
+ if( typeof this.config.data === 'undefined' ) {
+ return;
+ }
+
+ if( typeof this.config.data.zeitaufzeichnung !== 'undefined' ) {
+ this.zeitaufzeichnung = this.config.data.zeitaufzeichnung;
+ }
+ if( typeof this.config.data.azgrelevant !== 'undefined' ) {
+ this.azgrelevant = this.config.data.azgrelevant;
+ }
+ if( typeof this.config.data.homeoffice !== 'undefined' ) {
+ this.homeoffice = this.config.data.homeoffice
+ }
+ },
removeVB: function() {
- this.$emit('removeVB', {id: this.id});
+ this.$emit('removeVB', {id: this.config.guioptions.id});
},
getPayload: function() {
return {
- zeitaufzeichnung: this.zeitaufzeichnung,
- azgrelevant: this.azgrelevant,
- homeoffice: this.homeoffice,
- gueltigkeit: this.$refs.gueltigkeit.getPayload(),
+ type: this.config.type,
+ guioptions: this.config.guioptions,
+ data: {
+ zeitaufzeichnung: this.zeitaufzeichnung,
+ azgrelevant: this.azgrelevant,
+ homeoffice: this.homeoffice,
+ gueltigkeit: this.$refs.gueltigkeit.getPayload()
+ }
};
}
}
diff --git a/public/js/components/vbform/vertragsbestandteilhelper.js b/public/js/components/vbform/vertragsbestandteilhelper.js
index 0a3707664..42c0e7e22 100644
--- a/public/js/components/vbform/vertragsbestandteilhelper.js
+++ b/public/js/components/vbform/vertragsbestandteilhelper.js
@@ -2,15 +2,16 @@ import vertragsbestandteilstunden from './vertragsbestandteil_stunden.js';
import vertragsbestandteilzeitaufzeichnung from './vertragsbestandteil_zeitaufzeichnung.js';
import vertragsbestandteilfunktion from './vertragsbestandteil_funktion.js';
import vertragsbestandteilfreitext from './vertragsbestandteil_freitext.js';
+import presetable from '../../mixins/vbform/presetable.js';
+import uuid from '../../helpers/vbform/uuid.js';
export default {
template: `
-
-
`,
data: function() {
return {
- vertragsbestandteiltyp: 'vertragsbestandteil',
+ vertragsbestandteiltyp: '',
payload: {
+ type: 'formdata',
vbs: []
- },
- vbs: [
- {
- type: 'vertragsbestandteilstunden',
- id: 'test1'
- },
- {
- type: 'vertragsbestandteilzeitaufzeichnung',
- id: 'test2'
- }
- ],
+ }
};
},
components: {
@@ -58,41 +44,51 @@ export default {
'vertragsbestandteilfunktion': vertragsbestandteilfunktion,
'vertragsbestandteilfreitext': vertragsbestandteilfreitext,
},
+ mixins: [
+ presetable
+ ],
+ emits: {
+ vbhjsonready: null
+ },
methods: {
addVB: function(e) {
e.preventDefault();
e.stopPropagation();
- var vbid = 'test' + (this.vbs.length + 1);
- this.vbs.push({
+ if( this.vertragsbestandteiltyp === '') {
+ return;
+ }
+
+ this.children.unshift({
type: this.vertragsbestandteiltyp,
- id: vbid
+ guioptions: {
+ id: uuid.get_uuid(),
+ removeable: true
+ }
});
},
removeVB: function(payload) {
- var vbs = this.vbs.filter(function(vb) {
- return vb.id !== payload.id;
+ var children = this.children.filter(function(vb) {
+ return vb.guioptions.id !== payload.id;
});
- this.vbs = vbs;
+ this.children = children;
},
getJSON: function(e) {
e.preventDefault();
e.stopPropagation();
- var vbs = this.vbs;
+ var children = this.children;
var that = this;
this.payload = {
+ type: 'formdata',
vbs: []
};
- vbs.forEach(function(vb) {
- that.payload.vbs.push(that.$refs[vb.id][0].getPayload());
+ children.forEach(function(vb) {
+ that.payload.vbs.push(that.$refs[vb.guioptions.id][0].getPayload());
});
- }
- },
- computed: {
- resjson: function() {
- return JSON.stringify(this.payload, null, 2);
+
+ this.$emit('vbhjsonready', JSON.stringify(this.payload, null, 2));
}
}
}
diff --git a/public/js/helpers/vbform/uuid.js b/public/js/helpers/vbform/uuid.js
new file mode 100644
index 000000000..d8df0c103
--- /dev/null
+++ b/public/js/helpers/vbform/uuid.js
@@ -0,0 +1,14 @@
+export default {
+ get_uuid: function() {
+ var uuidValue = "", k, randomValue;
+ for (k = 0; k < 32; k++) {
+ randomValue = Math.random() * 16 | 0;
+
+ if (k == 8 || k == 12 || k == 16 || k == 20) {
+ uuidValue += "-"
+ }
+ uuidValue += (k == 12 ? 4 : (k == 16 ? (randomValue & 3 | 8) : randomValue)).toString(16);
+ }
+ return uuidValue;
+ }
+}
diff --git a/public/js/mixins/vbform/configurable.js b/public/js/mixins/vbform/configurable.js
new file mode 100644
index 000000000..d8885defb
--- /dev/null
+++ b/public/js/mixins/vbform/configurable.js
@@ -0,0 +1,14 @@
+export default {
+ props: [
+ 'config'
+ ],
+ computed: {
+ isremoveable: function() {
+ return (typeof this.config.guioptions.removeable === 'undefined')
+ ? false : this.config.guioptions.removeable;
+ },
+ getgehaltsbestandteile: function() {
+ return (typeof this.config.gbs !== 'undefined') ? this.config.gbs : [];
+ }
+ }
+}
diff --git a/public/js/mixins/vbform/presetable.js b/public/js/mixins/vbform/presetable.js
new file mode 100644
index 000000000..01612f09b
--- /dev/null
+++ b/public/js/mixins/vbform/presetable.js
@@ -0,0 +1,21 @@
+export default {
+ props: [
+ 'preset'
+ ],
+ data: function() {
+ return {
+ children: []
+ }
+ },
+ created: function() {
+ this.children = JSON.parse(JSON.stringify(this.preset));
+ },
+ watch: {
+ preset: function() {
+ this.children = [];
+ this.$nextTick(function() {
+ this.children = JSON.parse(JSON.stringify(this.preset));
+ });
+ }
+ }
+}