⚡️ add links to frontend files

* add links and frontend sketch * resolve icon problem * V2 resolves links problem * V3 jpp * V4-final
yannis-mlgrn · Apr 26, 2021 · 7c7ce21 · 7c7ce21
1 parent c64244e
commit 7c7ce21
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 3 deletions.
diff --git a/doc/frontend/frontend.md b/doc/frontend/frontend.md
@@ -1,6 +1,6 @@
 # Frontend documentation
 
-  - [📂 **front directory**](front)
+  - [📂 **front directory**](../../front/)
 
   **How to start it :**
 
@@ -10,26 +10,46 @@
   python3 -m http.server
   ```
 > Open webbrowser at http://localhost:5000
+
+
+
+## Frontend sketch :
+
+![frontend-sketch](front.png)
+
 ## vuejs components :
 
 - activity-navbar :
   > display description room and if a user wrinting in the input
 
+  ![html](../../logos/html.png) [html file](../../front/activity_bar.html)
+
 - messages :
   > Display a list of messages
 
+  ![html](../../logos/html.png) [html file](../../front/messages-list.html)
+
 - room-list :
   > display all joined room
 
+  ![html](../../logos/html.png) [html file](../../front/room_list.html)
+
+
 
    --> room-entry :
     > when the user click on the room, he can change it name and description
 
 - room-editor : 
   > when the user click on it, he can create a room
+      
+  ![html](../../logos/html.png) [html file](../../front/room_editor.html)
 
 - message-editor :
   > user can type the message in this input and send when he click on sending button 
 
+    ![html](../../logos/html.png) [html file](../../front/message_editor.html)
+
 - user-list :
-   > display users who wrote in the current room
+   > display users who wrote in the current room
+
+    ![html](../../logos/html.png) [html file](../../front/user-list.html)
diff --git a/front/css/room.css → front/css/messages-list.css b/front/css/room.css → front/css/messages-list.css
diff --git a/front/room.html → front/messages-list.html b/front/room.html → front/messages-list.html
@@ -6,7 +6,7 @@
 	<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js "></script>
 	<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/locale/fr.min.js"></script>
 	<link rel="stylesheet" href="css/global.css">
-    <link rel="stylesheet" href="css/room.css">
+    <link rel="stylesheet" href="css/messsages-list.css>
 	<meta charset="utf-8">
 </head>
 <body>

diff --git a/logos/html.png b/logos/html.png