Restore component files with formatting fixes after merge

Author: yibeichan

src/components/Inputs/MediaRecord/MediaRecord.vue

@@ -12,6 +12,11 @@
         <video v-show="!hasRecording" ref="live" id="live_recording" playsinline autoplay muted></video>
         <video v-show="hasRecording && isPlaying" ref="recorded" id="recorded-footage" playsinline autoplay></video>
       </div>
+      <div v-if="audio && visualizer" class="container-fluid">
+        <div class="pids-wrapper">
+          <div v-for="i in 10" :key="i" class="pid"></div>
+        </div>
+      </div>
       <div v-if="audio && !audioStreamDevice" class="mt-2">
         <label>{{ $t('select-microphone') }}</label>
         <select v-model="tempDeviceName" class="form-control">
@@ -55,6 +60,32 @@
 import _ from 'lodash';
 const MediaStreamRecorder = require('msr');
 
+function handleInit(newInit) {
+  if (newInit === 'skip' || newInit === 'dontKnow') {
+    this.hasRecording = false;
+  } else if (newInit) {
+    if (_.isString(newInit) && newInit.startsWith('blob')) {
+      if (this.video) {
+        this.recording.src = newInit;
+      } else {
+        this.recording = new Audio(newInit);
+        this.recording.onended = this.endPlay;
+      }
+      this.hasRecording = true;
+    } else if (newInit instanceof Blob) {
+      const blobURL = URL.createObjectURL(newInit);
+      if (this.video) {
+        this.recording.src = blobURL;
+      } else {
+        this.recording = new Audio(blobURL);
+        this.recording.onended = this.endPlay;
+      }
+      this.recording.blob = newInit;
+      this.hasRecording = true;
+    }
+  }
+}
+
 export default {
   name: 'MediaRecord',
   props: {
@@ -134,6 +165,21 @@ export default {
       return '';
     },
   },
+  watch: {
+    init: handleInit,
+  },
+  mounted() {
+    if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
+      this.supported = true;
+      if (this.audio) {
+        this.getDevices();
+      }
+      this.initializeMedia();
+    } else {
+      this.supported = false;
+    }
+    handleInit.call(this, this.init);
+  },
   methods: {
     getDevices() {
       navigator.mediaDevices.enumerateDevices().then((devices) => {
@@ -264,43 +310,5 @@ export default {
       };
     },
   },
-  watch: {
-    init(newInit) {
-      if (newInit === 'skip' || newInit === 'dontKnow') {
-        this.hasRecording = false;
-      } else if (newInit) {
-        if (_.isString(newInit) && newInit.startsWith('blob')) {
-          if (this.video) {
-            this.recording.src = newInit;
-          } else {
-            this.recording = new Audio(newInit);
-            this.recording.onended = this.endPlay;
-          }
-          this.hasRecording = true;
-        } else if (newInit instanceof Blob) {
-          const blobURL = URL.createObjectURL(newInit);
-          if (this.video) {
-            this.recording.src = blobURL;
-          } else {
-            this.recording = new Audio(blobURL);
-            this.recording.onended = this.endPlay;
-          }
-          this.recording.blob = newInit;
-          this.hasRecording = true;
-        }
-      }
-    },
-  },
-  mounted() {
-    if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
-      this.supported = true;
-      if (this.audio) {
-        this.getDevices();
-      }
-      this.initializeMedia();
-    } else {
-      this.supported = false;
-    }
-  },
 };
 </script>

src/components/Inputs/ParticipantId/ParticipantId.vue

@@ -31,7 +31,7 @@ export default {
   methods: {
     onSubmit(e) {
       e.preventDefault();
-      // console.log(25, 'submit', this.input);
+      
       this.$emit('valueChanged', this.input);
     },
   },

src/components/Inputs/RangeInput/RangeInput.vue

@@ -96,15 +96,15 @@ export default {
       }
     },
     isValid() {
-      // console.log(this.input, Number.isInteger(this.input));
+
       const num = parseFloat(this.input);
       if (isNaN(num)) {
         return false;
       }
       return Number.isFinite(num);
     },
     isValidRange() {
-      // console.log(this.input, Number.isInteger(this.input));
+
       const num1 = parseFloat(this.input1);
       const num2 = parseFloat(this.input2);
       if (num2 > num1) {

src/components/Inputs/SelectInput/SelectInput.vue

@@ -104,7 +104,7 @@ 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;
@@ -121,8 +121,7 @@ export default {
     },
   },
   mounted() {
-    if (this.init) {
-      // console.log(74, this.init);
+    
       if (Array.isArray(this.init)) {
         this.selected = this.init[0];
         this.otherInput = this.init[1];

src/components/Inputs/WebFloatInput/FloatInput.vue

@@ -86,7 +86,7 @@ export default {
       }
     },
     isValid() {
-      // console.log(this.input, Number.isInteger(this.input));
+      
       const num = parseFloat(this.input1);
       if (isNaN(num)) {
         return false;

src/components/Inputs/WebIntegerInput/IntegerInput.vue

@@ -86,7 +86,7 @@ export default {
       }
     },
     isValid() {
-      // console.log(this.input, Number.isInteger(this.input));
+      
       const num = parseFloat(this.input1);
       if (isNaN(num)) {
         return false;