X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=public%2Fjavascripts%2Fcomponents%2FvariantSummary.js;h=16b06ce47a41431313114c0e250fd287271a9161;hb=b955c65b942d09d24b5c3bed0d755d4f2f8f71f1;hp=ed9b7b64aa98f0c09da47953978af4683e78324c;hpb=1d184b4c016a645228251ce984d4c980e60420b0;p=vchess.git

diff --git a/public/javascripts/components/variantSummary.js b/public/javascripts/components/variantSummary.js
index ed9b7b64..16b06ce4 100644
--- a/public/javascripts/components/variantSummary.js
+++ b/public/javascripts/components/variantSummary.js
@@ -1,7 +1,9 @@
+// Show a variant summary on index
 Vue.component('my-variant-summary', {
-	props: ['vobj'],
+	props: ['vobj','index'],
 	template: `
-		<div class="variant col-sm-12" :id="vobj.name">
+		<div class="variant col-sm-12 col-md-5 col-lg-4" :id="vobj.name"
+			:class="{'col-md-offset-1': index%2==0, 'col-lg-offset-2': index%2==0}">
 			<a :href="url">
 				<h4 class="boxtitle text-center">
 					{{ vobj.name }}
@@ -10,7 +12,7 @@ Vue.component('my-variant-summary', {
 					</span>
 				</h4>
 				<p class="description text-center">
-					{{ vobj.desc }}
+					{{ translate(vobj.desc) }}
 				</p>
 			</a>
 		</div>
@@ -20,4 +22,9 @@ Vue.component('my-variant-summary', {
 			return "/" + this.vobj.name;
 		},
 	},
+	methods: {
+		translate: function(text) {
+			return translations[text];
+		},
+	},
 })