Merge pull request #20 from Bworld-Studio/GrayFawkes/issue18

Séparer la vue Clients du formulaire Fixes #18

ui/src/App.vue

@@ -22,7 +22,7 @@
   	</div>
 	</nav>
 
-	<div class="container">
+	<div class="container-fluid">
 		<router-view/>
 	</div>
 </div>

ui/src/components/Home.vue

 <template>
-
-					<!-- <tr v-for="(line) in clients" v-bind:key="line.uuid" v-bind:title="line.numSS"> -->
-						<!-- <td class="text-left">{{line.lastName}}</td> -->
-						<!-- <td class="text-left">{{line.firstName}}</td> -->
-						<!-- <td class="text-left">{{ $d(new Date(line.birthDate), "short") }}</td> -->
-						<!-- <td class="text right"> -->
-							<!-- <button class="btn btn-info" v-on:click="editClient(line)">{{$t('buttons.edit-button')}}</button> -->
-							<!-- <button class="btn btn-danger" v-on:click="deleteClient(line.uuid)">{{$t('buttons.delete-button')}}</button> -->
-						<!-- </td> -->
-
-
 <div class="container">
-	 <div class="card" v-for="(view) in views" :key="view.id"> <!-- v-bind:key="view.id" v-bind:title="{{$t(view.label)}}" -->
+	 <div class="card" v-for="(view) in views" :key="view.id" style="width: 25rem;"> <!-- v-bind:key="view.id" v-bind:title="{{$t(view.label)}}" -->
   		<div class="card-body">
-    		{{$t(view.label)}}
+				<h5 class="card-title">{{$t(view.title)}}</h5>
+				<h6 class="card-subtitle mb-2 text-muted">{{$t(view.subtitle)}}</h6>
+				<p class="card-text">{{$t(view.text)}}</p>
+    		<a href="/Clients" class="card-link">{{$t(view.action1)}}</a>
+    		<a href="/Client" class="card-link">{{$t(view.action2)}}</a>
   		</div>
 		</div>
 </div>
@@ -25,8 +18,8 @@ export default {
 	data () {
 		return {
 			views: [
-				{ id: "Clients", label: 'global.views.clients', text: 'global.views.clients' },
-				{ id: "Products", label: 'global.views.products', text: 'global.views.products' }
+				{ id: "Clients", title: 'global.viewsHome.clients.title', subtitle: 'global.viewsHome.clients.subtitle', text: 'global.viewsHome.clients.text', action1: 'global.viewsHome.clients.action1', action2: 'global.viewsHome.clients.action2' },
+				{ id: "Products", title: 'global.viewsHome.products.title', subtitle: 'global.viewsHome.products.subtitle', text: 'global.viewsHome.products.text', action1: 'global.viewsHome.products.action1', action2: 'global.viewsHome.products.action2' }
 			],
 
 			// client: {

ui/src/locales/en.json

@@ -2,9 +2,11 @@
   "global": {
     "locale": "English",
     "openPharma": "OpenPharma",
-    "clients": "Clients",
     "lang": "en",
-    "products": "Products"
+    "views": {
+      "clients": "Clients",
+      "products": "Products"
+    }
   },
   "buttons": {
     "yes-button": "Yes",

ui/src/locales/fr.json

@@ -3,9 +3,21 @@
     "lang": "fr",
     "locale": "Français",
     "openPharma": "OpenPharma",
-    "views": {
-      "clients": "Patients",
-      "products": "Produits"
+    "viewsHome": {
+      "clients": {
+        "title": "Patients",
+        "subtitle": "Patients",
+        "text": "Texte Patients",
+        "action1": "Liste des patients",
+        "action2": "Ajouter un patient"
+      },
+      "products": {
+        "title": "Produits",
+        "subtitle": "Produits",
+        "text": "Texte Produits",
+        "action1": "Liste des produits",
+        "action2": "Ajouter un produit"
+      }
     }
   },
   "buttons": {