Merge pull request #532 from SebastianJitaru29/feat-emotions

Feat emotions - FrontEnd

.firebaserc

@@ -14,5 +14,6 @@
       }
     }
   },
-  "etags": {}
+  "etags": {},
+  "dataconnectEmulatorConfig": {}
 }

package.json

@@ -78,4 +78,4 @@
     "vue-template-compiler": "^2.6.12",
     "vuetify-loader": "^1.6.0"
   }
-}
+}

pyproject.toml

@@ -0,0 +1,42 @@
+[tool.poetry]
+name = "ruxailab"
+version = "0.1.0"
+description = ""
+authors = ["SebastianJitaru <[email protected]>"]
+readme = "README.md"
+
+[tool.poetry.dependencies]
+python = "^3.12"
+httplib2 = "^0.22.0"
+idna = "^3.7"
+itsdangerous = "^2.2.0"
+jinja2 = "^3.1.4"
+markupsafe = "^2.1.5"
+msgpack = "^1.0.8"
+numpy = "^1.26.4"
+packaging = "^24.0"
+pandas = "^2.2.2"
+proto-plus = "^1.23.0"
+pyasn1 = "^0.6.0"
+pyasn1-modules = "^0.4.0"
+pycparser = "^2.22"
+pyjwt = "^2.8.0"
+pyparsing = "^3.1.2"
+python-dateutil = "^2.9.0.post0"
+pytz = "^2024.1"
+pyyaml = "^6.0.1"
+requests = "^2.31.0"
+rsa = "^4.9"
+six = "^1.16.0"
+tabulate = "^0.9.0"
+typing-extensions = "^4.11.0"
+tzdata = "^2024.1"
+uritemplate = "^4.1.1"
+urllib3 = "^2.2.1"
+watchdog = "^4.0.0"
+werkzeug = "^3.0.3"
+
+
+[build-system]
+requires = ["poetry-core"]
+build-backend = "poetry.core.masonry.api"

src/components/atoms/BarChart.vue

