X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fclient_OLD%2Fjavascripts%2Fcomponents%2FvariantSummary.js;fp=client%2Fclient_OLD%2Fjavascripts%2Fcomponents%2FvariantSummary.js;h=16b06ce47a41431313114c0e250fd287271a9161;hb=625022fdcf750f0aff8fcd699f7e9b89730e1d10;hp=0000000000000000000000000000000000000000;hpb=b955c65b942d09d24b5c3bed0d755d4f2f8f71f1;p=vchess.git

diff --git a/client/client_OLD/javascripts/components/variantSummary.js b/client/client_OLD/javascripts/components/variantSummary.js
new file mode 100644
index 00000000..16b06ce4
--- /dev/null
+++ b/client/client_OLD/javascripts/components/variantSummary.js
@@ -0,0 +1,30 @@
+// 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];
+		},
+	},
+})