From eaa2bc65e083d295b0b7eb46836daa1f06d62313 Mon Sep 17 00:00:00 2001
From: Guillaume FAUVET <g.fauvet.perso@gmail.com>
Date: Wed, 28 Mar 2018 11:32:59 +0200
Subject: [PATCH] =?UTF-8?q?[page.home]=20{fix}=C2=A0affichage=20sur=20r?=
 =?UTF-8?q?=C3=A9ponse=20de=20l'API?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 webpack/component/home/page1.vue | 59 ++++++++++++++++----------------
 1 file changed, 30 insertions(+), 29 deletions(-)

diff --git a/webpack/component/home/page1.vue b/webpack/component/home/page1.vue
index fe52b31..61f655e 100644
--- a/webpack/component/home/page1.vue
+++ b/webpack/component/home/page1.vue
@@ -2,40 +2,41 @@
 
 	<div id='CONTAINER' class='list'>
 		<svg xmlns="http://www.w3.org/2000/svg">
-			<path
-					:d="'m ' + (gstore.dimensions.padding + gstore.dimensions.text.size) + ',' + (gstore.dimensions.padding) + ' ' +
+			<template v-if="gstore.dimensions">
+				<path
+						:d="'m ' + (gstore.dimensions.padding + gstore.dimensions.text.size) + ',' + (gstore.dimensions.padding) + ' ' +
 						'0,' + (gstore.dimensions.axis.height + gstore.dimensions.padding) + ' ' +
 						(gstore.dimensions.axis.width) + ',0'"></path>
-			<text
-					class="precision"
-					:x="gstore.dimensions.padding + gstore.dimensions.text.size"
-					:y="gstore.dimensions.text.alignV + gstore.dimensions.axis.height + gstore.dimensions.padding">0</text>
-			<template v-for="i in gstore.dimensions.axis.precision">
-				<path
+				<text
 						class="precision"
-						:d="'m ' + (gstore.dimensions.padding + gstore.dimensions.text.size + (i*gstore.dimensions.axis.width/gstore.dimensions.axis.precision)) + ',' + (gstore.dimensions.padding) + ' ' +
+						:x="gstore.dimensions.padding + gstore.dimensions.text.size"
+						:y="gstore.dimensions.text.alignV + gstore.dimensions.axis.height + gstore.dimensions.padding">0</text>
+				<template v-for="i in gstore.dimensions.axis.precision">
+					<path
+							class="precision"
+							:d="'m ' + (gstore.dimensions.padding + gstore.dimensions.text.size + (i*gstore.dimensions.axis.width/gstore.dimensions.axis.precision)) + ',' + (gstore.dimensions.padding) + ' ' +
 				  	  '0,' + (gstore.dimensions.axis.height+gstore.dimensions.padding) + ' '"></path>
-				<text
-						class="precision"
-						:x="gstore.dimensions.padding + gstore.dimensions.text.size + (i*gstore.dimensions.axis.width/gstore.dimensions.axis.precision)"
-						:y="gstore.dimensions.text.alignV + gstore.dimensions.axis.height + gstore.dimensions.padding">{{ i*gstore.maxValue/gstore.dimensions.axis.precision }}</text>
+					<text
+							class="precision"
+							:x="gstore.dimensions.padding + gstore.dimensions.text.size + (i*gstore.dimensions.axis.width/gstore.dimensions.axis.precision)"
+							:y="gstore.dimensions.text.alignV + gstore.dimensions.axis.height + gstore.dimensions.padding">{{ i*gstore.maxValue/gstore.dimensions.axis.precision }}</text>
+				</template>
+				<template v-for="(value, key, i) in gstore.stats">
+					<text
+							:x="gstore.dimensions.text.size + gstore.dimensions.padding - gstore.dimensions.text.alignH"
+							:y="i*(gstore.dimensions.bin.width + gstore.dimensions.bin.spacing) + gstore.dimensions.padding + gstore.dimensions.text.alignV"
+					>{{ key }}</text>
+					<rect
+							:class="gstore.colors[i] + ' hiding'"
+							:x="gstore.dimensions.text.size + gstore.dimensions.padding + 1"
+							:y="i*(gstore.dimensions.bin.width+gstore.dimensions.bin.spacing) + gstore.dimensions.padding"
+							:height="gstore.dimensions.bin.width"
+							:width="gstore.dimensions.bin.margin + (gstore.dimensions.axis.width * value)/gstore.maxValue"
+							:data-info="value">
+						<title>{{ value }}</title>
+					</rect>
+				</template>
 			</template>
-			<template v-for="(value, key, i) in gstore.stats">
-				<text
-						:x="gstore.dimensions.text.size + gstore.dimensions.padding - gstore.dimensions.text.alignH"
-						:y="i*(gstore.dimensions.bin.width + gstore.dimensions.bin.spacing) + gstore.dimensions.padding + gstore.dimensions.text.alignV"
-				>{{ key }}</text>
-				<rect
-				  :class="gstore.colors[i] + ' hiding'"
-				  :x="gstore.dimensions.text.size + gstore.dimensions.padding + 1"
-				  :y="i*(gstore.dimensions.bin.width+gstore.dimensions.bin.spacing) + gstore.dimensions.padding"
-				  :height="gstore.dimensions.bin.width"
-				  :width="gstore.dimensions.bin.margin + (gstore.dimensions.axis.width * value)/gstore.maxValue"
-				  :data-info="value">
-				<title>{{ value }}</title>
-				</rect>
-			</template>
-
 		</svg>
 
 		<section>bla</section>