@@ -5,9 +5,8 @@ export default {
   extends: Bar,
   props: {
     labels: {
-      type: String,
-      default: 'Data One',
-    },
+      type: Array,
+      default: () => ['Label 1', 'Label 2', 'Label 3'],    },
     data: {
       type: Array,
       default: () => [],

src/components/atoms/Drawer.vue

@@ -110,6 +110,7 @@ export default {
       this.$router.replace({ name: 'ManagerView', params: { id: testId } })
     },
 
+
     go(item) {
       if (this.$route.path === item.path) return
       if (item.path === `/testview/${this.test.id}`) return window.open(item.path)

src/components/atoms/RadarChart.vue

@@ -18,6 +18,10 @@ export default {
         return []
       },
     },
+    legend: {
+      type: String,
+      default: 'Legend',
+    },
   },
   watch: {
     data() {
@@ -30,7 +34,7 @@ export default {
         labels: this.labels,
         datasets: [
           {
-            label: 'Usability Percentage ',
+            label: this.legend,
             backgroundColor: 'rgba(249, 152, 38,0.24)',
             borderColor: 'rgba(255, 81, 47,1)',
             pointBackgroundColor: 'rgba(255, 81, 47,1)',

src/components/atoms/SummaryTable.vue

@@ -0,0 +1,40 @@
+<template>
+  <v-card class="mx-auto my-4 pa-2" outlined>
+    <v-simple-table>
+      <thead>
+        <tr>
+          <th class="text-center">COLLABORATOR</th>
+          <th class="text-center">AVG HAPPINESS</th>
+          <th class="text-center">DOMINANT EMOTION</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr v-for="collaborator in collaborators" :key="collaborator.name">
+          <td class="text-center">{{ collaborator.name }}</td>
+          <td class="text-center">{{ collaborator.attention }}</td>
+          <td class="text-center">{{ collaborator.emotion }}</td>        </tr>
+      </tbody>
+    </v-simple-table>
+  </v-card>
+</template>
+
+<script>
+export default {
+  name: 'SummaryTable',
+  props: {
+    collaborators: {
+      type: Array,
+      required: true,
+    },
+  },
+}
+</script>
+
+<style scoped>
+.v-card {
+  border: 1px solid #f4b700;
+}
+.text-center {
+  text-align: center;
+}
+</style>

src/components/molecules/IntroEmotions.vue

@@ -0,0 +1,66 @@
+<template>
+  <div>
+    <IntroComp
+      :colors="['#3498db', '#2e9ecc']"
+      :title="'Emotions'"
+      :image="'IntroEmotions.png'"
+      :main="$t('descriptions.intro.emotions')"
+      :link="$t('descriptions.intro.invite')"
+      :items="items"
+      @linkClicked="emitLinkClicked"
+      @callFunc="emitCallFunc"
+    />
+  </div>
+</template>
+
+<script>
+import IntroComp from '@/components/atoms/IntrosComponent'
+import i18n from '@/i18n'
+
+export default {
+  components: {
+    IntroComp,
+  },
+  computed: {
+    items() {
+      return [
+        {
+          iconColor: '#4bbdaf',
+          icon: 'mdi-file-document',
+          title: i18n.t('pages.intros.docTitle'),
+          subtitle: i18n.t('pages.intros.docSubtitle') + i18n.t('titles.answers'),
+          func: 'goToDoc',
+        },
+        {
+          iconColor: '#4bbdaf',
+          icon: 'mdi-emoticon-happy',
+          title: i18n.t('pages.intros.discTitle'),
+          subtitle: i18n.t('pages.intros.discSubtitle'),
+          func: 'goToDisc',
+        },
+      ]
+    },
+  },
+  methods: {
+    emitLinkClicked() {
+      this.$emit('linkClicked')
+    },
+    emitCallFunc(func) {
+      this[func]()
+    },
+    goToDoc() {
+      this.$router.push('/emotions/documentation').catch(() => {})
+    },
+    goToDisc() {
+      window.open('https://discord.gg/MFWNpwTq9q')
+    },
+  },
+}
+</script>
+
+<style scoped>
+.intro-container {
+  text-align: center;
+  padding: 20px;
+}
+</style>

src/controllers/VideoAnalysisController.js

@@ -0,0 +1,23 @@
+// src/controllers/VideoAnalysisController.js
+import Controller from '@/controllers/BaseController';
+import VideoAnalysis from '@/models/VideoAnalysisModel';
+
+const baseController = new Controller();
+
+export default {
+  async fetchVideoAnalysisData(docId) {
+    try {
+      const doc = await baseController.readOne('VideoAnalysis', docId);
+      console.log('docid', docId);
+      if (doc.exists()) {
+        console.log('doc', doc.data());
+        return VideoAnalysis.fromFirestore(doc.data());
+      } else {
+        throw new Error('Document does not exist');
+      }
+    } catch (error) {
+      console.error('Error fetching video analysis data:', error);
+      throw error;
+    }
+  }
+};

src/locales/en.json

@@ -50,6 +50,8 @@
     "template": "Template",
     "finalReport": "Final Report",
     "answerType": "Answer type:",
+    "emotions": "Emotions",
+    "videoAnalysis": "Video Analysis",
     "drawer": {
       "Manager": "Manager",
       "Test": "Test",
@@ -61,7 +63,8 @@
       "Template": "Template",
       "Final Report": "Final Report",
       "Answer Test": "Answer Test",
-      "Settings": "Settings"
+      "Settings": "Settings",
+      "Emotions": "Emotions"
     },
     "heuristic": "Usability Heuristic Evaluation"
   },
@@ -79,7 +82,8 @@
       "invite": "Invite evaluators to answer your test!",
       "cooperators": "Add cooperators who can help you improve your project and gather data for your studies.",
       "start": "Get started!",
-      "edit": "Create and customize your tasks and heuristics for your research needs."
+      "edit": "Create and customize your tasks and heuristics for your research needs.",
+      "emotions": "Learn how your collaborators felt during the test using AI emotion analysis!."
     }
   },
   "errors": {

src/models/VideoAnalysisModel.js

@@ -0,0 +1,21 @@
+// src/models/VideoAnalysisModel.js
+export default class VideoAnalysis {
+  constructor({
+    fragment1 = {},
+    fragment2 = {},
+  } = {}) {
+    this.fragment1 = fragment1;
+    this.fragment2 = fragment2; 
+  }
+
+  static fromFirestore(data) {
+    return new VideoAnalysis(data);
+  }
+
+  toFirestore() {
+    return {
+      fragment1: this.fragment1,
+      fragment2: this.fragment2,
+    };
+  }
+}