X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Fviews%2FHome.vue;fp=client%2Fsrc%2Fviews%2FHome.vue;h=1eaa6b17daf5273867706cf539eaaa9fe3f135cf;hb=8d61fc4ab7373b4a576f3f9108cdf7768ae27096;hp=5b3c65e9c0ffa7f6c074fe103cde585c2a04a2a5;hpb=760865ac92508676c0047b84c5ba3e12d41d7c20;p=vchess.git

diff --git a/client/src/views/Home.vue b/client/src/views/Home.vue
index 5b3c65e9..1eaa6b17 100644
--- a/client/src/views/Home.vue
+++ b/client/src/views/Home.vue
@@ -15,3 +15,34 @@ export default {
   }
 };
 </script>
+
+// Show a variant summary on index
+Vue.component('my-variant-summary', {
+	props: ['vobj','index'],
+	template: `
+		<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 }}
+					<span class="count-players">
+						/ {{ vobj.count }}
+					</span>
+				</h4>
+				<p class="description text-center">
+					{{ translate(vobj.desc) }}
+				</p>
+			</a>
+		</div>
+	`,
+	computed: {
+		url: function() {
+			return "/" + this.vobj.name;
+		},
+	},
+	methods: {
+		translate: function(text) {
+			return translations[text];
+		},
+	},
+})