Modifiche dir, bozza ChatMsg, sposto in branch feature_ChatMsg

README.md

@@ -4,6 +4,14 @@ Il frontend di Geografia
 
 https://www.figma.com/file/Q5zVqd0YQNPZ8qWW4CjPDR/Geografia?node-id=0%3A1
 
+TODO:
+    
+    - Completare view su tutti i componenti
+    - Sezione Write messages
+    - Stilizzare app
+    - Strutturare Handler
+    - Implementare libreria telegram 
+
 Ci sono 3 componenti principali dell'app:
 - Backend a.k.a interprete (?) - https://git.tropici.net/ifdo/geografia
 - Handler

geografia-vue/src/assets/demo_messages.json

@@ -0,0 +1,64 @@
+{
+  "history": [
+    {
+      "id": 1,
+      "picture": "../assets/cat_skate.png",
+      "name": "test-name1",
+      "last_message": "🐱⛸️➡️?",
+      "seen": false,
+      "date": "25/08/22",
+      "new_messages": 1,
+      "is_user": false
+    },
+    {
+      "id": 2,
+      "picture": "../assets/cat_skate.png",
+      "name": "test-name2",
+      "last_message": "🐱⛸️➡️?",
+      "seen": false,
+      "date": "25/08/22",
+      "new_messages": 1,
+      "is_user": true
+    },
+    {
+      "id": 3,
+      "picture": "../assets/cat_skate.png",
+      "name": "test-name3",
+      "last_message": "🐱⛸️➡️?",
+      "seen": false,
+      "date": "25/08/22",
+      "new_messages": 1,
+      "is_user": false
+    },
+    {
+      "id": 4,
+      "picture": "../assets/cat_skate.png",
+      "name": "test-name4",
+      "last_message": "🐱⛸️➡️?",
+      "seen": false,
+      "date": "25/08/22",
+      "new_messages": 1,
+      "is_user": true
+    },
+    {
+      "id": 5,
+      "picture": "../assets/cat_skate.png",
+      "name": "test-name5",
+      "last_message": "🐱⛸️➡️?",
+      "seen": false,
+      "date": "25/08/22",
+      "new_messages": 1,
+      "is_user": false
+    },
+    {
+      "id": 6,
+      "picture": "../assets/cat_skate.png",
+      "name": "test-name6",
+      "last_message": "🐱⛸️➡️?",
+      "seen": false,
+      "date": "25/08/22",
+      "new_messages": 1,
+      "is_user": true
+    }
+  ]
+}

geografia-vue/src/components/ChatHistory.vue

@@ -1,14 +0,0 @@
-<template>
-  <div id="ChatHistory">
-  </div>
-</template>
-
-<script>
-
-export default {
-  components: {},
-  setup() {},
-};
-</script>
-
-<style scoped></style>

geografia-vue/src/components/single_chat/ChatHistory.vue

@@ -0,0 +1,25 @@
+<script setup>
+import ChatMsg from "./ChatMsg.vue";
+</script>
+
+<template>
+  <!-- Modificare la proprieta' css z-index 
+per permettero lo scrolling e una dimensione fissa -->
+
+  <div id="ChatHistory">
+    <ChatMsg v-for="message in $options.demo_messages.history" :key="message.id"
+      :messageText="message.text"
+      :isUser="message.user"
+    />
+  </div>
+</template>
+
+<script>
+
+export default {
+  components: {},
+  setup() {},
+};
+</script>
+
+<style scoped></style>

geografia-vue/src/components/single_chat/ChatView.vue

@@ -1,5 +1,5 @@
 <script setup>
-import Keyboard from "./Keyboard.vue";
+import Keyboard from "../keyboard/Keyboard.vue";
 import ChatHistory from "./ChatHistory.vue";
 </script>