[vchess.git] / public / javascripts / components / variantSummary.js

Vue.component('my-variant-summary', {
	props: ['vobj'],
	template: `
		<div class="variant col-sm-12" :id="vobj.name">
			<a :href="url">
				<h4 class="boxtitle text-center">
					{{ vobj.name }}
					<span class="count-players">
						/ {{ vobj.count }}
					</span>
				</h4>
				<p class="description text-center">
					{{ vobj.desc }}
				</p>
			</a>
		</div>
	`,
	computed: {
		url: function() {
			return "/" + this.vobj.name;
		},
	},
})
Commit	Line	Data
1d184b4c BA	1	Vue.component('my-variant-summary', {
	2	props: ['vobj'],
	3	template: `
	4	<div class="variant col-sm-12" :id="vobj.name">
	5	<a :href="url">
	6	<h4 class="boxtitle text-center">
	7	{{ vobj.name }}
	8	<span class="count-players">
	9	/ {{ vobj.count }}
	10	</span>
	11	</h4>
	12	<p class="description text-center">
	13	{{ vobj.desc }}
	14	</p>
	15	</a>
	16	</div>
	17	`,
	18	computed: {
	19	url: function() {
	20	return "/" + this.vobj.name;
	21	},
	22	},
	23	})