+ {{ $t('audio-support-msg')}}
+
+
+
+
+
+
diff --git a/src/components/Inputs/AudioVideoCheck/index.js b/src/components/Inputs/AudioVideoCheck/index.js
new file mode 100644
index 00000000..fc9bebaa
--- /dev/null
+++ b/src/components/Inputs/AudioVideoCheck/index.js
@@ -0,0 +1,2 @@
+// eslint-disable-next-line
+export { default } from './AudioVideoCheck.vue';
diff --git a/src/components/Inputs/DocumentUpload/DocumentUpload.vue b/src/components/Inputs/DocumentUpload/DocumentUpload.vue
index eb6b73f7..2e714e88 100644
--- a/src/components/Inputs/DocumentUpload/DocumentUpload.vue
+++ b/src/components/Inputs/DocumentUpload/DocumentUpload.vue
@@ -10,12 +10,14 @@
export default {
name: 'DocumentUpload',
- props: ['constraints', 'init'],
- watch: {
- input() {
- // if there is a change, emit it.
- this.$emit('valueChanged', this.input);
- },
+ props: {
+ 'constraints': {},
+ 'init': {}
+ },
+ data() {
+ return {
+ selectedFile: null,
+ };
},
methods: {
onFileSelected(event) {
@@ -31,15 +33,16 @@ export default {
return this.a + this.b;
},
},
- data() {
- return {
- selectedFile: null,
- };
- },
mounted() {
if (this.init) {
this.selectedFile = this.init;
}
},
+ watch: {
+ input() {
+ // if there is a change, emit it.
+ this.$emit('valueChanged', this.input);
+ },
+ }
};
diff --git a/src/components/Inputs/EmailInput/EmailInput.vue b/src/components/Inputs/EmailInput/EmailInput.vue
index 8c7994b2..bb1d25e8 100644
--- a/src/components/Inputs/EmailInput/EmailInput.vue
+++ b/src/components/Inputs/EmailInput/EmailInput.vue
@@ -20,7 +20,15 @@
diff --git a/src/components/Inputs/SelectInput/SelectInput.vue b/src/components/Inputs/SelectInput/SelectInput.vue
index a521d3b1..cbdc6896 100644
--- a/src/components/Inputs/SelectInput/SelectInput.vue
+++ b/src/components/Inputs/SelectInput/SelectInput.vue
@@ -46,7 +46,13 @@ import 'vue-multiselect/dist/vue-multiselect.min.css';
export default {
name: 'SelectInput',
- props: ['reprotermsUrl', 'constraints', 'init', 'selected_language', 'inputType'],
+ props: {
+ 'reprotermsUrl': {},
+ 'constraints': {},
+ 'init': {},
+ 'selected_language': {},
+ 'inputType': {}
+ },
components: {
Multiselect,
},
@@ -62,13 +68,6 @@ export default {
valueMap: {},
};
},
- watch: {
- input() {
- // if there is a change, emit it.
- this.$emit('valueChanged', this.selected);
- },
-
- },
methods: {
checkAndSendData() {
if (this.selected) {
@@ -102,6 +101,25 @@ export default {
return `and ${count} other countries`;
},
},
+ computed: {
+ multipleAllowed() {
+ if (this.constraints['http://schema.repronim.org/multipleChoice']) {
+ // console.log(94, this.constraints[this.reprotermsUrl+'multipleChoice']);
+ return this.constraints['http://schema.repronim.org/multipleChoice'][0]['@value'];
+ }
+ return false;
+ },
+ checkOther() {
+ if (this.selected) {
+ if (this.multipleAllowed) {
+ return this.selected.includes('Other');
+ } else {
+ return this.selected === 'Other';
+ }
+ }
+ return false;
+ },
+ },
mounted() {
if (this.init) {
// console.log(74, this.init);
@@ -129,24 +147,12 @@ export default {
});
}
},
- computed: {
- multipleAllowed() {
- if (this.constraints['http://schema.repronim.org/multipleChoice']) {
- // console.log(94, this.constraints[this.reprotermsUrl+'multipleChoice']);
- return this.constraints['http://schema.repronim.org/multipleChoice'][0]['@value'];
- }
- return false;
- },
- checkOther() {
- if (this.selected) {
- if (this.multipleAllowed) {
- return this.selected.includes('Other');
- } else {
- return this.selected === 'Other';
- }
- }
- return false;
+ watch: {
+ input() {
+ // if there is a change, emit it.
+ this.$emit('valueChanged', this.selected);
},
+
},
};
diff --git a/src/components/Inputs/SliderInput/SliderInput.vue b/src/components/Inputs/SliderInput/SliderInput.vue
index 58c0e454..79a66509 100644
--- a/src/components/Inputs/SliderInput/SliderInput.vue
+++ b/src/components/Inputs/SliderInput/SliderInput.vue
@@ -42,10 +42,19 @@ import 'vue-slider-component/theme/default.css';
export default {
name: 'SliderInput',
- props: ['constraints', 'init', 'selected_language'],
+ props: {
+ 'constraints': {},
+ 'init': {},
+ 'selected_language': {}
+ },
components: {
VueSlider,
},
+ data() {
+ return {
+ input: null
+ };
+ },
methods: {
sendData(e) {
e.preventDefault();
@@ -56,38 +65,38 @@ export default {
choices() {
return this.constraints['http://schema.repronim.org/choices'] || [];
},
-
+
interval() {
const minValue = this.constraints['http://schema.org/minValue'];
const maxValue = this.constraints['http://schema.org/maxValue'];
-
+
if (minValue && maxValue) {
const min = minValue[0]['@value'];
const max = maxValue[0]['@value'];
return Array.from({length: max - min + 1}, (_, i) => min + i);
}
-
+
return this.choices.map(v => v['http://schema.repronim.org/value'][0]['@value']);
},
-
+
getMinLabel() {
if (this.choices.length) {
- const activeLabel = _.find(this.choices[0]['http://schema.org/name'],
+ const activeLabel = _.find(this.choices[0]['http://schema.org/name'],
label => label['@language'] === this.selected_language);
return activeLabel ? activeLabel['@value'] : '';
}
return '';
},
-
+
getMaxLabel() {
if (this.choices.length) {
- const activeLabel = _.find(this.choices[this.choices.length - 1]['http://schema.org/name'],
+ const activeLabel = _.find(this.choices[this.choices.length - 1]['http://schema.org/name'],
label => label['@language'] === this.selected_language);
return activeLabel ? activeLabel['@value'] : '';
}
return '';
},
-
+
getMinImageLabel() {
const vcList = this.choices;
if (vcList[0]['http://schema.org/image']) {
@@ -95,7 +104,7 @@ export default {
}
return false;
},
-
+
getMaxImageLabel() {
const vcList = this.choices;
const N = vcList.length;
@@ -104,14 +113,14 @@ export default {
}
return false;
},
-
+
getMarks() {
- if (this.constraints['http://schema.org/minValue'] &&
+ if (this.constraints['http://schema.org/minValue'] &&
this.constraints['http://schema.org/maxValue']) {
const min = this.constraints['http://schema.org/minValue'][0]['@value'];
const max = this.constraints['http://schema.org/maxValue'][0]['@value'];
const choices = this.choices;
-
+
if (choices) {
const numChoices = choices.length;
const step = (max - min) / (numChoices - 1);
@@ -120,17 +129,17 @@ export default {
}
return true; // fallback to default behavior
},
-
+
getMidLabel() {
if (this.choices.length % 2 === 1) { // Check if odd number of choices
const midIndex = Math.floor(this.choices.length / 2);
- const activeMidLabel = _.find(this.choices[midIndex]['http://schema.org/name'],
+ const activeMidLabel = _.find(this.choices[midIndex]['http://schema.org/name'],
label => label['@language'] === this.selected_language);
return activeMidLabel ? activeMidLabel['@value'] : '';
}
return '';
},
-
+
getMidImageLabel() {
if (this.choices.length % 2 === 1) {
const midIndex = Math.floor(this.choices.length / 2);
@@ -141,11 +150,6 @@ export default {
return false;
},
},
- data() {
- return {
- input: null
- };
- },
mounted() {
if (this.init) {
this.input = this.init;
diff --git a/src/components/Inputs/Static/Static.vue b/src/components/Inputs/Static/Static.vue
index ec80b0a1..88376e7a 100644
--- a/src/components/Inputs/Static/Static.vue
+++ b/src/components/Inputs/Static/Static.vue
@@ -9,7 +9,17 @@
diff --git a/src/components/Inputs/VideoCheck/VideoCheck.vue b/src/components/Inputs/VideoCheck/VideoCheck.vue
new file mode 100644
index 00000000..61c647fe
--- /dev/null
+++ b/src/components/Inputs/VideoCheck/VideoCheck.vue
@@ -0,0 +1,278 @@
+
+
+
+ {{ $t('start-button') }}
+
+
+ {{ $t('play-button') }}
+
+
+ {{ $t('pause-button') }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{timeRemaining}} {{ $t('x-seconds-left') }}
+
+
+ {{ $t('audio-support-msg')}}
+
+
+
+
+
+
diff --git a/src/components/Inputs/VideoCheck/index.js b/src/components/Inputs/VideoCheck/index.js
new file mode 100644
index 00000000..82fe0428
--- /dev/null
+++ b/src/components/Inputs/VideoCheck/index.js
@@ -0,0 +1,2 @@
+// eslint-disable-next-line
+export { default } from './VideoCheck.vue';
diff --git a/src/components/Inputs/WebAudioRecord/Audio.vue b/src/components/Inputs/WebAudioRecord/Audio.vue
index 5ca09e18..82863d12 100644
--- a/src/components/Inputs/WebAudioRecord/Audio.vue
+++ b/src/components/Inputs/WebAudioRecord/Audio.vue
@@ -5,6 +5,13 @@
+
+ {{ $t('start-button') }}
+
+
+ {{ $t('play-button') }}
+
+
+ {{ $t('pause-button') }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{timeRemaining}} {{ $t('x-seconds-left') }}
+
+
+
+
+
{{ generateNumber }}
@@ -27,11 +34,17 @@
{{ $t('play-button') }}
+
+
+